1.MVC结构介绍

最新推荐文章于 2024-04-03 09:36:33 发布

笨鸟不会先飞

最新推荐文章于 2024-04-03 09:36:33 发布

阅读量593

点赞数

分类专栏： spring mvc 文章标签： mvc java 后端

本文链接：https://blog.csdn.net/weixin_43864861/article/details/118226495

版权

spring mvc 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本篇文章是根据B站狂神说Java系列的SpringMVC的笔记记录 —— 第1篇MVC结构介绍
gitee：https://gitee.com/ywq869819435/SpringMVC

前置知识:Servlet

建项目导入依赖

在这里插入图片描述

<dependencies>
    <dependency>
        <groupId>junit</groupId>
        <artifactId>junit</artifactId>
        <version>4.12</version>
    </dependency>
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-webmvc</artifactId>
        <version>5.2.11.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>

右键项目，选择添加框架支持，选择java web，选择最新版本

添加之后会多出一个web包

在这里插入图片描述

子模块导入依赖

<!--如果是重复的父依赖，需要版本一致，否则会出现问题
    这里也写好依赖方便日后分开打包-->
<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类

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/test.jsp").forward(req,resp);
    }

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

配置JSP页面

test.jsp

<%--
  Created by IntelliJ IDEA.
  User: ywq
  Date: 2021/3/9
  Time: 16:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

${msg}

</body>
</html>

web.jsp

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="https://jakarta.ee/xml/ns/jakartaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="https://jakarta.ee/xml/ns/jakartaee https://jakarta.ee/xml/ns/jakartaee/web-app_5_0.xsd"
         version="5.0">

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

    <!--设置session超时时间-->
<!--    <session-config>-->
<!--        <session-timeout>15</session-timeout>-->
<!--    </session-config>-->

    <!--欢迎页，默认为index-->
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
    
</web-app>

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>

添加Tomcat

在这里插入图片描述

调用页面

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

在这里插入图片描述

转发和重定向

转发forward()

过程

浏览器向服务器发送请求服务连接器1转发给服务连接器2
服务连接器1收到请求，转发给服务连接器2
服务连接器2响应返回浏览器

特点

地址栏不发生变化，显示的是上一个页面的地址
请求次数：只有1次请求，服务器端进行跳转
根目录：http://localhost:8080/项目地址/，包含了项目的访问地址
请求域中数据不会丢失【转发的对象的数据不会丢失】

重定向sendRedirect()

过程

浏览器向服务器发送请求服务连接器1
服务连接器1响应浏览器去访问服务连接器2
浏览器向服务器收到服务连接器1的响应后，再请求访问服务连接器2
服务连接器2响应返回浏览器

特点

地址栏：显示新的地址
请求次数：2次，浏览器进行跳转
根目录：http://localhost:8080，没有项目的名字
请求域中的数据会丢失，因为是2次请求

什么是MVC

概述

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

MVC

**Model（模型）：**数据模型，提供要展示的数据，因此包含数据和行为，可以认为是领域模型或JavaBean组件（包含数据和行为），不过现在一般都分离开来：Value Object（数据Dao）和服务层（行为Service）。也就是模型提供了模型数据查询和模型数据的状态更新等功能，包括数据和业务。
**View（视图）：**负责进行模型的展示，一般就是我们见到的用户界面，客户想看到的东西。
**Controller（控制器）：**接收用户请求，委托给模型进行处理（状态改变），处理完毕后把返回的模型数据返回给视图，由视图负责展示。也就是说控制器做了个调度员的工作。

职责分析

Controller(控制层)

取得表单数据
调用业务逻辑
转向指定的页面

Model(模型)

业务逻辑
数据持久化

View(视图)

页面显示

例子

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

在这里插入图片描述

发展历程

model1

主要分为视图层和模型层（视图层职责不单一）

客户端发送请求(request)
JSP获取请求参数
JSP调用业务逻辑方法
业务逻辑方法将数据返回给JSP
JSP获取返回的数据之后渲染页面(response)
将结果(response)返回客户端显示

优点：架构简单，适合小项目开发
缺点：JSP职责不单一，维护成本重（JSP负责发送请求的同时还需要接收反馈的数据进行处理以及页面的渲染）

model2

把一个项目分成三成，视图、控制、模型。

客户端发送请求(request)
Servlet获取请求参数
Servlet调用业务逻辑方法
业务逻辑方法将数据返回给Servlet
Servlet将获取返回的数据(response)给JSP
JSP之后渲染页面，响应给前端更新后的页面

注：这里的Servlet之后被封装成Controller

优点：改进了model1的时候JSP即是视图也是控制的复杂职责(表现逻辑与控制逻辑混杂在一起，导致代码重用性低，降低了代码的可扩展性和易维护性)。

合格的MVC框架

一个合格的MVC框架要实现

将url映射到java类或java类的方法
封装用户提交的数据
处理请求–调用相关的业务处理–封装响应数据
将响应的数据进行渲染 . jsp / html 等表示层数据

常见服务端MVC框架

有Struts、Spring MVC、ASP.NET MVC、Zend Framework、JSF

常见前端MVC框架

有vue、angularjs、react、backbone

由MVC演化出了另外一些模式

MVP、MVVM(M V VM[ViewModel 双向绑定，前后端分离的核心]) 等等

笨鸟不会先飞

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
1.MVC结构介绍

本篇文章是根据B站狂神说Java系列的SpringMVC的笔记记录 —— 第1篇MVC结构介绍gitee：https://gitee.com/ywq869819435/SpringMVC前置知识:Servlet建项目导入依赖<dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId>
复制链接

扫一扫