Idea创建web项目及tomcat部署实战

深藏阁楼爱情的钟 2022-04-15 03:48 224阅读 0赞

## 一、创建简单web项目 ##

1、创建一个web project

File -> new Project ->选择project sdk 为1.6（如果没有sdk的同学请先配置）-> Next

![617148-20170802092907146-91979022.png][]

create project from template 页面，不勾选任何选项 -> Next

![617148-20170802093047755-586224724.png][]

输入项目名：webDemo -> Next -> Finish

![617148-20170802093224552-1216157022.png][]

## 二、创建一个Module ##

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

![617148-20170802093727021-213024161.png][]

输入Module name 为firstweb -> Finish

![617148-20170802093921521-1094510523.png][]

3、创建好的web项目

![617148-20170802094038130-493955871.png][]

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

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

![617148-20170802094607927-568081061.png][]

5、配置文件夹路径

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

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

![617148-20170802094907005-261494878.png][]

![617148-20170802095225646-1238172626.png][]

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

![617148-20170802095637318-1978321365.png][]

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

![617148-20170802095753380-1154472480.png][]

\-> 选择Jar Directory -> OK

![617148-20170802095902646-2089640270.png][]

\-> Apply -> OK

![617148-20170802100008740-140141911.png][]

## 三、配置Tomcat容器 ##

打开菜单Run -> Edit Configurations...

![617148-20170802100339333-1052407848.png][]

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

![617148-20170802100957396-345704066.png][]

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

![617148-20170802101359911-91182200.png][]

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

![617148-20170802102427896-2021889008.png][]

## 四、在tomcat上部署并运行项目 ##

在创建好tomcat后，可以通过工具栏快速打开tomcat的配置页面：

![617148-20170802102750177-1971274637.png][]

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

![617148-20170802103203849-1690013361.png][]

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

![617148-20170802103443208-204757220.png][]

回到Server面板，将On 'update' action和On frame deactivation（这两个选项是tomcat配置了项目后才有的）改为update classes and resources -> Apply

![617148-20170802103729396-348498357.png][]

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

1、编辑index.jsp页面

![617148-20170802104026333-1992389105.png][]

2、运行tomcat

![617148-20170802104137677-682462828.png][]

![617148-20170802104230677-444888327.png][]

原文链接：[https://www.cnblogs.com/shindo/p/7272646.html][https_www.cnblogs.com_shindo_p_7272646.html]

[617148-20170802092907146-91979022.png]: /images/20220415/10e126b255364978a217b101f9fbc334.png
[617148-20170802093047755-586224724.png]: /images/20220415/b327f00f42f7425aa894bcc0ddb2f0f9.png
[617148-20170802093224552-1216157022.png]: /images/20220415/0baa6e67f068412090ec3b768855c2e2.png
[617148-20170802093727021-213024161.png]: /images/20220415/dba6a9f886464a8e9a2da2649f16bdd7.png
[617148-20170802093921521-1094510523.png]: /images/20220415/6eea000edcb448499c4900633cd5a7c7.png
[617148-20170802094038130-493955871.png]: /images/20220415/5936ab4326d546f296a87ec217bdddbd.png
[617148-20170802094607927-568081061.png]: /images/20220415/54ddedffcc3a49a2abdb0804779160a0.png
[617148-20170802094907005-261494878.png]: /images/20220415/9ac1629f82894bb2859a98908cd38b45.png
[617148-20170802095225646-1238172626.png]: /images/20220415/afbdefc26df64b04be509f5a523b8502.png
[617148-20170802095637318-1978321365.png]: /images/20220415/3e9f2d6994614410ae6d6b3f488099d9.png
[617148-20170802095753380-1154472480.png]: /images/20220415/eb58a3f031544faea44628f92091d75c.png
[617148-20170802095902646-2089640270.png]: /images/20220415/c929d76c5f1641449bb39cad06e13b95.png
[617148-20170802100008740-140141911.png]: /images/20220415/72f8ab1832b746f5bd93937f80007501.png
[617148-20170802100339333-1052407848.png]: /images/20220415/c3c9fbf8cc764e01b392c639505d1cab.png
[617148-20170802100957396-345704066.png]: /images/20220415/ea5b52e0c59a403a85c003fe1b177f60.png
[617148-20170802101359911-91182200.png]: /images/20220415/19f95fb5ba974e52a585e55b25ecf71b.png
[617148-20170802102427896-2021889008.png]: /images/20220415/f75ba117eafd41209bb822dc69201fb7.png
[617148-20170802102750177-1971274637.png]: /images/20220415/be7e89448f5742c9a2ce45620da00888.png
[617148-20170802103203849-1690013361.png]: /images/20220415/2f866c5fc453440a82b98f568f8013dc.png
[617148-20170802103443208-204757220.png]: /images/20220415/884564e516b74a0b863c5bf58fd246e9.png
[617148-20170802103729396-348498357.png]: /images/20220415/f2cecf9ac61c49198d558987b23b1712.png
[617148-20170802104026333-1992389105.png]: /images/20220415/31902c572f1242e9b35ac6d719721f9b.png
[617148-20170802104137677-682462828.png]: /images/20220415/89948f24c69f40529eb70246faf1e43b.png
[617148-20170802104230677-444888327.png]: /images/20220415/6605c91898124cc390614918f2926ba5.png
[https_www.cnblogs.com_shindo_p_7272646.html]: https://www.cnblogs.com/shindo/p/7272646.html