IDEA创建一个Web项目

第一步  创建一个项目

File ->New ->Project

选择java，我这里装的jdk为1.78

给项目取名称

第二步 创建一个Module

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

输入Module名称“firstweb” -> 点击Next

第三步  效果如下

第四步 在web/WEB_INF 目录下创建两个文件夹：classes和lib，classes用来存放编译后输出的class文件，lib用于存放第三方jar包

第五步 配置文件夹路径

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

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

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

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

-> 选择Jar Directory -> OK

-> Apply -> OK

第六步 配置Tomcat容器

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

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

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

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

第七步在tomcat上部署并运行项目

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

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

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

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

第九步 运行tomcat