IDEA创建Maven的web工程

原创已于 2022-02-09 11:33:02 修改 · 885 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#intellij-idea #maven #前端

于 2022-02-09 11:30:24 首次发布

Java 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了如何在IntelliJ IDEA（IDAE）中配置Maven，创建Web应用程序，调整工程结构，并使用Tomcat7 Maven插件进行本地启动测试。步骤包括设置Maven，新建Web项目，修改工程目录结构，添加插件到pom.xml，配置端口和路径，解决启动问题。通过这些步骤，你可以成功运行一个简单的JSP页面。

1.IDAE配置Maven

IDAE配置Maven的方法可以考这篇文章：https://blog.youkuaiyun.com/weixin_43721000/article/details/122826409

2.新建web工程项目

file→New→project
在这里插入图片描述
Maven→cocoon-22-archetype-webapp→next

配置一下工程名

注意下maven的配置是否正确
在这里插入图片描述

3.修改为标准工程结构

此时的工程结构是这样
在这里插入图片描述
要把它修改成这样

4.启动工程测试结果

1.在webapp下新建一个index.jsp，内容如下：

<h1>Hello World</h1>

2.修改pom.xml，加入tomcat插件
访问maven坐标网站：https://mvnrepository.com/artifact/org.apache.tomcat.maven/tomcat7-maven-plugin/2.2
把这段代码复制到pom.xml的plugin标签下

<!-- https://mvnrepository.com/artifact/org.apache.tomcat.maven/tomcat7-maven-plugin -->
<groupId>org.apache.tomcat.maven</groupId>
<artifactId>tomcat7-maven-plugin</artifactId>
<version>2.2</version>

在这里插入图片描述
3.启动工程
刷新maven，插件中会出现一个tomcat，双击这个run启动工程

如果启动失败了，可能是端口被占用了，需要在刚才的pom.xml文件中修改tomcat的端口，当然你也可以顺便把访问路径一块改了
加上这么一句

<configuration>
  <port>9999</port>
  <path>/</path>
</configuration>

在这里插入图片描述

再次启动项目，如果还报错，那就把 web.xml 中 web-app标签下的内容清空，在启动
在这里插入图片描述
如果还是不行，那可能是你刚才启动了一堆tomcat都没关，关掉就行了

再次启动，ok了

在这里插入图片描述