zoukankan      html  css  js  c++  java
  • Spring MVC入门——day01

    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

    1. 新建一个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>
    
    1. 建立一个Moudle:springmvc-01-servlet , 添加Web app的支持!

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    1. 导入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>
    
    1. 编写一个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);
        }
    }
    
    1. 编写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>
    
    1. 在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>
    
    1. 配置Tomcat,并启动测试

    在这里插入图片描述

    在这里插入图片描述

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

    在这里插入图片描述

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

    在这里插入图片描述

    MVC框架要做哪些事情

    1. 将url映射到java类或java类的方法。
    2. 封装用户提交的数据。
    3. 处理请求–调用相关的业务处理–封装响应数据。
    4. 将响应的数据进行渲染 . 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框架。

    为什么要学习SpringMVC呢?

    Spring MVC的特点:

    1. 轻量级,简单易学
    2. 高效 , 基于请求响应的MVC框架
    3. 与Spring兼容性好,无缝结合
    4. 约定优于配置
    5. 功能强大:RESTful、数据验证、格式化、本地化、主题等
    6. 简洁灵活

    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框架提供的技术,不需要开发者实现,虚线表示需要开发者实现。

    简要分析执行流程

    1. DispatcherServlet表示前置控制器,是整个SpringMVC的控制中心。用户发出请求,DispatcherServlet接收请求并拦截请求。

      假设请求的url为 : http://localhost:8080/SpringMVC/hello

      如上url拆分成三部分:

      http://localhost:8080:服务器域名

      SpringMVC:部署在服务器上的web站点

      hello:控制器

      通过分析,如上url表示为:请求位于服务器localhost:8080上的SpringMVC站点的hello控制器。

    2. HandlerMapping为处理器映射。DispatcherServlet调用HandlerMapping,HandlerMapping根据请求url查找Handler。

    3. HandlerExecution表示具体的Handler,其主要作用是根据url查找控制器,如上url被查找控制器为:hello。

    4. HandlerExecution将解析后的信息传递给DispatcherServlet,如解析控制器映射等。

    5. HandlerAdapter表示处理器适配器,其按照特定的规则去执行Handler。

    6. Handler让具体的Controller执行。

    7. Controller将具体的执行信息返回给HandlerAdapter,如ModelAndView。

    8. HandlerAdapter将视图逻辑名或模型传递给DispatcherServlet。

    9. DispatcherServlet调用视图解析器(ViewResolver)来解析HandlerAdapter传递的逻辑视图名。

    10. 视图解析器将解析的逻辑视图名传给DispatcherServlet。

    11. DispatcherServlet根据视图解析器解析的视图结果,调用具体的视图。

    后的信息传递给DispatcherServlet,如解析控制器映射等。

    1. HandlerAdapter表示处理器适配器,其按照特定的规则去执行Handler。

    2. Handler让具体的Controller执行。

    3. Controller将具体的执行信息返回给HandlerAdapter,如ModelAndView。

    4. HandlerAdapter将视图逻辑名或模型传递给DispatcherServlet。

    5. DispatcherServlet调用视图解析器(ViewResolver)来解析HandlerAdapter传递的逻辑视图名。

    6. 视图解析器将解析的逻辑视图名传给DispatcherServlet。

    7. DispatcherServlet根据视图解析器解析的视图结果,调用具体的视图。

    8. 最终视图呈现给用户。

    欢迎查阅
  • 相关阅读:
    AOJ 718.计算GPA
    AOJ 11.Rails
    AOJ 592.神奇的叶子
    AOJ 10.目标柏林
    洛谷P1030求先序排列
    vijos1514天才的记忆
    洛谷2016战略游戏
    LOJ10155数字转换
    洛谷2014选课
    洛谷2015二叉苹果树
  • 原文地址:https://www.cnblogs.com/gh110/p/14423878.html
Copyright © 2011-2022 走看看