浅谈MVC三层架构（通俗易懂）

"怕什么真理无穷，进一寸有一寸的欢喜"        ----胡适

什么是MVC三层架构？

所谓MVC三层架构，指的是Model View Controller，即模型、视图、控制器，是一种用于设计创建 Web 应用程序表现层的模式。

各层对应的功能分别是：

Model(模型)

• 存放实体类（数据库端表格一一对应的实体类）(JDBC) 通常指的就是我们的数据模型。作用一般情况下用于封装数据。

View(视图)

• 通常指的就是我们的 jsp 或者 html。作用一般就是展示数据的。通常视图是依据模型数据创建的。

Controller(控制器)

• 是应用程序中处理用户交互的部分。作用一般就是处理程序逻辑的。

可能有人会有疑问：为啥要这么分层呢？不分行不行呢？

举个通俗易懂的例子：

如果去饭店吃饭，不可能找厨师点菜吧？

小工负责食材存取，洗菜切肉；厨师负责烹饪；跑堂负责接待食客并与后厨沟通。这就是精典的分层体现。

如果一个厨师既负责跑堂，又负责烹饪。那这个饭店的管理一定非常混乱吧。

• 小工就是DAO，从食材库里（数据源）取出食材（原始数据），进行简单处理(数据对象化）

• 厨师就是Service，找到小工(DAO)，获取各种半成品 （对象化数据），加工成顾客需要的菜肴（最终数据）。

• 跑堂就是Controller，负责接单（提交数据）上菜（响应数据），是顾客与后厨间的媒介（提供用户与后台程序的接口）。

各司其职（高内聚），轻松协作（低耦合），就是分层思想的目标

MVC对应的工作流程图：

 

举个具体的实例，比如当用户在浏览器上发出一个登录请求后：对应的流程是：

登录--->接收用户的登录请求--->处理用户的请求（获取用户登录的参数，username，password）---->交给业务层处理登录业务（判断用户名密码是否正确：事务）--->Dao层查询用户名和密码是否正确-->数据库

如何搭建一个简易的MVC程序？

1、在IDEA中新建一个maven项目，添加web支持

2、在pom.xml中导入所需的依赖

<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>5.3.16</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>
    <scope>provided</scope>
</dependency>

 3、配置web.xml ，注册DispatcherServlet

<?xml version="1.0" encoding="UTF8"?>
<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">
    <!--配置DispatchServlet：这个是springmvc的核心：请求分发器，前端控制器-->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--DispatcherServlet必须绑定spring的配置文件-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc-servlet.xml</param-value>
        </init-param>
        <!--设置启动级别-->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

4、编写SpringMVC配置文件：springmvc-servlet.xml(配置文件中包含了：处理器映射器、处理器适配器和视图解析器)

<?xml version="1.0" encoding="UTF8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
                           https://www.springframework.org/schema/beans/spring-beans.xsd">
    <!--处理器映射器-->
    <bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"/>
    <!--处理器适配器-->
    <bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"/>
    <!--视图解析器:模板引擎ThymeLeaf，Freemarker-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="InternalResourceViewResolver">
        <!--前缀-->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!--后缀-->
        <property name="suffix" value=".jsp"/>
    </bean>
    <!--BeanNameUrlHandlerMapping:bean-->
    <bean id="/hello" class="com.kuang.controller.HelloController"/>
</beans>

5、编写Controller类，通过注解@Controller让spring识别，返回一个ModelAndView，装数据，封视图；

import org.springframework.stereotype.Controller;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Description：
 * Author：Jizaichun  Date：2022/5/10 18:49
 */
@Controller
public class HelloController {
    public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {
        ModelAndView mv = new ModelAndView();
        // 业务代码
        String result = "HelloSpringMVC";
        mv.addObject("msg", result);
        // 视图跳转
        mv.setViewName("test");
        return mv;
    }
}

6、编写要跳转的jsp页面，显示ModelandView存放的数据，取出返回的数据

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

7、配置Tomcat，大功告成，测试运行。

感谢你读到这里，赠人玫瑰，手留余香，请不要吝啬一个赞~~