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

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

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

然后开始干活:

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项目了。

  • 5
    点赞
  • 42
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值