在IDEA中创建基于Maven的Web项目图文详细步骤

摘要

在创建项目之前，请确保以下工具已正确安装并配置：

1. IntelliJ IDEA：推荐使用 Ultimate Edition版本，因为它支持完整的 Web 开发功能。
2. JDK：建议使用 JDK 8 或更高版本，并在系统中配置好环境变量（JAVA_HOME）。
3. Maven：IDEA 可以自带 Maven，也可以下载独立的 Maven，并添加到系统路径中

一、新建webapp模板

流程图下所示，最后点击Create：

二、在src目录下新建文件夹，之后在此创建java文件

三、修改项目中web.xml版本为4.0

打开项目结构：

移除默认 2.3 版本的 web.xml 文件， 移除后一定要 apply 应用

重新添加 web.xml 文件，选择 4.0 版本：

4. 配置 tomcat 服务器

然后在Tomcat Server下：

然后如下配置：

四、将项目部署在tomcat中

下一步：

下一步：

五、启动项目

启动 tomcat

默认启动成功后会自动打开浏览器访问项目，也可以通过 " localhost:8080/ 项目名 " 访问。

这里看到的页面，是 web 项目中自带的 index.jsp 文件，如下界面表示成功：

六、web资源目录结构

webapp 下如果有 index 文件，访问项目后会自动访问 index 文件，如果没有名为 index 的文件，就会出现

404 ，表示 index 页面不存在

项目上下文路径

域名 + 端口 + 项目名 称为项目上下文路径

如 localhost:8080/web01 就是项目上下文路径，可以理解为项目根目录

webapp 目录直接通过项目上下文路径访问，无需显式写出

更新了项目中的内容后，根据需要选择重启还是重新部署

七、修改项目编译时的jdk版本

修改 web 模块的 jdk 版本，流程如下 ：

修改当前项目的 jdk 版本

八、解决tomcat控制台中文乱码

最后重启IDEA！！！！！！