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

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

1.新建maven项目

在这里插入图片描述

选择maven
在这里插入图片描述

Next

–>

在这里插入图片描述
Next–>直到finish

在这里插入图片描述

进入的页面是这样的
在这里插入图片描述

点击import changes

在这里插入图片描述

然后目录结构是这样的

在这里插入图片描述

接着在pom.xml中填写

<packaging>war</packaging>

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

注意

java文件—>jar包

web文件–>war包

在这里插入图片描述

之后 就是import changes

在这里插入图片描述

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

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

在这里插入图片描述

然后下面的规范是

WEB-INF

​ classes

​ lib

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

在这里插入图片描述

进去后的样子
在这里插入图片描述

点击
在这里插入图片描述

找到classes
在这里插入图片描述

选中–>OK–>apply

在这里插入图片描述

看classes是否变了颜色
在这里插入图片描述

然后选择 Modules–> 点击 “ + ”
在这里插入图片描述

在这里插入图片描述

之后点击第一个,找到lib
在这里插入图片描述

选中之后 – > OK

在这里插入图片描述

然后选择 Jar Directory

–>OK 会出现下图

在这里插入图片描述

接着–> “+” 选择 Library

在这里插入图片描述

会出现

在这里插入图片描述

选择 Tomcat9.0.12—> Add Selected
在这里插入图片描述

选中 --> Apply–OK

在这里插入图片描述

观察多了啥?
在这里插入图片描述

之后选择

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

之后启动Tomcat

在这里插入图片描述
接下来就可以愉快的用maven的功能开发web项目了。

发布了101 篇原创文章 · 获赞 49 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/Austin_/article/details/103089195