Maven(五) IDEA 创建 Web 项目
2021-11-24 本文已影响0人
yjtuuige
一、 项目创建
- 文件-新建-项目
![](https://img.haomeiwen.com/i19893375/416cdff961b42c83.png)
- 选择 Maven ,设置 JDK 版本,选择 Maven 的 Web 模板
![](https://img.haomeiwen.com/i19893375/a700317c2e70d18c.png)
注:与创建 Java 项目类似,只是选择的模板不同
- 创建项目名称
![](https://img.haomeiwen.com/i19893375/7606a6837a787ff2.png)
- 配置项目配置文件
![](https://img.haomeiwen.com/i19893375/6c8746237cef3a1d.png)
![](https://img.haomeiwen.com/i19893375/39d6bd4d884a5d34.png)
二、修改配置文件
- 修改 pom.xml, JDK 版本,默认为 1.7,改为 1.8
// JDK 版本改为 1.8
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<maven.compiler.source>1.8</maven.compiler.source>
<maven.compiler.target>1.8</maven.compiler.target>
</properties>
- 设置单元测试的版本
// junit 版本改为 4.12
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
<scope>test</scope>
</dependency>
</dependencies>
- 删除
pluginManagement
标签
// 删除 pluginManagement 标签及里面的所有内容
<pluginManagement>
....
</pluginManagement>
- 添加 Web 部署的插件
在 build 标签中,添加 plugins 标签
1、Jetty 插件
<!-- 设置在 plugins 标签中 -->
<!-- jetty插件, 设定端口与 contextPath -->
<plugin>
<groupId>org.mortbay.jetty</groupId>
<artifactId>maven-jetty-plugin</artifactId>
<version>6.1.25</version>
<configuration>
<!-- 热部署,每10秒扫描一次 -->
<scanIntervalSeconds>10</scanIntervalSeconds>
<!-- 此处为项目的上下文路径 可指定当前项目站点名-->
<contextPath>/MavenWeb</contextPath>
<connectors>
<connector implementation="org.mortbay.jetty.nio.SelectChannelConnector">
<!--此处配置了访问的端口号 -->
<port>9090</port>
</connector>
</connectors>
</configuration>
</plugin>
- Tomcat 插件
<!-- 设置在 plugins 标签中 -->
<!-- Tomcat 插件 -->
<plugin>
<groupId>org.apache.tomcat.maven</groupId>
<artifactId>tomcat7-maven-plugin</artifactId>
<version>2.1</version>
<configuration>
<!-- 此处为项目的上下文路径 -->
<path>/test</path>
<!--此处配置了访问的端口号 默认:8080 -->
<port>8081</port>
<!--字符集编码 -->
<uriEncoding>UTF-8</uriEncoding>
<!--服务器名称 -->
<server>tomcat7</server>
</configuration>
</plugin>
三、启动项目
- 创建运行配置
![](https://img.haomeiwen.com/i19893375/ded54baf80ebd708.png)
![](https://img.haomeiwen.com/i19893375/4d126e474582869b.png)
![](https://img.haomeiwen.com/i19893375/92a90f452f943350.png)
在命令行中输入命令:jetty:run
![](https://img.haomeiwen.com/i19893375/62b197eb4ff06f77.png)
- 运行:点击运行按钮
![](https://img.haomeiwen.com/i19893375/7515d1aa289204ff.png)
- 运行成功,显示端口号
![](https://img.haomeiwen.com/i19893375/7b484e84c3de8904.png)
- 在浏览器中测试
![](https://img.haomeiwen.com/i19893375/21b615ea4222199e.png)
- 可以通过在命令行中直接指定端口方式运行,此方式运行,需要在配置文件中将 jetty 配置文件中,端口内容注释或删除
<!-- jetty插件中,将 connector 标签内容删除或注释掉 -->
<connector implementation="org.mortbay.jetty.nio.SelectChannelConnector">
<!--此处配置了访问的端口号 -->
<port>9090</port>
</connector>
- 在命令行中直接输入
jetty:run -Djetty.port=9099
![](https://img.haomeiwen.com/i19893375/8d277e8ba7c8fc70.png)
- 此时端口号,变为9099
![](https://img.haomeiwen.com/i19893375/883217021f8fe413.png)
- 浏览器中测试
![](https://img.haomeiwen.com/i19893375/c3abba94b9451783.png)
四、 tomcat 测试
- 创建 tomcat 运行配置:在命令行输入
tomcat7:run
![](https://img.haomeiwen.com/i19893375/1aa70bfe77109869.png)
- 启动成功 显示访问地址
![](https://img.haomeiwen.com/i19893375/b50ac258eba8ea4f.png)
- 访问测试
![](https://img.haomeiwen.com/i19893375/f6ea99346803cd71.png)