MVC 是什么？它是如何工作的？我们来解剖它

本篇文章，我们要讨论的内容：

什么是 MVC？
它是如何工作的？

什么是 MVC

MVC 由三个基本部分组成 – 模型(Model)，视图(View)和控制器(Controller)。它是用于实现应用程序用户界面层的架构设计模式。一个典型的实际应用程序通常具有以下层：

用户展现层
业务逻辑处理层
数据访问读取层

MVC 设计模式通常用于实现应用程序的用户界面层。

MVC 如何工作

让我们了解 MVC 设计模式是如何与案例一起工作的。假设我们想要查询特定员工的详细信息(即 ID 为 1 的员工信息)，并在 HTML 表格中的网页上显示这些详细信息，如下所示。

那么，从 Web 浏览器我们发出请求，URL 地址如下所示:

http://JoeZ.com/employee/details/1
复制代码

上图的意思如下：

当我们的请求到达服务器时，作为 MVC 设计模式下的 Controller，会接收请求并且处理它。
Controller 会创建模型(Model)，该模型是一个类文件，会进行数据的展示。
在 Molde 中，除了数据本身，Model 还包含从底层数据源(如数据库)查询数据后的逻辑信息。
除了创建 Model 之外，控制器还选择 View 并将 Model 对象传递给该 View。
视图仅负责呈现 Modle 的数据。
视图会生成所需的 HTML 以显示模型数据，即 Controller 提供给它的员工数据。
然后，此 HTML 通过网络发送，最终呈现在发出请求的用户面前。

Model (模型)

因此，在当前案例中 Model，是由 Employee 类和管理员工数据的 EmployeeRepository 类组成，如下所示

public class Employee
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string DepartmentName { get; set; }
    }

 public interface IEmployeeRepository
    {
        Employee GetEmployee(int id);
        void Save(Employee employee);
    }

public class EmployeeRepository : IEmployeeRepository
    {
        public Employee GetEmployee(int id)
        {
           //写逻辑实现 查询员工详情信息
            throw new NotImplementedException();
        }

        public void Save(Employee employee)
        {
           //写逻辑实现保存员工信息
            throw new NotImplementedException();
        }
    }

复制代码

我们使用Employee类来保存员工数据，而EmployeeRepository 类则负责查询并保存员工信息到数据库中。如果要概括 model 的话，它就是 MVC 中用于包含一组数据的类和管理该数据的逻辑信息。 表示数据的类是 Employee 类，管理数据的类是 EmployeeRepository 类。

如果您想知道我们为什么使用IEmployeeRepository接口? 能不能使用没有接口的EmployeeRepository类？

答案是可以的，但是我们使用接口的原因，是因为接口，允许我们使用依赖注入，而依赖注入则可以帮助我们创建低耦合且易于测试的系统。

View -视图

MVC 中的 View 应该只包含显示 Controller 提供给它的 Model 数据的逻辑。您可以将视图视为 HTML 模板。例如，我们希望在 HTML 表中显示Employee数据。这种情况下，视图会和Employee对象会一起构成展现。 Employee对象是将员工数据传递给视图的模型。视图的唯一作用是将员工数据显示在 HTML 表中。这是视图中的代码。

@model EmployeeManagement.Model.Employee

<!DOCTYPE html>
<html>
  <head>
    <title>员工页面详情</title>
  </head>
  <body>
    <table>
      <tr>
        <td>Id</td>
        <td>@model.Id</td>
      </tr>
      <tr>
        <td>名字</td>
        <td>@model.Name</td>
      </tr>
      <tr>
        <td>部门</td>
        <td>@model.DepartmentName</td>
      </tr>
    </table>
  </body>
</html>

复制代码

在 MVC 中，View 仅负责呈现模型数据。视图中不应该有复杂的逻辑。视图中的逻辑必须非常少而且要小，并且它也必须仅用于呈现数据。如果遇到逻辑过于复杂的点，请考虑使用ViewModel 或View Component。 View Components是此版本 MVC 中的新增功能。

Controller 控制器

当来自浏览器的请求到达我们的应用程序时，作为 MVC 中的控制器，它处理传入的 http 请求并响应用户的操作。

在这种情况下，用户已向 URL 发出请求(/employee/details/1)，因此该请求被映射到EmployeeController中的Details方法，并向其传递Employee的 ID.此映射为由我们的 web 应用程序中定义的路由规则完成。

 public class EmployeeController:Controller
    {
        private IEmployeeRepository _employeeRepository;
        public EmployeeController(IEmployeeRepository employeeRepository)
        {
            _employeeRepository = employeeRepository;
        }
        public IActionResult Details(int id)
        {
            Employee model = _employeeRepository.GetEmployee(id);
            return View(model);
        }
    }

复制代码

如您所见，从Details方法中的代码，控制器将生成模型，在这种情况下，Model 是Employee对象。要从基础数据(如数据库)源检索Employee数据，控制器使用EmployeeRepository类。

一旦控制器使用所需数据构造了Employee模型对象，它就会将该Employee模型对象传递给视图。然后，视图生成所需的 HTML，以显示 Controller 提供给它的Employee数据。然后，此 HTML 通过网络发送给发出请求的用户。