Intellij Idea2018如何创建Web项目并在tomcat上部署

灰太狼 2022-03-11 01:00 502阅读 0赞

1创建一个Web项目

1.1先新建一个新项目firstWeb

1.2在firstWeb中新建module（mokuai）

鼠标点中项目名称webDemo -> 右键选择New，选择Module -> Module SDK 选择1.8 -> 勾选JavaEE下的Web Application(4.0) ，注意窗口下的version对应为4.0，且Create web.xml已勾选 -> Next

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70][]

输入Module name 为firstweb -> Finish

1.3、创建好的web项目

![20190306212813649.png][]

1.4 在web/WEB\_INF 目录下创建两个文件夹：classes和lib

classes用来存放编译后输出的class文件，lib用于存放第三方jar包

![20190306212917600.png][]

1.5 配置文件夹路径

File -> Project Structure (ctrl + shift + Alt + s) 或者使用工具栏的快捷键 -> 选择Modules

\-> 选择Paths -> 选择“Use module compile out path” -> 将Outputpath 和Test output path 都设置为刚刚创建的classes文件夹

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 1][]

选择当前窗口的Dependencies（依赖） -> 将Module SDK选择为1.6 ->点击右边的 + 号 -> 选择 “1 JARS or directories ...”

![20190306213231309.png][]

\-> 选择刚刚创建的lib文件夹 ->

![20190306213347694.png][]

选择Jar Directory ->

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 2][]

apply - ok

2.配置tomcat容器

2.1打开菜单Run -> Edit Configurations

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 3][]

2.2 点击 “+” ，选择 “Tomcat Server” -> 选择“Local”

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 4][]

2.3在Name出输入新的服务器名，点击 "Application Server" 后面的 "Configure..."，弹出Application Servers窗口，在Tomcat Home 选择本地安装的tomcat目录 -> OK

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 5][]

2.4在"Run/Debug Configurations"窗口中Name一栏输入服务器的名字tomcat7，在“Server”面板中，勾选取消“After Launch”，设置“HTTP port”和“JMX port”（默认值即可），点击Apply -> OK，至此tomcat配置完毕（左边列表中tomcat图标上小红叉是未部署项目的提示，部署项目后就会消失）。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 6][]

3.在tomcat上部署并运行项目

3.1通过菜单栏：Run -> Edit Configurations... ->选择刚创建的tomcat7 -> 选择Deployment ->点击右边的“ + ”号 -> 选择 Artifact

![20190306215721929.png][]

3.2 选择web项目 -> Application Context可以填“/firstweb”(也可以不填) -> Apply

![20190306215754891.png][]

4开发web项目并运行tomcat查看效果

4.1、编辑index.jsp页面

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 7][]

4..1运行

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 8][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70]: /images/20220311/0c69cee0378b48ba86315951582d7813.png
[20190306212813649.png]: /images/20220311/7c8990995d5642c1aa9c0e22475f4e76.png
[20190306212917600.png]: /images/20220311/aee1160eac2c4bf1ae44de5dbc487128.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 1]: /images/20220311/b7ea4ba10c5c4bcc9ccd1e469af488cd.png
[20190306213231309.png]: /images/20220311/9a74e31d70504205bddb80f42b2503f7.png
[20190306213347694.png]: /images/20220311/cf1a48cf1be4475d9094de531eab89be.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 2]: /images/20220311/513109c3a9f94077ab7ff11b59d0d76a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 3]: /images/20220311/7d616a508d814ac8a33c849dbfaf7170.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 4]: /images/20220311/74bdd224fa564e6f83fcd296c5447d52.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 5]: /images/20220311/366fa62e5672430aba0435ecfd902081.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 6]: /images/20220311/34c3a15a582d4b44bbfded852c4edde5.png
[20190306215721929.png]: /images/20220311/09221250469f454dadf073b28df00a47.png
[20190306215754891.png]: /images/20220311/1b77e31ddd8448e2bd7947a16a9b2c2b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 7]: /images/20220311/16f0bc9978164dde9ae8c05b579afcc5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTgwOTIwNg_size_16_color_FFFFFF_t_70 8]: /images/20220311/d513462652864951a40cc0c57bb5feaf.png