intellij idea 学习——如何搭建一个简单的web项目

Idea创建简单的web项目步骤如下:
1、创建project:
File -> New Project -> ,选择你的Project SDK(我的是1.8) -> Next ->输入project name -> Finish
intellij idea 学习——如何搭建一个简单的web项目_第1张图片

2、创建一个Module(一个project可以创建多个Module):
鼠标点中项目名称Demo -> 右键选择New,选择Module->同时勾选web application和create web.xml
intellij idea 学习——如何搭建一个简单的web项目_第2张图片
输入Module name‘firstweb’->next
intellij idea 学习——如何搭建一个简单的web项目_第3张图片

3、创建好的web项目目录如下:
intellij idea 学习——如何搭建一个简单的web项目_第4张图片

4、在web/WEB-INF下创建两个文件夹:classes和lib
classes用来存放编译后输出的class文件,lib用于存放第三方jar包。
intellij idea 学习——如何搭建一个简单的web项目_第5张图片

5、配置文件夹路径:
File -> Project Structure (快捷键:Ctrl + Shift + Alt + S) -> 选择Module :
选择 Paths -> 选择”Use module compile output path” -> 将Output path和Test output path都选择刚刚创建的classes文件夹。
intellij idea 学习——如何搭建一个简单的web项目_第6张图片
接着选择Dependencies -> 将Module SDK选择为1.8 -> 点击右边的“+”号 -> 选择1 “Jars or Directories”
intellij idea 学习——如何搭建一个简单的web项目_第7张图片
选择刚刚创建的lib文件夹:
intellij idea 学习——如何搭建一个简单的web项目_第8张图片
-> 选择“jar directory” -> 然后ok
intellij idea 学习——如何搭建一个简单的web项目_第9张图片

6、配置tomcat服务器:
打开菜单Run -> 选择Edit Configuration
intellij idea 学习——如何搭建一个简单的web项目_第10张图片
点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”
intellij idea 学习——如何搭建一个简单的web项目_第11张图片
在”Name”处输入新的服务名,点击”Application server”后面的”Configure…”,弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK
intellij idea 学习——如何搭建一个简单的web项目_第12张图片

7、在Tomcat中部署并运行项目
Run -> Edit Configurations,进入”Run/Debug Configurations”窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact
intellij idea 学习——如何搭建一个简单的web项目_第13张图片
->选择web项目 -> Application context可以填“/firstweb”(访问项目用,也可以不填) -> OK
intellij idea 学习——如何搭建一个简单的web项目_第14张图片

8、编写‘index.jsp’页面:
intellij idea 学习——如何搭建一个简单的web项目_第15张图片

9、运行项目,输入‘http://localhost:8080/firstweb/’,出现如下页面:
intellij idea 学习——如何搭建一个简单的web项目_第16张图片

你可能感兴趣的:(idea)