创建maven工程

1、在项目中新建模块(module)

mvn命令打包springboot_spring


2、选择Maven工程

mvn命令打包springboot_spring_02


3、设置模块名称和maven三坐标

mvn命令打包springboot_xml_03


4、对创建好的maven模块进行maven版本和本地仓库配置

mvn命令打包springboot_xml_04


5、配置pom.xml配置文件

  • 配置打包方式< packaging>war</ packaging>
  • 引入依赖< dependencies>< dependency>Maven三坐标< /dependency>< /dependencies>
<!-- 配制打包方式-->
    <packaging>war</packaging>

    <!-- 添加依赖-->
    <dependencies>
        <!-- SpringMVC -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.3.1</version>
        </dependency>
        <!-- 日志 -->
        <dependency>
            <groupId>ch.qos.logback</groupId>
            <artifactId>logback-classic</artifactId>
            <version>1.2.3</version>
        </dependency>
        <!-- ServletAPI -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>
        <!-- Spring5和Thymeleaf整合包 -->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring5</artifactId>
            <version>3.0.12.RELEASE</version>
        </dependency>
    </dependencies>

6、配置web描述符

mvn命令打包springboot_SpringMVC_05

配置web.xml

注册SpringMVC的前端控制器DispatcherServlet

默认配置方式配置web.xml
此配置作用下,SpringMVC的配置文件默认位于WEB-INF下,默认名称为< servlet-name>-servlet.xml,例如,以下配置所对应SpringMVC的配置文件位于WEB-INF下,文件名为springMVC-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0"> 
    <!-- 配置SpringMVC的前端控制器,对浏览器发送的请求进行统一处理 -->
    <servlet>
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <!--设置SpringMVC的核心控制器所能处理的请求的请求路径 
            斜线(/)表示所匹配的请求可以是/login或.html或.js或.css方式的请求路径,
            但是不能匹配.jsp请求路径的请求 -->
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

扩展配置方式配置web.xml(最常用的配置方式)
可通过init-param标签设置SpringMVC配置文件的位置和名称通过load-on-startup标签设置
SpringMVC前端控制器DispatcherServlet的初始化时间

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <!-- 配置SpringMVC的前端控制器,对浏览器发送的请求进行统一处理 -->
    <servlet>
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!-- <init-param>标签用于配置SpringMVC配置文件的位置和名称-->
        <init-param>
            <!-- contextConfigLocation:上下文配置路径 ; classpath:对应类路径也就是java和resources-->
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:SpringMVC.xml</param-value>
        </init-param>
        <!-- <load-on-startup>:将前端控制器DispatcherServlet的初始化时间提前到服务器启动时 -->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <!--设置SpringMVC的核心控制器所能处理的请求的请求路径
            斜线(/)表示所匹配的请求可以是/login或.html或.js或.css方式的请求路径,
            但是不能匹配.jsp请求路径的请求 -->
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

注:
< url-pattern>标签中使用/和/*的区别:
/所匹配的请求可以是/login或.html或.js或.css方式的请求路径,但是/不能匹配.jsp请求路径的请

因此就可以避免在访问jsp页面时,该请求被DispatcherServlet处理,从而找不到相应的页面
/*则能够匹配所有请求,例如在使用过滤器时,若需要对所有请求进行过滤,就需要使用/*的写

创建请求控制器

由于前端控制器对浏览器发送的请求进行了统一的处理,但是具体的请求有不同的处理过程,因此需要创建处理具体请求的类,即请求控制器
请求控制器中每一个处理请求的方法成为控制器方法

因为SpringMVC的控制器由一个POJO(普通的Java类)担任,因此需要通过@Controller注解将其标识为一个控制层组件,交给Spring的IoC容器管理,此时SpringMVC才能够识别控制器的存在

package com.atguigu.mvc.controller;

import org.springframework.stereotype.Controller;

//注解+扫描方式配置控制器
//将类表示为IOC容器组件的注解:
// Component(标识为普通组件)\Controller(标识为控制层组件)\Service(标识为业务层组件)\Repository(标识为持久层组件)
@Controller
public class HelloController {
}

创建SpringMVC配置文件(位于main路径下的resources文件中)

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"

       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
                           http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">
    <!--扫描组件-->
    <context:component-scan base-package="com.atguigu.mvc.controller"></context:component-scan>

    <!-- 配置Thymeleaf视图解析器 -->
    <bean id="viewResolver"
          class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
        <!-- 标签property中的参数 : order视图解析器优先级 ;characterEncoding解析视图使用的编码-->
        <property name="order" value="1"/>
        <property name="characterEncoding" value="UTF-8"/>
        <property name="templateEngine">
            <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
                <property name="templateResolver">
                    <bean
                            class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
                        <!-- 视图前缀 -->
                        <property name="prefix" value="/WEB-INF/templates/"/>
                        <!-- 视图后缀 -->
                        <property name="suffix" value=".html"/>
                        <property name="templateMode" value="HTML5"/>
                        <property name="characterEncoding" value="UTF-8" />
                    </bean>
                </property>
            </bean>
        </property>
    </bean>

</beans>

根据thymelaef配置,在WEB-INF/templates文件中创建index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<h1>首页</h1>
</body>
</html>

在请求控制器中创建请求方法@RequestMapping

package com.atguigu.mvc.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

//注解+扫描方式配置控制器
//将类表示为IOC容器组件的注解:
// Component(标识为普通组件)\Controller(标识为控制层组件)\Service(标识为业务层组件)\Repository(标识为持久层组件)
@Controller
public class HelloController {

    //请求路径“/” 访问页面/WEB-INF/templates/index.html

    @RequestMapping( "/")
    public String index(){
        //返回视图名称
        return "index";
    }
}

@RequestMapping注解是web应用程序中最常被用到的注解之一,作用就是映射URL路径,将http的请求地址映射到控制器 (controller)类的处理方法上。

@RequestMapping可以定义在类控制器上,也可以定义在类里面的方法上。

  • 定义在类控制器上:将http请求映射到该控制器上,规定初步的请求映射地址,相当于请求地址的父路径。类中的所有响应请求的方法都是以该地址作为父路径
  • 定义在类方法上:进一步制定控制器处理方法的映射关系,如果在该控制器类上没有定义@RequestMapping注解,则直接将请求地址映射到处理方法上。

通过超链接跳转到制定页面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<h1>首页</h1>
<!--超链接,以斜线开头的路径为绝对路径-->
<a th:href="@{/target}">访问目标页面target.html</a>
</body>
</html>

通过thymeleaf解析绝对路径,首先html标签中必须有thymeleaf的命名空间xmlns:th=“http://www.thymeleaf.org”;通过thymeleaf解析一个属性,首先在属性前面加th:,通过@{}语法解析绝对路径,th:href="@{/target}

总结:浏览器发送请求,若请求地址符合前端控制器的url-pattern,该请求就会被前端控制器DispatcherServlet处理。前端控制器会读取SpringMVC的核心配置文件,通过扫描组件找到控制器,将请求地址和控制器中如 @RequestMapping注解的value属性值进行匹配,若匹配成功,该注解所标识的控制器方法就是处理请求的方法。处理请求的方法需要返回一个字符串类型的视图名称,该视图名称会被视图解析器解析,加上前缀和后缀组成视图的路径,通过Thymeleaf对视图进行渲染,最终转发到视图所对应页面