目录

一、IDEA 使用 maven 创建新的 Javaweb 项目:

二、创建标记文件夹

三、配置 Tomcat

四、启动 Tomcat

五、修复 web.xml 版本与 tomcat 不一致问题


一、IDEA 使用 maven 创建新的 Javaweb 项目:

1. 在 IDEA 中新建一个 project,选择需要的模板:

idea java project 导入 idea导入javaweb项目_intellij-idea

2. 填写Name,Group ID(可填可不填):

idea java project 导入 idea导入javaweb项目_xml_02

3. 选择 Maven 的版本:Mac两种方法都可以

第一种:使用 Maven 自带的版本:【Windows系统默认下载数据到C盘,不推荐这种方式】

idea java project 导入 idea导入javaweb项目_tomcat_03

第二种,使用下载的 Maven:【好处是:可以自己配置settings.xml,配置本地仓库的位置,Windows系统推荐这种方法】

idea java project 导入 idea导入javaweb项目_tomcat_04

 4. 创建成功后,右下角选择:“Enable Auto-Import”,自动导入包,等待出现“BUILD SUCCESS”,说明导入成功。

二、创建标记文件夹

1. 创建成功后的 project 目录如图所示:

idea java project 导入 idea导入javaweb项目_xml_05

 2. 创建:main/java, main/resources, test/java, test/resources文件夹:

方法一:使用 IDEA 自带:

点击“src”,右键“New->Directory”,下方自动出现这4个文件夹,直接双击,即可生成:

idea java project 导入 idea导入javaweb项目_maven_06

 方法二:使用标记:

1)点击“main”,右键“New->Directory”,创建两个directory,命名为:java和resources

2)  点击“java”文件夹,右键“Mark Directory as -> Source root【蓝色】”,即可创建成功。resources文件夹选择“Mark Directory as -> Resources root”,test文件夹选择相应的标记。

生成后如图所示:

idea java project 导入 idea导入javaweb项目_xml_07

三、配置 Tomcat

需要提前下载安装好 Tomcat,安装方式见:Mac 下载安装 Tomcat_超甜超可爱的博客-CSDN博客

1. 点击右上角“Add Configuration”【也可以点击上方工具栏“Run -> Edit Configuration”】,在弹出界面中点击左上角“+”:

idea java project 导入 idea导入javaweb项目_maven_08

 2. 选择“Tomcat Server -> Local”,配置本地的Tomcat:

idea java project 导入 idea导入javaweb项目_java_09

建议使用 tomcat 9 版本,图中的版本不对,我回退到 tomcat 9了】

idea java project 导入 idea导入javaweb项目_java_10

  • Name:名字,随便取
  • Application server:需要点击“Configure”配置

idea java project 导入 idea导入javaweb项目_xml_11

idea java project 导入 idea导入javaweb项目_maven_12

 

idea java project 导入 idea导入javaweb项目_xml_13

  • 默认浏览器配置 和 JDK 环境保持默认就可以
  • HTTP port:一般为8080
  • Warning:需要配置 artifacts【因为访问网站,需要制定文件夹的名字】
  • 方式一:点击后侧“Fix”,在弹出框中选择“第一个war”

idea java project 导入 idea导入javaweb项目_java_14

 

idea java project 导入 idea导入javaweb项目_xml_15

  • 方式二:选择上方“Deployment”,点击“+”,选择第一个“Artifact”,再选择第一个“war”:

idea java project 导入 idea导入javaweb项目_java_16

 

idea java project 导入 idea导入javaweb项目_maven_17

虚拟路径映射:

idea java project 导入 idea导入javaweb项目_xml_18

四、启动 Tomcat

1. 点击启动tomcat: 

idea java project 导入 idea导入javaweb项目_java_19

2. 出现如下显示,并且网页会自动跳转,表明配置成功:

idea java project 导入 idea导入javaweb项目_intellij-idea_20

idea java project 导入 idea导入javaweb项目_java_21

这里出现的“Hello World”来自“index.jsp”文件中:

idea java project 导入 idea导入javaweb项目_maven_22

五、修复 web.xml 版本与 tomcat 不一致问题

1. 打开 WEB-INF/web.xml,查看版本,这里的版本是“2.3”:

idea java project 导入 idea导入javaweb项目_intellij-idea_23

2. 打开 tomcat 路径下的 webapps/ROOT/WEB-INF/web.xml,比如我的为:/Users/用户名/Library/tomcat/webapps/ROOT/WEB-INF/web.xml:这里的版本是“5.0”

idea java project 导入 idea导入javaweb项目_xml_24

3. 将 tomcat 路径下的 web.xml 的头文件复制到 IDEA 的 web.xml 中:

idea java project 导入 idea导入javaweb项目_xml_25