6. 使用IDEA创建Maven工程 - 创建javaweb工程

使用Maven骨架 - 创建javaweb工程

1.目标

  • 能够使用IDEA创建javaweb的Maven工程

2.路径

  1. 创建javaweb工程
  2. 发布javaweb工程
  3. 浏览器访问效果

3.讲解

3.1 创建javaweb工程

3.1.1 创建javaweb工程与创建javase工程类似,但在选择Maven骨架时,选择maven-archetype-webapp即可:

使用IDEA创建Maven工程 - 创建javaweb工程_web

image-20201213145127878

填写Module的项目信息,如下:

使用IDEA创建Maven工程 - 创建javaweb工程_java_02

image-20201213145308747

配置 Maven 设置:

使用IDEA创建Maven工程 - 创建javaweb工程_tomcat_03

image-20201213145357863

配置Module的存储路径:

使用IDEA创建Maven工程 - 创建javaweb工程_maven_04

image-20201213145653588

3.1.2 创建好的javaweb工程如下:

使用IDEA创建Maven工程 - 创建javaweb工程_web_05

image-20201213145746870

可以从目录结构来看,生成的目录结构缺少,需要手动配置一下工程目录。

3.1.3 手动创建工程目录

创建 java 源码路径:

使用IDEA创建Maven工程 - 创建javaweb工程_单元测试_06

image-20201213150051596

创建 resources 配置文件夹:

使用IDEA创建Maven工程 - 创建javaweb工程_java_07

image-20201213150227545

创建 test 单元测试文件夹:

使用IDEA创建Maven工程 - 创建javaweb工程_java_08

image-20201213150357332

3.1.4 创建好的工程目录结构

使用IDEA创建Maven工程 - 创建javaweb工程_maven_09

image-20201213150547615

3.2 配置 Maven 配置文件 pom.xml

使用IDEA创建Maven工程 - 创建javaweb工程_java_10

image-20201213150845429

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>

<!-- 项目的坐标 -->
<groupId>com.lijw</groupId>
<artifactId>javaweb_demo_01</artifactId>
<version>1.0-SNAPSHOT</version>
<!-- 设置打包方式 -->
<packaging>war</packaging>

<!-- 项目名称以及服务url -->
<name>javaweb_demo_01 Maven Webapp</name>
<!-- FIXME change it to the project's website -->
<url>http://www.example.com</url>

<!-- 项目属性,设置jdk 以及 编码 -->
<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>

<!-- 项目依赖 -->
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.11</version>
<scope>test</scope>
</dependency>
</dependencies>

<build>
<finalName>javaweb_demo_01</finalName>
<pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
<plugins>
<plugin>
<artifactId>maven-clean-plugin</artifactId>
<version>3.1.0</version>
</plugin>
<!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
<plugin>
<artifactId>maven-resources-plugin</artifactId>
<version>3.0.2</version>
</plugin>
<plugin>
<artifactId>maven-compiler-plugin</artifactId>
<version>3.8.0</version>
</plugin>
<plugin>
<artifactId>maven-surefire-plugin</artifactId>
<version>2.22.1</version>
</plugin>
<plugin>
<artifactId>maven-war-plugin</artifactId>
<version>3.2.2</version>
</plugin>
<plugin>
<artifactId>maven-install-plugin</artifactId>
<version>2.5.2</version>
</plugin>
<plugin>
<artifactId>maven-deploy-plugin</artifactId>
<version>2.8.2</version>
</plugin>
</plugins>
</pluginManagement>
</build>
</project>

3.2 发布javaweb工程

配置 tomcat 部署 javaweb 工程,如下:

3.2.1 创建集成 tomcat 服务

使用IDEA创建Maven工程 - 创建javaweb工程_maven_11

image-20201213151209191 使用IDEA创建Maven工程 - 创建javaweb工程_tomcat_12

image-20201213151252099 使用IDEA创建Maven工程 - 创建javaweb工程_单元测试_13

image-20201213151400738 使用IDEA创建Maven工程 - 创建javaweb工程_java_14

image-20201213151454155 使用IDEA创建Maven工程 - 创建javaweb工程_maven_15

image-20201213151522869

3.3 测试访问页面

使用骨架创建的 javaweb 工程,自动创建了 index.jsp 页面,我们可以测试访问:

使用IDEA创建Maven工程 - 创建javaweb工程_web_16

image-20201213151722364 使用IDEA创建Maven工程 - 创建javaweb工程_java_17

image-20201213151738704

4.小结

  1. 选择骨架选择webapp

使用IDEA创建Maven工程 - 创建javaweb工程_单元测试_18

image-20191224105135578

  1. pom.xml

使用IDEA创建Maven工程 - 创建javaweb工程_maven_19

image-20191224105159688

  1. web工程结构

使用IDEA创建Maven工程 - 创建javaweb工程_tomcat_20

image-20191224105359670

不使用骨架 - 创建javaweb工程

1.目标

上面是使用骨架来创建工程的,如果不使用骨架,怎样创建工程呢?

2.路径

  1. 不使用骨架创建javaweb项目

3.讲解

3.1.不使用骨架创建javaweb项目

3.1.1 第一步,选择Maven创建项目

使用IDEA创建Maven工程 - 创建javaweb工程_maven_21

image-20201213152328517

3.1.2 第二步,设置项目信息

使用IDEA创建Maven工程 - 创建javaweb工程_maven_22

image-20201213152453490

3.1.3 第三步,创建好的工程目录结构。缺少 webapp

使用IDEA创建Maven工程 - 创建javaweb工程_tomcat_23

image-20201213152604957

3.1.4 第四步, 在pom文件里面添加标签packaging

使用IDEA创建Maven工程 - 创建javaweb工程_java_24

image-20201213152718813

<!--  设置打包方式  -->
<packaging>war</packaging>
3.1.5 第五步,设置框架支持,创建 Web 应用

使用IDEA创建Maven工程 - 创建javaweb工程_java_25

image-20201213154003927 使用IDEA创建Maven工程 - 创建javaweb工程_java_26

image-20201213154135209 使用IDEA创建Maven工程 - 创建javaweb工程_java_27

image-20201213154155981 使用IDEA创建Maven工程 - 创建javaweb工程_tomcat_28

image-20201213154246266

3.1.6 第六步,查看配置好的项目结构

使用IDEA创建Maven工程 - 创建javaweb工程_单元测试_29

image-20201213154456585

3.1.7 第七步,将web拖拽至main下,改为 webapp目录,并 配置集成 tomcat 服务

使用IDEA创建Maven工程 - 创建javaweb工程_tomcat_30

image-20201213160920039 使用IDEA创建Maven工程 - 创建javaweb工程_maven_31

image-20201213154548360 使用IDEA创建Maven工程 - 创建javaweb工程_单元测试_32

image-20201213154619983 使用IDEA创建Maven工程 - 创建javaweb工程_java_33

image-20201213154656116

3.1.8 第八步,编写 index.jsp , 开启 tomcat 服务,测试访问

使用IDEA创建Maven工程 - 创建javaweb工程_java_34

image-20201213161030729

浏览器访问如下:

使用IDEA创建Maven工程 - 创建javaweb工程_单元测试_35

image-20201213154929582

3.2 在pom.xml设置Servlet依赖,创建 Servlet 测试

3.2.1 在 pom.xml 设置 Servlet 依赖

首先搜索一下 Servlet 的 Maven 坐标,如下:

访问 https://mvnrepository.com/ 搜索 servlet 即可。

使用IDEA创建Maven工程 - 创建javaweb工程_maven_36

image-20201213155713092

将依赖拷贝到 pom.xml 中,如下:

使用IDEA创建Maven工程 - 创建javaweb工程_web_37

image-20201213155759065

3.2.2 创建 Servlet 测试

使用IDEA创建Maven工程 - 创建javaweb工程_java_38

image-20201213155906346 使用IDEA创建Maven工程 - 创建javaweb工程_web_39

image-20201213161312836

@WebServlet("/demo2")
public class HelloServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.getWriter().write("hello java web demo 2");
}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
}
3.2.3 启动服务,测试访问如下:

使用IDEA创建Maven工程 - 创建javaweb工程_java_40

image-20201213161332951