在IntelliJ IDEA 2018上配置Tomcat并运行第一个JavaWeb项目

╰+哭是因爲堅強的太久メ 2022-04-24 06:06 204阅读 0赞

## 第一步： 下载和启动Tomcat ##

进入官网 [http://tomcat.apache.org/][http_tomcat.apache.org] ，下载最新版本的Tomcat 9

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70][]

根据自己的电脑版本下载，我这里是windows 64位

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 1][]

下载完之后解压即可。  
找到自己解压目录，打开文件夹下面的/bin目录，其中startup.bat是启动tomcat，shutdown.bat 是关闭tomcat

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 2][]

双击startup.bat启动tomcat后，打开 http://localhost:8080 ，若进入下面的界面则表示启动成功了。

## ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 3][]   第二步： 在win10中为Tomcat 9配置环境变量 ##

右击“我的电脑”，点击“属性”，选择“高级系统变量”

![20190112195940169.png][]

选择“高级”选项卡->“环境变量”

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 4][]

在“系统变量”中，添加系统变量  
添加内容如下：  
新建变量名：CATALINA\_BASE  
变量值：E:\\SoftWares\\tomcat9\\apache-tomcat-9.0.8 //复制你自己电脑上的tomcat解压目录

新建变量名：CATALINA\_HOME  
变量值：E:\\SoftWares\\tomcat9\\apache-tomcat-9.0.8 //复制你自己电脑上的tomcat解压目录

点击确定。  
然后编辑修改CLASSPATH和Path的变量值。  
在ClassPath的变量值中加入：%CATALINA\_HOME%\\lib\\servlet-api.jar;（注意要在原变量值后加英文状态下的“;”）  
在Path的变量值中加入：%CATALINA\_HOME%\\bin;%CATALINA\_HOME%\\lib（注意要在原变量值后加英文状态下的“;”）  
点击确定即可。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 5][]

最后验证一下是否配置成功了。  
使用键盘win+R 输入cmd，输入startup命令，如果出现下图则表示配置成功了。

## ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 6][]   第三步： 在IDEA上新建第一个JavaWeb项目 ##

点击File -> New ->Project…

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 7][]

选择 Java -> Web Application，然后next

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 8][]

起一个项目名字，这里以JavaWebTest为例，然后点击Finsh即可

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 9][]

项目目录结构如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 10][]

修改一下index.jsp里面的代码，便于等下测试，代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title>$Title$</title>
      </head>
      <body>
      Hello world!
      </body>
    </html>

## 第四步： 在IntelliJ IDEA 2018上配置Tomcat并运行项目 ##

打开IDEA，点击Run-Edit Configurations…

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 11][]

点击“+”号，然后找到Tomcat Server，选择Local

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 12][]

在Tomcat Server -> Unnamed -> Server -> Application server项目下，点击 Configuration ，找到本地 Tomcat 服务器（即前面的解压路径），再点击 OK按钮。可以把Unnamed修改成其他名字，如Tomcat 9

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 13][]

然后转到旁边的Deployment选项卡，点击“+”号，选择Artifact，选择项目名称

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 14][]

如下图所示，也可以修改一下Application context 路径的名字，改得简单一点，然后点击OK即可

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 15][]

配置完之后就可以在项目界面看到下图，点击运行即可

![20190112195513254.png][]

运行结果

![20190112195619627.png][]

[http_tomcat.apache.org]: http://tomcat.apache.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70]: /images/20220218/eb403dea9b37401fa69b42ec51f9cfbd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 1]: /images/20220218/298ff3b7a4ac4ddd8452a00909dad0d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 2]: /images/20220218/ee623924bc8a4317b09890b490812795.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 3]: /images/20220218/991ba67187de4e3ea0f99c272400f8ba.png
[20190112195940169.png]: /images/20220218/47e1da39a9464fdcaecb763b620d37a5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 4]: /images/20220218/c4c2d9ab07f24feb8c4c9fa564cb03a9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 5]: /images/20220218/1f44d5492c8b4a1796eeb4fec9c61edd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 6]: /images/20220218/b93e6e4e30484795b2353a8840b1c106.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 7]: /images/20220218/2a559d331b3f4648b64aef154037eba0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 8]: /images/20220218/fb68898dded6442bbacf21cbb2de24c3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 9]: /images/20220218/43266edc31ac47a8bb8450a97c09b429.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 10]: /images/20220218/a7829f7b0bef4f9383bf4de00c7add5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 11]: /images/20220218/b623631daec94f11a91e50187e05dbe9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 12]: /images/20220218/dc7fecec7f8545d7833c333dc164fb06.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 13]: /images/20220218/826a306a27ac4f7384cbb3a3de8e02c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 14]: /images/20220218/753a7907c8c94033861075ec6b4b356a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pvbnR5SHVh_size_16_color_FFFFFF_t_70 15]: /images/20220218/85d51301fc9b4fba8736fec82e6eaf12.png
[20190112195513254.png]: /images/20220218/1bb1cb80077b48efa980d9be30649986.png
[20190112195619627.png]: /images/20220218/e19e1af6a14c4f08956282903ca6e899.png