Idea配置Tomcat进行Web网页开发（需要maven）

环境展示：

1. Interllij IDEA 2019

2. JDK 1.8

3. Tomcat9.0.27

4. 博主已经提前对idea配置好了maven（所以这里就不讲maven的配置了）

一、创建maven项目的web app

1. 左侧菜单栏点击Maven，然后勾选Create from archetype

2. 选择maven-archetype-webapp这个模板，不要选错了

3. 点击next，后面的默认即可。

二、配置Tomcat服务器以启动程序

1、配置Server

1. 点击右上角的 Add Configuration

   

2. 在弹出框中点击左上角的加号，然后滚动到最后，选择 31 more items（我这里是31，有一些是30）的选项；然后在新的菜单中选择**Tomcat Server ** -> Local

   

   

3. 点击Configure按钮，然后配置 Tomcat home ，即找到bin目录的上一层目录。

   

   

   

4. 点击ok

2、配置Development

1. 选择Deployment

   

2. 点击右边的加号，然后选择Artifact选项

   

3. 在弹出的两个中随便选择一个，我选的是第一个，点击ok

   

4. 点击Server，URL中后面的路径会添加上你刚才选的那个artifact

   

5. 点击ok，完成设置

3、启动程序

1. 点击idea右上角的三角符号，启动程序

   

2. 在弹出来的网页中出现**Hello World！**表示tomcat配置成功！

   

4、添加Servlet的maven依赖（否则Web项目没有创建Servlet的选项）

1. 双击打开pom.xml

2. 找到dependencies这个标签，然后将下面的maven依赖添加进去

   <dependency>
     <groupId>javax.servlet</groupId>
     <artifactId>javax.servlet-api</artifactId>
     <version>4.0.1</version>
     <scope>provided</scope>
   </dependency>
   

   添加如下图：

   

3. 如果是第一次添加这个依赖，右下角会有下载maven的提示，一定要等待它下载完再进行下一个步骤。如果提示Maven projects need to be imported，选择自动导入即可。

5、创建Servlet。

1. 新创建的web项目是没有java文件夹的，初始的目录结构如下：

   

2. 在main文件夹下面创建一个名叫java的文件夹

   

   

3. 将java文件夹设置成源文件。右击java文件夹，选择 Mark Directory as -> Sources Root

   

4. 右击java文件夹，选择 New ，你会看到在 New下有 Create New Servlet 的选项，这个选项就是创建Servlet。（如果找不到Create New Servlet 选项，就把Servlet的maven配置删除重新导入一遍）

   

5. 如果创建Servlet，在弹出框中，他会默认勾选 Create Java EE6 annotated class，即表示默认使用注解，而我选择不使用，则需要到web.xml中添加对应的映射。

   

6. 到此，学会了如何创建Servlet就可以开始进行Web程序的开发了。