IDEA 创建 web项目
创建web步骤:
1、创建一个project
File -> New Project -> 选择Java,Project SDK为1.7,勾选Web Application(创建web.xml) -> Next -> 输入项目名称,指定本地路径 -> Finish
创建好的web项目目录:
2、在web/WEB-INF下创建两个文件夹:classes和lib(classes用来存放编译后输出的class文件,lib用于存放第三方jar包)
3、配置文件路径
File -> Project Structure (快捷键:Ctrl + Shift + Alt + S) -> 选择Module :
选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚创建的classes文件夹
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111092314912-1596316923.png)
接着选择Dependencies -> 点击右边的“+”号 -> 选择1 “Jars or Directories”
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111092555316-791734175.png)
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111092612127-127519349.png)
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111092620775-1973539010.png)
4、配置Tomcat
打开菜单Run -> 选择Edit Configuration -> 点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111092822389-1995351171.png)
在"Name"处输入新的服务名,点击"Application server"后面的"Configure...",弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111093232236-169883725.png)
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111093238344-1468647778.png)
在"Run/Debug Configurations"窗口的"Server"选项板中,取消勾选"After launch",设置"HTTP port"和"JMX port"(默认值即可),点击 Apply -> OK, 至此Tomcat配置完成
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111093444911-615531023.png)
5、在Tomcat中部署并运行项目
Run -> Edit Configurations,进入"Run/Debug Configurations"窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111093644176-89767477.png)
->选择web项目 -> Application context可以填入客户端(浏览器)访问名称
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111093843038-1643486339.png)
6、编辑index.jsp
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111094023306-1421667926.png)
7、运行Tomcat,在浏览器中查看运行结果
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111094208194-2035250355.png)
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111094346239-790709949.png)
![](https://img2018.cnblogs.com/blog/1219486/201901/1219486-20190111094352014-1147899595.png)