欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-05 21:38:02
...

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

1.新建maven项目

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

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

Next

–>

idea中maven创建web项目教程(超级详细)
Next–>直到finish

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

进入的页面是这样的
idea中maven创建web项目教程(超级详细)

点击import changes

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

然后目录结构是这样的

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

接着在pom.xml中填写

<packaging>war</packaging>

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

注意

java文件—>jar包

web文件–>war包

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

之后 就是import changes

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

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

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

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

然后下面的规范是

WEB-INF

​ classes

​ lib

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

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

进去后的样子
idea中maven创建web项目教程(超级详细)

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

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

选中–>OK–>apply

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

看classes是否变了颜色
idea中maven创建web项目教程(超级详细)

然后选择 Modules–> 点击 “ + ”
idea中maven创建web项目教程(超级详细)

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

之后点击第一个,找到lib
idea中maven创建web项目教程(超级详细)

选中之后 – > OK

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

然后选择 Jar Directory

–>OK 会出现下图

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

接着–> “+” 选择 Library

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

会出现

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

选择 Tomcat9.0.12—> Add Selected
idea中maven创建web项目教程(超级详细)

选中 --> Apply–OK

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

观察多了啥?
idea中maven创建web项目教程(超级详细)

之后选择

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

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

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

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

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

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

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

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

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

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

之后启动Tomcat

idea中maven创建web项目教程(超级详细)
接下来就可以愉快的用maven的功能开发web项目了。