文章目錄

Spring MVC
- 1、回顧MVC架構
- - 1.1 什么是MVC
  - 1.2 Model1時代
  - 1.3 Model2時代
  - 1.4 回顧Servlet
  - - MVVM掃盲
- 2、什么是SpringMVC
- - 2.1 概述
  - 2.2 中心控制器
  - 2.3 SpringMVC執行原理

Spring MVC

參考視頻：B站狂神，寫這個只是方便個人復習，怎么寫是我自己的事，我能看懂就行，沒要求非要讓你看！白嫖還挑刺，是很沒有風度的事情，希望做個有風度的“五好青年”！

1、回顧MVC架構

1.1 什么是MVC

MVC 設計不僅限于 Java Web 應用，還包括許多應用，比如前端、PHP、.NET 等語言，之所以那么做的根本原因在于解耦各個模塊，

MVC 是 Model、View 和 Controller 的縮寫，分別代表 Web 應用程式中的 3 種職責，

(Model)模型：用于存盤資料以及處理用戶請求的業務邏輯，
(View)視圖：向控制器提交資料，顯示模型中的資料，
(Controller)控制器：根據視圖提出的請求判斷將請求和資料交給哪個模型處理，將處理后的有關結果交給哪個視圖更新顯示，

MVC是一種軟體設計規范，
是將業務邏輯、資料、顯示分離的方法來組織代碼，
MVC主要作用是降低了視圖與業務邏輯間的雙向偶合，
MVC不是一種設計模式，MVC是一種架構模式，當然不同的MVC存在差異，

基于 Servlet 的 MVC 模式的具體實作如下，

模型：一個或多個 JavaBean 物件，用于存盤資料（物體模型，由 JavaBean 類創建）和處理業務邏輯（業務模型，由一般的 Java 類創建），
視圖：一個或多個 JSP 頁面，向控制器提交資料和為模型提供資料顯示，JSP 頁面主要使用 HTML 標記和 JavaBean 標記來顯示資料，
控制器：一個或多個 Servlet 物件，根據視圖提交的請求進行控制，即將請求轉發給處理業務邏輯的 JavaBean，并將處理結果存放到物體模型 JavaBean 中，輸出給視圖顯示，

基于 Servlet 的 MVC 模式的流程如圖所示，

在這里插入圖片描述

最典型的MVC就是JSP + servlet + javabean的模式，

在這里插入圖片描述

1.2 Model1時代

在web早期的開發中，通常采用的都是Model1，
Model1中，主要分為兩層，視圖層和模型層，

在這里插入圖片描述

Model1優點：架構簡單，比較適合小型專案開發；
Model1缺點：JSP職責不單一，職責過重，不便于維護；

1.3 Model2時代

Model2把一個專案分成三部分，包括視圖、控制、模型，

在這里插入圖片描述

職責分析：

Controller：控制器

取得表單資料
呼叫業務邏輯
轉向指定的頁面

Model：模型

業務邏輯
保存資料的狀態

View：視圖

顯示頁面

Model2這樣不僅提高的代碼的復用率與專案的擴展性，且大大降低了專案的維護成本，Model 1模式的實作比較簡單，適用于快速開發小規模專案，Model1中JSP頁面身兼View和Controller兩種角色，將控制邏輯和表現邏輯混雜在一起，從而導致代碼的重用性非常低，增加了應用的擴展性和維護的難度，Model2消除了Model1的缺點，

1.4 回顧Servlet

新建一個Maven工程當做父工程！pom依賴！

在這里插入圖片描述

    <!-- 匯入依賴 -->
    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.1.9.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
    </dependencies>

建立一個Moudle：springmvc-01-servlet ，添加Web app的支持！

在這里插入圖片描述

匯入servlet 和 jsp 的 jar 依賴

    <!-- 匯入servlet和jsp的依賴 -->
    <dependencies>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>
    </dependencies>

撰寫一個Servlet類，用來處理用戶的請求

在這里插入圖片描述

package com.github.subei.servlet;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

// 實作Servlet介面
public class HelloServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // 1.獲取前端引數
        String method = req.getParameter("method");
        if (method.equals("add")){
            req.getSession().setAttribute("msg","執行add方法");
        }
        if (method.equals("delete")){
            req.getSession().setAttribute("msg","執行delete方法");
        }
        // 2.呼叫業務邏輯層

        // 3.視圖轉發或重定向
        req.getRequestDispatcher("/WEB-INF/jsp/Hello.jsp").forward(req,resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req,resp);
    }
}

撰寫Hello.jsp，在WEB-INF目錄下新建一個jsp的檔案夾，新建Hello.jsp、Form.jsp

在這里插入圖片描述

Hello.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>subeiLY</title>
</head>
<body>
${msg}
</body>
</html>

Form.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<form action="/hello" method="post">
    <input type="text" name="method">
    <input type="submit">
</form>

</body>
</html>

在web.xml中注冊Servlet

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

    <servlet>
        <servlet-name>HelloServlet</servlet-name>
        <servlet-class>com.github.subei.servlet.HelloServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>HelloServlet</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>

</web-app>

配置Tomcat，并啟動測驗

在這里插入圖片描述

http://localhost:8080/spring_01/hello?method=add

在這里插入圖片描述

http://localhost:8080/spring_01/hello?method=delete

在這里插入圖片描述

MVC框架要做哪些事情

將url映射到java類或java類的方法，
封裝用戶提交的資料，
處理請求–呼叫相關的業務處理–封裝回應資料，
將回應的資料進行渲染 . jsp / html 等表示層資料，

常見的服務器端MVC框架有：Struts、Spring MVC、ASP.NET MVC、Zend Framework、JSF；常見前端MVC框架：vue、angularjs、react、backbone；由MVC演化出了另外一些模式如：MVP、MVVM 等等…

MVVM掃盲

參考于：https://www.jianshu.com/p/0ae3c0d830e5

MVVM是Model-View-ViewModel的簡寫，它本質上就是MVC 的改進版，
MVVM（Model–View–Viewmodel）是一種軟體架構模式，

MVC中的M就是單純的從網路獲取回來的資料模型，V指的我們的視圖界面，而C就是我們的ViewController，

在其中，ViewController負責View和Model之間調度，View發生互動事件會通過target-action或者delegate方式回呼給ViewController，與此同時ViewController還要承擔把Model通過KVO、Notification方式傳來的資料傳輸給View用于展示的責任，

隨著業務越來越復雜，視圖互動越復雜，導致Controller越來越臃腫，負重前行，臟活累活都它干了，到頭來還一點不討好，福報修多了的結果就是，不行了就重構你，重構不了就換掉你，

MVC架構圖

在這里插入圖片描述

所以，為了解決這個問題，MVVM就閃亮登場了，他把View和Contrller都放在了View層（相當于把Controller一部分邏輯抽離了出來），Model層依然是服務端回傳的資料模型，

而ViewModel充當了一個UI配接器的角色，也就是說View中每個UI元素都應該在ViewModel找到與之對應的屬性，除此之外，從Controller抽離出來的與UI有關的邏輯都放在了ViewModel中，這樣就減輕了Controller的負擔，

MVVM的架構圖

在這里插入圖片描述

從以上的架構圖中，我們可以很清晰的梳理出各自的分工，

View層：視圖展示，包含UIView以及UIViewController，View層是可以持有ViewModel的，
ViewModel層：視圖配接器，暴露屬性與View元素顯示內容或者元素狀態一一對應，一般情況下ViewModel暴露的屬性建議是readOnly的，至于為什么，我們在實戰中會去解釋，還有一點，ViewModel層是可以持有Model的，
Model層：資料模型與持久化抽象模型，資料模型很好理解，就是從服務器拉回來的JSON資料，而持久化抽象模型暫時放在Model層，是因為MVVM誕生之初就沒有對這塊進行很細致的描述，按照經驗，我們通常把資料庫、檔案操作封裝成Model，并對外提供操作介面，（有些公司把資料存取操作單拎出來一層，稱之為DataAdapter層，所以在業內會有很多MVVM的變種，但其本質上都是MVVM），
Binder：MVVM的靈魂，可惜在MVVM這幾個英文單詞中并沒有它的一席之地，它的最主要作用是在View和ViewModel之間做了雙向資料系結，如果MVVM沒有Binder，那么它與MVC的差異不是很大，

我們發現，正是因為View、ViewModel以及Model間的清晰的持有關系，所以在三個模塊間的資料流轉有了很好的控制，

2、什么是SpringMVC

2.1 概述

在這里插入圖片描述

Spring MVC是Spring Framework的一部分，是基于Java實作MVC的輕量級Web框架，

官方檔案：https://docs.spring.io/spring-framework/docs/4.3.24.RELEASE/spring-framework-reference/html/
中文官方檔案：https://www.w3cschool.cn/spring_mvc_documentation_linesh_translation/spring_mvc_documentation_linesh_translation-y2ud27r5.html
中文檔案下載地址：https://www.jb51.net/books/593599.html

為什么要學習SpringMVC呢?

Spring MVC的特點：

輕量級，簡單易學
高效 , 基于請求回應的MVC框架
與Spring兼容性好，無縫結合
約定優于配置
功能強大：RESTful、資料驗證、格式化、本地化、主題等
簡潔靈活

Spring的web框架圍繞DispatcherServlet [ 調度Servlet ] 設計，

DispatcherServlet的作用是將請求分發到不同的處理器，從Spring 2.5開始，使用Java 5或者以上版本的用戶可以采用基于注解形式進行開發，十分簡潔；
正因為SpringMVC好 , 簡單 , 便捷 , 易學 , 天生和Spring無縫集成(使用SpringIoC和Aop) , 使用約定優于配置 . 能夠進行簡單的junit測驗 . 支持Restful風格 .例外處理 , 本地化 , 國際化 , 資料驗證 , 型別轉換 , 攔截器等等…所以要學習，
最重要的一點還是用的人多 , 使用的公司多 .

2.2 中心控制器

Spring的web框架圍繞DispatcherServlet設計，DispatcherServlet的作用是將請求分發到不同的處理器，從Spring 2.5開始，使用Java 5或者以上版本的用戶可以采用基于注解的controller宣告方式，

Spring MVC框架像許多其他MVC框架一樣, 以請求為驅動 , 圍繞一個中心Servlet分派請求及提供其他功能，DispatcherServlet是一個實際的Servlet (它繼承自HttpServlet 基類)，

在這里插入圖片描述

SpringMVC的原理如下圖所示：

在這里插入圖片描述

當發起請求時被前置的控制器攔截到請求，根據請求引數生成代理請求，找到請求對應的實際控制器，控制器處理請求，創建資料模型，訪問資料庫，將模型回應給中心控制器，控制器使用模型與視圖渲染視圖結果，將結果回傳給中心控制器，再將結果回傳給請求者，

在這里插入圖片描述

2.3 SpringMVC執行原理

在這里插入圖片描述

圖為SpringMVC的一個較完整的流程圖，實線表示SpringMVC框架提供的技術，不需要開發者實作，虛線表示需要開發者實作，

簡要分析執行流程

DispatcherServlet表示前置控制器，是整個SpringMVC的控制中心，用戶發出請求，DispatcherServlet接收請求并攔截請求，

假設請求的url為 : http://localhost:8080/SpringMVC/hello

如上url拆分成三部分：

http://localhost:8080：服務器域名

SpringMVC：部署在服務器上的web站點

hello：控制器

通過分析，如上url表示為：請求位于服務器localhost:8080上的SpringMVC站點的hello控制器，
HandlerMapping為處理器映射，DispatcherServlet呼叫HandlerMapping,HandlerMapping根據請求url查找Handler，
HandlerExecution表示具體的Handler,其主要作用是根據url查找控制器，如上url被查找控制器為：hello，
HandlerExecution將決議后的資訊傳遞給DispatcherServlet,如決議控制器映射等，
HandlerAdapter表示處理器配接器，其按照特定的規則去執行Handler，
Handler讓具體的Controller執行，
Controller將具體的執行資訊回傳給HandlerAdapter,如ModelAndView，
HandlerAdapter將視圖邏輯名或模型傳遞給DispatcherServlet，
DispatcherServlet呼叫視圖決議器(ViewResolver)來決議HandlerAdapter傳遞的邏輯視圖名，
視圖決議器將決議的邏輯視圖名傳給DispatcherServlet，
DispatcherServlet根據視圖決議器決議的視圖結果，呼叫具體的視圖，

后的資訊傳遞給DispatcherServlet,如決議控制器映射等，

HandlerAdapter表示處理器配接器，其按照特定的規則去執行Handler，
Handler讓具體的Controller執行，
Controller將具體的執行資訊回傳給HandlerAdapter,如ModelAndView，
HandlerAdapter將視圖邏輯名或模型傳遞給DispatcherServlet，
DispatcherServlet呼叫視圖決議器(ViewResolver)來決議HandlerAdapter傳遞的邏輯視圖名，
視圖決議器將決議的邏輯視圖名傳給DispatcherServlet，
DispatcherServlet根據視圖決議器決議的視圖結果，呼叫具體的視圖，
最終視圖呈現給用戶，

轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/258924.html

標籤：其他

上一篇：springcloud入門超級詳解

下一篇：Mysql原理決議 - 基本架構

Spring MVC入門——day01

文章目錄

Spring MVC

1、回顧MVC架構

1.1 什么是MVC

1.2 Model1時代

1.3 Model2時代

1.4 回顧Servlet

MVVM掃盲

2、什么是SpringMVC

2.1 概述

2.2 中心控制器

2.3 SpringMVC執行原理