idea中maven创建web项目教程(超级详细)

准备工作
(1)、需要有jdk,maven,tomcat环境。
这里主要说下tomcat安装,下载.zip文件即可。tomcat官网下载地址
安装教程 (2)、需要将tomcat集成到idea里面。教程

然后开始干活:

1.新建maven项目

maven创建java工程 maven创建web项目idea_maven

选择maven

maven创建java工程 maven创建web项目idea_maven_02

Next

–>

maven创建java工程 maven创建web项目idea_maven创建java工程_03


Next–>直到finish

maven创建java工程 maven创建web项目idea_maven_04

进入的页面是这样的

maven创建java工程 maven创建web项目idea_maven创建java工程_05

点击import changes

maven创建java工程 maven创建web项目idea_maven创建java工程_06

然后目录结构是这样的

maven创建java工程 maven创建web项目idea_intellij-idea_07

接着在pom.xml中填写

<packaging>war</packaging>

因为idea在默认情况下会将项目文件打成jar包,这句话的作用是将项目打成war包。

注意

java文件—>jar包

web文件–>war包

maven创建java工程 maven创建web项目idea_maven_08

之后 就是import changes

maven创建java工程 maven创建web项目idea_maven创建java工程_09

当pom.xml文件发生变化时一定要点它,idea会同步更新。后面就不会再赘述了。

在src目录下的main下创建webapp(名字只能是它,这是规范!!!)

maven创建java工程 maven创建web项目idea_maven创建java工程_10

然后下面的规范是

WEB-INF

classes

lib

接下来点红色箭头所指地方。

maven创建java工程 maven创建web项目idea_maven创建java工程_11

进去后的样子

maven创建java工程 maven创建web项目idea_maven创建java工程_12

点击

maven创建java工程 maven创建web项目idea_intellij-idea_13

找到classes

maven创建java工程 maven创建web项目idea_maven_14

选中–>OK–>apply

maven创建java工程 maven创建web项目idea_前端_15

看classes是否变了颜色

maven创建java工程 maven创建web项目idea_maven_16

然后选择 Modules–> 点击 “ + ”

maven创建java工程 maven创建web项目idea_war包_17

maven创建java工程 maven创建web项目idea_war包_18

之后点击第一个,找到lib

maven创建java工程 maven创建web项目idea_maven创建java工程_19

选中之后 – > OK

maven创建java工程 maven创建web项目idea_intellij-idea_20

然后选择 Jar Directory

–>OK 会出现下图

maven创建java工程 maven创建web项目idea_maven创建java工程_21

接着–> “+” 选择 Library

maven创建java工程 maven创建web项目idea_前端_22

会出现

maven创建java工程 maven创建web项目idea_前端_23

选择 Tomcat9.0.12—> Add Selected

maven创建java工程 maven创建web项目idea_maven创建java工程_24

选中 --> Apply–OK

maven创建java工程 maven创建web项目idea_前端_25

观察多了啥?

maven创建java工程 maven创建web项目idea_war包_26

之后选择

maven创建java工程 maven创建web项目idea_maven_27

进入–> “+”–>Tomcat Server --> Local

maven创建java工程 maven创建web项目idea_前端_28

maven创建java工程 maven创建web项目idea_maven创建java工程_29

maven创建java工程 maven创建web项目idea_war包_30

上文提到 war包,如果不打成war包,这个地方就不会出现Artifact

maven创建java工程 maven创建web项目idea_maven_31

maven创建java工程 maven创建web项目idea_前端_32

再写个默认页面检测是否能启动浏览器

maven创建java工程 maven创建web项目idea_intellij-idea_33

之后启动Tomcat

maven创建java工程 maven创建web项目idea_前端_34


接下来就可以愉快的用maven的功能开发web项目了。