IDEA 构建web项目-详细教程

1、创建一个新项目

1、点击File,选择New,然后点击Project

IDEA 构建web项目-详细教程_第1张图片

2、选择Empty Project,然后点击Next

IDEA 构建web项目-详细教程_第2张图片

3、新建一个项目

IDEA 构建web项目-详细教程_第3张图片

4、在新建完项目后,点击Finish后会弹出Open Project这个窗口,建议选择New Window

IDEA 构建web项目-详细教程_第4张图片

5、在Project Structure中选择Project Settings --> Modules --> 点击+号 Add New Module ---> 选择java,完成后点击Next

IDEA 构建web项目-详细教程_第5张图片

6、在New Module 中 给Module取一个名字,并且记住Content root 的根目录,完成后点击Finish

IDEA 构建web项目-详细教程_第6张图片

7、点击刚刚创建的Module, 点击Sources,确保其路径与及其文件下含有src,之后点击OK,创建完毕后到会主页面

IDEA 构建web项目-详细教程_第7张图片

IDEA 构建web项目-详细教程_第8张图片

8、鼠标定在Web01中,鼠标右键,选择Add Framework Support

IDEA 构建web项目-详细教程_第9张图片

9、在Add Framework Support,Java EE 中勾选Web Application,之后会出现Version的版本号,点击OK

IDEA 构建web项目-详细教程_第10张图片

10、在完成上一步操作之后,在Web01这个项目下,会出现web这个包,并且这里包含WEB-INF和index.jspindex.jsp

IDEA 构建web项目-详细教程_第11张图片

11、在WEB-INF下,新建两个文件夹,分别是classes 和 lib

IDEA 构建web项目-详细教程_第12张图片

12、打开项目结构(点击File ---> 选择Project Structure)

IDEA 构建web项目-详细教程_第13张图片

13、打开Project Structure --> 选择Project Settings --->Project -->在Project SDK中,选择与之对应的SDK版本,(我这里选择的时1.8 version 1.8.0_281)

IDEA 构建web项目-详细教程_第14张图片

14、完成上一步操作后,点击Modules --->选择刚刚创建的Web01项目 ---> 点击path --->选择Use module compile output path -->将1,2的path路径更改为刚刚在WEB-INF中创建的classes ---> 勾选Exclude output paths ---->点击Apply

IDEA 构建web项目-详细教程_第15张图片

IDEA 构建web项目-详细教程_第16张图片

15、在Project Structure ---> Project Settings --->Facets中配置Web项目 (注:这里的Web目录不是一个普通的文案夹,而是一个Web项目)

IDEA 构建web项目-详细教程_第17张图片

16、在Project Structure ---> Project Settings ---> Artifacts --->点击+号 ---> 选择Web Application:Exploded ---> From Modules。完成后点击Web01:war exploded --> Apply .在Select Modules 中选择Web01,然后点击OK

IDEA 构建web项目-详细教程_第18张图片

2、配置Tomcat

1、集成配置Tomcat , 点击Add Configuration

IDEA 构建web项目-详细教程_第19张图片

2、点击+号,找到Tomcat Server ---> 点击Local ----> 点击Configuration

IDEA 构建web项目-详细教程_第20张图片

3、点击Configuration后,找到Tomcat的所在位置 ---> Apply

IDEA 构建web项目-详细教程_第21张图片

4、点击Deployment ---> 点击+号,会出现刚刚配置的Web01:war exploded ----> Apply

IDEA 构建web项目-详细教程_第22张图片

5、完成后,点击OK,回到主页面。

6、回到主页面后,再次点击File ---> 选择Project Structure ---> 点击Project Settings --> 选择Modules  ---> 在Web01项目中选择Dependencies ---> 点击+号,选择JARS or Directories

IDEA 构建web项目-详细教程_第23张图片

IDEA 构建web项目-详细教程_第24张图片

IDEA 构建web项目-详细教程_第25张图片

IDEA 构建web项目-详细教程_第26张图片IDEA 构建web项目-详细教程_第27张图片

7、完成后在External Libraries 中可以看到这两个文件夹

IDEA 构建web项目-详细教程_第28张图片

8、添加jar包

IDEA 构建web项目-详细教程_第29张图片

IDEA 构建web项目-详细教程_第30张图片

IDEA 构建web项目-详细教程_第31张图片 

你可能感兴趣的:(Java,intellij-idea,java,tomcat)