SpringMVC学习之01回顾MVC架构和Servlet

前序:
该系列笔记参考文档和书籍:
《Spring实战(第四版)》
<bilibi狂神说视频>
SpringMVC官方文档

回顾MVC架构


什么是mvc

全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。


mvc编程模式

MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式:

  • Model(模型)表示应用程序核心(比如数据库记录列表)。

  • View(视图)显示数据(数据库记录)。

  • Controller(控制器)处理输入(写入数据库记录)。
    MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。

    Model模型)是应用程序中用于处理应用程序数据逻辑的部分。
    通常模型对象负责在数据库中存取数据。
    View视图)是应用程序中处理数据显示的部分。
    通常视图是依据模型数据创建的。
    Controller控制器)是应用程序中处理用户交互的部分。
    通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。

    MVC 分层有助于管理复杂的应用程序,因为您可以在一个时间内专门关注一个方面。例如,您可以在不依赖业务逻辑的情况下专注于视图设计。同时也让应用程序的测试更加容易。
    MVC 分层同时也简化了分组开发。不同的开发人员可同时开发视图、控制器逻辑和业务逻辑。
    框架主要包含三个内容:
    视图(View)
    视图是用户看到并与之交互的界面。
    模型(Model)
    模型表示企业数据和业务规则。
    控制器(Controller)
    控制器接受用户的输入并调用模型和视图去完成用户的需求。

Model1时代

在web早期的开发中,通常采用的都是Model1。

Model1中,主要分为两层,视图层和模型层。

Model1优点:架构简单,比较适合小型项目开发;

Model1缺点:JSP职责不单一,职责过重,不便于维护;

Model2时代

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

用户发请求

Servlet接收请求数据,并调用对应的业务逻辑方法

业务处理完毕,返回更新后的数据给servlet

servlet转向到JSP,由JSP来渲染页面

响应给前端更新后的页面

职责分析:

Controller:控制器

取得表单数据

调用业务逻辑

转向指定的页面

Model:模型

业务逻辑

保存数据的状态

View:视图

显示页面

Model2这样不仅提高的代码的复用率与项目的扩展性,且大大降低了项目的维护成本。Model 1模式的实现比较简单,适用于快速开发小规模项目,Model1中JSP页面身兼View和Controller两种角色,将控制逻辑和表现逻辑混杂在一起,从而导致代码的重用性非常低,增加了应用的扩展性和维护的难度。Model2消除了Model1的缺点。


了解mvc

常用技术架构: Vue+SpringMVC +SpringBoot + SpringCloud + Linux


回顾Servlet

1、使用maven创建父级项目springmvc导入相关依赖:

   <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>
        <!--EL表达式标签-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
    </dependencies>

2、创建子项目(Module)spring-01-servlet,并添加Web App框架支持

在这里插入图片描述
添加WebApllication
在这里插入图片描述
添加的项目目录:
在这里插入图片描述

3、导入servlet和jsp的jar依赖

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

4、编写servlet类来处理用户请求

继承HttpServlet的类,同时在web.xml中配置

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);
    }
}

5、编写Hellp.jsp,在WEB-INF目录下新建一个jsp的文件夹,新建hello.jsp

<%@ 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.magee.HelloServlet</servlet-class>
    </servlet>

    <servlet-mapping>
        <servlet-name>hello</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>
    
</web-app>

7、启动Tomcat,并启动测试

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

在这里插入图片描述

在这里插入图片描述


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 等等…


版权声明:本文为weixin_43637818原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。