Intellij Idea 创建一个简单的Web项目


1、创建一个项目(Intellij Idea 2017.2.5
File -> New Project -> 选择Project SDK -> 勾选“Web Application” ->
确认已勾选“Create web.xml” ->  Next ->  输入项目名称“Demos”  -> Finish

Intellij Idea 创建一个简单的Web项目

 
2、创建好的web项目
在默认情况下,project的名称和module的名称在创建的时候是一样的,为Demos,
但是module也可以在project创建成功后单独创建,在这里取名为firstweb。
Intellij Idea 创建一个简单的Web项目
 
3、在web/WEB-INF下创建两个文件夹:classes和lib
classes用来存放编译后输出的class文件,lib用于存放第三方jar包。
Intellij Idea 创建一个简单的Web项目
 
4、配置文件夹路径
File -> Project Structure (快捷键:Ctrl + Shift + Alt + S) -> 选择Module :
 选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚创建的classes文件夹。
Intellij Idea 创建一个简单的Web项目
 
接着选择Dependencies ->  将Module SDK选择为1.7 -> 点击右边的“+”号  -> 选择1 “Jars or Directories”
Intellij Idea 创建一个简单的Web项目
 
 -> 选择刚刚创建的lib文件夹
Intellij Idea 创建一个简单的Web项目
 
-> 选择“jar directory” -> 接着返回一路OK就行了~~
Intellij Idea 创建一个简单的Web项目
 

5、配置Tomcat容器
打开菜单Run -> 选择Edit Configuration 
Intellij Idea 创建一个简单的Web项目
 
点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”
Intellij Idea 创建一个简单的Web项目
 
在"Name"处输入新的服务名,点击"Application server"后面的"Configure...",弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK 
Intellij Idea 创建一个简单的Web项目
 
在"Run/Debug Configurations"窗口的"Server"选项板中,取消勾选"After launch",设置"HTTP port"和"JMX port"(默认值即可),点击 Apply -> OK, 至此Tomcat配置完成。
Intellij Idea 创建一个简单的Web项目
 
 
6、在Tomcat中部署并运行项目 
Run -> Edit Configurations,进入"Run/Debug Configurations"窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact
Intellij Idea 创建一个简单的Web项目
 
->选择web项目 -> Application context可以填“/hello”(其实也可以不填的~~) -> OK
Intellij Idea 创建一个简单的Web项目
 
7、编辑index.jsp文件
Intellij Idea 创建一个简单的Web项目
 
 
8、运行Tomcat,在浏览器中查看运行结果 
Intellij Idea 创建一个简单的Web项目
 
Intellij Idea 创建一个简单的Web项目