【零基础入门SpringMVC】第一期——开篇导论

一、导论

$ 什么是MVC？

• MVC 是一种将软件按照 模型、视图、控制器来划分的一种架构思维
• MVC全称SpringWebMVC，那么M、V、C分别代表什么呢？

  • M：Model 代表模型层，作用就是处理数据，在我们SpringMVC中，分为两种Bean

    • 第一类为实体Bean，用于我们数据存取 【pojo】
    • 第二类为业务Bean，用于我们业务处理与数据访问 【dao、service】

  • V： View 代表视图层，为我们提供前端页面的显示，与用户进行交互

  • C：Controller 代表控制层，负责接收请求和响应服务器【Service】

• MVC的工作流程：

  用户通过视图层发送请求到服务器，在服务器中请求被Controller接收，Controller调用相应的Model层处理请求，处理完毕将结果返回到Controller，Controller再根据请求处理的结果找到相应的View视图，渲染数据后最终响应给浏览器

$ 什么是SpringMVC？

• 我们知道Spring分为八大模块，SpringWebMVC是其中的一个子项目
• 三层架构分为表述层（或表示层）、业务逻辑层、数据访问层，表述层表示前台页面和后台servlet
• MVC是一种设计模式，然而我们三层架构是一种架构，不要把三层架构与MVC的三部分对应上

$ SpringMVC的特点

• 是基于MVC的轻量级框架，支持IoC和AOP，完全基于注解开发
• 基于原生的Servlet，封装了功能强大的前端控制器DispatcherServlet，对请求和响应进行统一处理
• 配置 + Jar包 == 框架

二、第一个项目

• 演示如何构建springMVC项目以及了解springMVC的执行流程

$ 开发环境

• 此处我以我自己选择的开发环境为例
  • IDEA 2022.2.3
  • Maven 3.8.3
  • Tomcat 9.0.54
  • Spring 5.3.1

$ 创建一个新的工程

• 我们可以使用模板创建web工程，也可以创建普通maven工程然后动手配置【此处我选择第二种】
  
• 修改pom.xml，添加打包方式为 war，并配置相关依赖

  <?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.atguigu</groupId>
      <artifactId>springMVC-demo1</artifactId>
      <version>1.0-SNAPSHOT</version>
      <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>
  </project>
  

• 在 src/main 目录下创建一个新的目录 webapp 用于我们web相关的文件
• 然后在项目结构中去添加我们的 web.xml 文件

File >> Project Structure >> 点击我们的模块 >> Web 右侧上方加号 >> 根据提示补充路径 >> 点击应用

$ 配置我们的 web.xml

• 我们知道 web.xml 一般是用来注册 Servlet 、监听器等

• 因为我们springMVC基于原生的Servlet，为我们提供一个功能强大的前端控制器【本身就是一个Servlet】，所以我们要到web.xml中进行注册

• 那我们为什要去注册？注册有什么用呢？

  • 因为我们浏览器不能直接去访问一个类，我们需要通过Servlet去配置一个访问路径
  • 当访问路径符合我们的匹配路径，就会被这个Servlet去处理

• springMVC 为我们提供两种配置方式：

  • 第一种为默认配置方式：对于springMVC的配置文件的位置和命名都是固定的，很不方便

    <!-- 配置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的核心控制器所能处理的请求的请求路径 -->
        <url-pattern>/</url-pattern>
    </servlet-mapping>
    

    为什么此处不比配jsp文件呢？
    因为jsp文件本质就是一种Servlet，应该使用特殊的Servlet去处理，而不是我们springMVC的前端控制器
    为什么说默认配置不方便呢？
    对于上面的这个配置文件而言，我们的配置文件的位置只能为WEB-INF目录下，文件名为springMVC-servlet.xml

  • 第二种为扩展配置方式：在servlet标签中使用参数初始化子标签

    <!--我们需要通过前端控制器Dispatcher来处理所有前端的请求，因为它是一个Servlet所以需要我们在web.xml中进行注册-->
        <servlet>
            <servlet-name>springMVC</servlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
            <!--我们不采用默认的配置方式，因为默认的配置方式路径和配置文件命名都是固定的-->
            <!--我们采用拓展的配置方式，在此给出初始化参数-->
            <init-param>
                <!--这个参数名值固定的，我们在前端控制器中已经配置好的-->
                <param-name>contextConfigLocation</param-name>
                <!--classpath 代表根路径，对应我们main下的java和resource-->
                <param-value>classpath:springMVC.xml</param-value>
            </init-param>
            <!--我们servlet默认是在第一次被调用的时候进行加载，为了解决第一次启动的时候加载慢
                我们可以通过load-on-startup来提高启动优先级，也就是让服务器初始化的时候进行加载-->
            <load-on-startup>1</load-on-startup>
        </servlet>
        <servlet-mapping>
            <!--对应映射的name要与我们上面的name一致-->
            <servlet-name>springMVC</servlet-name>
            <!--url的模式为 /，代表会处理所有除了.jsp结尾的请求-->
            <url-pattern>/</url-pattern>
        </servlet-mapping>
    

    为什么我们要提高Servlet初始化的优先级呢？
    我们知道Servlet是在第一次调用的时候进行初始化的，启动过程有很多初始化操作，这些操作如果都放到第一次访问的时候去做会影响我们的访问速度，所以我们就让服务器启动的时候执行servlet的初始化工作

$ 创建请求控制器

• 我们前端控制器Dispatcher就是统一对前端的请求进行处理的，但是针对不同的请求处理过程可能不一致
• 我们要实现一个控制器类，类中方法对应着不同的处理过程
• springMVC会根据我们的预设自动进行匹配
• 我们通过@Controller注解将控制器纳入到Spring的IoC容器进行管理 【用其他注解也行，不过控制层用这个可读性高】
• 我们需要在核心配置文件中添加注解扫描，才能让我们这个pojo类成为真正的控制器

package com.atguigu.mvc.controller;

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

/**
 * @author Bonbons
 * @version 1.0
 */
@Controller
public class HelloController {

    // 我们希望对于所有的链接 "/" 的处理走我们控制器中指定的方法，是通过@RequestMapping来完成的
    @RequestMapping("/") // 此处省略了value属性
    public String index(){
        /*
            方法名不重要，我们在前端控制器的Servlet注册配置了我们处理哪些请求
            然后找到我们的控制器，我们控制器的方法对应哪种处理，我们通过方法的
            返回值获得视图名称，然后到我们springMVC的核心配置文件中的视图解析
            器去解析，添加上我们的前缀和后缀 >> 就获得了我们要跳转的页面     
         */
        return "index";
    }

    @RequestMapping(value = "/target")
    public String toTarget(){
        return "target";
    }
}

• 这里有几个需要注意的点：
  • 因为我们的页面在WEB-INF下，所以浏览器不能直接访问到，重定向也不行，只能通过跳转的方式
  • 对于控制器方法的命名随意，我们springMVC的核心配置文件中的视图解析器根据控制器返回值进行拼接，最后实现页面的跳转

$ 编写我们springMVC的核心配置文件

• 我们直接将核心配置文件放到类路径下，此处就是 resource 目录下
• 对于我们的第一个项目而言，只需要配置扫描Bean包的功能和视图解析器的功能【采用了thymeleaf框架】

<?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"/>

    <!-- 配置Thymeleaf视图解析器 -->
    <bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
        <!--优先级-->
        <property name="order" value="1"/>
        <property name="characterEncoding" value="UTF-8"/>
        <property name="templateEngine">
            <!--内部Bean-->
            <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>

$ 编写我们的前端页面

• 在index页面中给出一个超链接，可以跳转到我们的第二个页面
  • 需要使用我们 thymeleaf 的命名空间
  • 以 / 开头代表绝对路径，又分为浏览器解析的绝对路径和服务器解析的绝对路径两种【超链接由浏览器负责解析】
  • 此处的 /target 代表请求地址，请求地址与我们控制器方法@RequestMapping注解的属性值一致

  <!DOCTYPE html>
  <html lang="en" xmlns:th="http://www.thymeleaf.org">
  
  <head>
      <meta charset="UTF-8">
      <title>Title</title>
  </head>
  <body>
  <h1>首页</h1>
  <!--th 代表使用thymeleaf去解析，使用@{}包裹属性值，识别到为绝对路径后，会自动为我们添加上下文路径-->
  <a th:href="@{/target}">HelloWorld</a><br/>
  </body>
  </html>
  

• 我们的 target.html 是我们用来跳转的第二个页面

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>Title</title>
  </head>
  <body>
    <p>Hello World!</p>
  </body>
  </html>
  

$ 配置Tomcat

• 要想将项目运行到本地web服务器上，就需要配置我们的 tomcat

Edit Configurations >>左上角加号 >> 找到Tomcat Server >> 选择我们应用的tomcat >> 选择Deployment 进行配置 【我们通常都会选择 exploded】

• 在我们Deployment页面下方配置上下文路径
  
• 修改以下两个配置
  
• 保存后就可以运行我们的项目了
  
  当把光标放到我们的超链接上面，就可以在我们的状态栏里看到我们超链接的请求地址

点击后跳转我们的 target 页面，至此我们的第一个springMVC 项目就结束了