SpringMVC【一】MVC 及 Servlet 回顾

1、MVC

1.1 MVC 介绍

  • MVC是模型(Model)、视图(View)、控制器(Controller)的简写,是一种软件设计规范。
  • 是将业务逻辑、数据、显示分离的方法来组织代码。
  • MVC主要作用是降低了视图与业务逻辑间的双向偶合
  • MVC不是一种设计模式,MVC是一种架构模式。当然不同的MVC存在差异。

Model(模型):数据模型,提供要展示的数据,因此包含数据和行为,可以认为是领域模型或 JavaBean 组件(包含数据和行为),不过现在一般都分离开来:Value Object(数据 Dao) 和 服务层(行为 Service)。也就是模型提供了模型数据查询和模型数据的状态更新等功能,包括数据和业务。

View(视图):负责进行模型的展示,一般就是我们见到的用户界面,客户想看到的东西。

Controller(控制器):接收用户请求,委托给模型进行处理(状态改变),处理完毕后把返回的模型数据返回给视图,由视图负责展示。也就是说控制器做了个调度员的工作。

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

1.2 Model1 时代

  • 在 web 早期的开发中,通常采用的都是 Model1。
  • Model1 中,主要分为两层:视图层和模型层。
  • 优点:架构简单,比较适合小型项目开发;
  • 缺点:JSP职责不单一,职责过重,不便于维护。

1.3 Model2 时代

Model2 把一个项目分成三部分,包括视图、控制、模型。

  1. 用户发请求
  2. Servlet 接收请求数据,并调用对应的业务逻辑方法
  3. 业务处理完毕,返回更新后的数据给 servlet
  4. servlet 转向到 JSP,由 JSP 来渲染页面
  5. 响应给前端更新后的页面

职责分析:

  • Controller 控制器:取得表单数据;调用业务逻辑;转向指定的页面
  • Model 模型:业务逻辑;保存数据的状态
  • View 视图:显示页面

Model2 这样不仅提高的代码的复用率与项目的扩展性,且大大降低了项目的维护成本。Model1 模式的实现比较简单,适用于快速开发小规模项目,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>
    <!--Maven可能存在资源过滤的问题-->
    <build>
        <resources>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>false</filtering>
            </resource>
            <resource>
                <directory>src/main/resources</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>false</filtering>
            </resource>
        </resources>
    </build>
    
  2. 新建一个模块,添加 Web app的支持

    步骤:在模块名上右键 —> Add Framework Support —> 选中 Web Application 生成一个 web.xml 文件 (这样操作的原因是:maven 直接创建的 web 项目中 web.xml 不是最新版,而我们需要最新版)

  3. 导入servlet 和 jsp 的 jar 依赖

  4. 编写一个 Servlet 类,用来处理用户的请求

    // 实现servlet接口
    public class HelloServlet extends HttpServlet {
    
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            // 取得参数
            String method = req.getParameter("method");
            if (method.equals("add")){
                req.getSession().setAttribute("msg","执行了add方法");
            }
            if (method.equals("delete")){
                req.getSession().setAttribute("msg","执行了delete方法");
            }
            // 业务逻辑
            // 视图跳转,转发或重定向,这里用了转发
            req.getRequestDispatcher("/WEB-INF/jsp/test.jsp").forward(req,resp);
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            doGet(req,resp);
        }
    }
    
  5. 编写 test.jsp,放在 WEB-INF 目录下新建的 jsp 文件夹中

    注意:页面为了安全,使用户不可见,放在 WEB-INF 下面,公共页面放在 web 下面

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        ${msg}
    </body>
    </html>
    
  6. 在 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>hello</servlet-name>
            <servlet-class>com.song.servlet.HelloServlet</servlet-class>
        </servlet>
    
        <servlet-mapping>
            <servlet-name>hello</servlet-name>
            <url-pattern>/hello</url-pattern>
        </servlet-mapping>
    
        <!--配置超时时间,15分钟-->
        <!--<session-config>-->
            <!--<session-timeout>15</session-timeout>-->
        <!--</session-config>-->
    
        <!--欢迎页-->
        <!--<welcome-file-list>-->
            <!--<welcome-file>index.jsp</welcome-file>-->
        <!--</welcome-file-list>-->
    </web-app>
    
  7. 配置 Tomcat,将项目部署在服务器中,并启动测试

    • localhost:8080/user?method=add 最后页面上会显示:执行了add方法

    • localhost:8080/user?method=delete 最后页面上会显示:执行了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(M|V|VM: ViewModel 双向绑定) 等等....

posted @ 2020-06-27 22:34  Song-zw  阅读(155)  评论(0编辑  收藏  举报