热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

MVC,大家都知道的模式……不太好

MVC,大家都知道的模式……不太好“MVC是引用最多(也是最错误引用)的模式之一”——MartinFowlerCréditphoto:史蒂夫·约翰逊与许多关于这个主题的文章和评论相

MVC,大家都知道的模式……不太好

“MVC 是引用最多(也是最错误引用)的模式之一”——Martin Fowler


Peinture abstraite multicolore

Crédit photo: 史蒂夫·约翰逊

与许多关于这个主题的文章和评论相反, MVC 不是全栈或后端模式, 这是一个仅限前端的模式。

作为初级开发人员,我们经常会掉入陷阱……但要完全了解 MVC 的真正含义,让我们首先了解一些基本原理。

一个 Web 应用程序通常分为 3 个部分,也称为 3 层架构。


数据表示层

它负责转换和显示要返回给用户的数据。这是应用程序的整个 UI 部分。这取决于业务层


业务层

这包含公司活动的所有逻辑和业务规则。它通常位于服务器端,不像表示层可以驻留在服务器端(服务器端渲染)或客户端(客户端渲染)。


数据持久层

该层负责持久化业务层希望“保存”的数据。她抽象出 “如何保存数据” 对于业务层。它与数据库、API 和其他连接器交互,以保存和检索上层所需的数据。

在这个架构中,有一个重要的概念需要记住:这些是层之间的依赖规则。业务层(应用程序的核心)理论上没有依赖关系。它完全抽象出知道如何使用其数据(由表示层)以及如何保存其数据(由持久层)。*

因此,Model Vue Controller (MVC) 模式错误地与 3 层架构相关联,如下所示:



  • View = 数据表示层

  • 控制器 = 业务层

  • 模型 = 数据层

您必须承认,这两个概念很好地结合在一起,但是...

这是错的 ! ❌


但是 Jamy,MVC 是如何成为仅前端模式的?

让我们谈谈控制器,它是故事中的罪魁祸首......

控制器 MVC 的模式元素是控制 Vue .这意味着他与后者强烈耦合,因为他……控制着她。小学我亲爱的华生。

或者,si le C 控制器 认识她 Vue ,它不能驻留在业务层,因为让我们记住: 业务层独立存在 .所以 控制器 MVC 在数据表示层上运行良好,因为它依赖于 Vue ! CQFD


但是为什么我们(错误地)认为 MVC 控制器与业务层相关联呢?


从历史上看,Web 应用程序在服务器端呈现 HTML 页面。因此,客户端发送一个 HTTP 请求,服务器返回一个 HTML 格式的响应,浏览器简单地显示在用户的屏幕上。

在此配置中,HTTP 控制器是 控制器 MVC 因为它收到来自客户端的请求,所以查询 模型 检索数据,然后构建 Vue (HTML)发送回客户端。

最近,随着 Angular 或 React 等框架的到来,整个表示层现在都在客户端。渲染在浏览器中完成;这是著名的 客户端渲染 .除了我们忘记移动所有与之相关的概念外,这就是产生歧义的地方!

因此,在应用程序中 客户端渲染 , HTTP 控制器不是 MVC 控制器。 在这种配置中,HTTP 控制器有一个完全不同的功能:它只是通过 HTTP 协议上的 API 来打开业务层。它的唯一作用是接收客户端请求、查询业务层和呈现数据,通常以 JSON 格式呈现。它不再在数据呈现中扮演任何角色,只在业务层的边缘运行。

所以,混淆了 控制器 MVC 与 HTTP 控制器,我们扭曲了基本概念。我们将业务层定义为 “C” 来自 MVC。这就是混乱的地方!


模型,附带损害

通过将 HTTP 控制器错误识别为 控制器 MVC,它歪曲了对模式的整体理解。事实上,通过这个棱镜,我们可以很自然地将持久层识别为这个著名的理想候选者 模型 ,由我们使用 控制器 ,正如 MVC 向我们展示的那样。

正如您已经可以想象的那样……这是一个错误! 模型不等同于持久层。 根据 MVC, 模型 应该包含业务逻辑,这就是业务层的角色。这 模型 因此是由后者渲染的!


具体来说,在所谓的“经典”Web 应用程序中, ** 模型** 因此被使用 ** 控制器** 客户端。当。。。的时候 ** 控制器** “更新” ** 模型** ,这将转换为对公开业务层的 API 的 http 调用。为了应对变化 ** 模型** , 这 ** 控制器** 所以更新 ** Vue** ,它将被呈现到最终用户的屏幕上。



而这一切的观点?

为了 MVC,我们已经有点赢家了,这部分已经在正确的层了。 — 伊皮!

介于两者之间 客户端渲染 或者 服务器端渲染 , 原理不变;这 控制器 从中检索项目 模型 ,然后构建它的 Vue 和。这 Vue 然后仅限于 HTML 部分。它由 控制器 ,具体取决于您要呈现给用户的数据和逻辑。

如果你使用 反应 或者 ,你可能在不知不觉中做 MVC。

在角度



  • 组件 .TS 包含控制器的所有逻辑

  • 组件 .HTML 是你的看法

  • 服务(API 等)是允许您阅读和更新您的 楷模

并做出反应



  • React 组件包含 控制器

  • render() 函数渲染 Vue

  • 服务(API 等)是允许您阅读和更新您的 楷模

所以 !希望对 MVC 的真正含义有所启发,我希望您不再使用这个词来指定 3 层架构!

很好的一天!


来源

https://martinfowler.com/eaaCatalog/modelViewController.html

Robert C Martin — 清洁架构和设计


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

本文链接:https://www.qanswer.top/37434/55361802



推荐阅读
  • 本文讨论了如何根据特定条件动态显示或隐藏文件上传控件中的默认文本(如“未选择文件”)。通过结合CSS和JavaScript,可以实现更灵活的用户界面。 ... [详细]
  • ASP.NET MVC中Area机制的实现与优化
    本文探讨了在ASP.NET MVC框架中,如何通过Area机制有效地组织和管理大规模应用程序的不同功能模块。通过合理的文件夹结构和命名规则,开发人员可以更高效地管理和扩展项目。 ... [详细]
  • FineUI 是一款基于 jQuery 的专业级控件库,专为 ASP.NET WebForms 和 MVC 开发设计。它提供了丰富的用户界面组件,简化了复杂 Web 应用程序的开发过程。 ... [详细]
  • Struts与Spring框架的集成指南
    本文详细介绍了如何将Struts和Spring两个流行的Java Web开发框架进行整合,涵盖从环境配置到代码实现的具体步骤。 ... [详细]
  • 本文作者分享了在阿里巴巴获得实习offer的经历,包括五轮面试的详细内容和经验总结。其中四轮为技术面试,一轮为HR面试,涵盖了大量的Java技术和项目实践经验。 ... [详细]
  • Java项目分层架构设计与实践
    本文探讨了Java项目中应用分层的最佳实践,不仅介绍了常见的三层架构(Controller、Service、DAO),还深入分析了各层的职责划分及优化建议。通过合理的分层设计,可以提高代码的可维护性、扩展性和团队协作效率。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • Redux入门指南
    本文介绍Redux的基本概念和工作原理,帮助初学者理解如何使用Redux管理应用程序的状态。Redux是一个用于JavaScript应用的状态管理库,特别适用于React项目。 ... [详细]
  • 深入解析SpringMVC核心组件:DispatcherServlet的工作原理
    本文详细探讨了SpringMVC的核心组件——DispatcherServlet的运作机制,旨在帮助有一定Java和Spring基础的开发人员理解HTTP请求是如何被映射到Controller并执行的。文章将解答以下问题:1. HTTP请求如何映射到Controller;2. Controller是如何被执行的。 ... [详细]
  • 本文详细介绍了MySQL数据库中的Bin Log和Redo Log,阐述了它们在日志记录机制、应用场景以及数据恢复方面的区别。通过对比分析,帮助读者更好地理解这两种日志文件的作用和特性。 ... [详细]
  • ssm框架整合及工程分层1.先创建一个新的project1.1配置pom.xml ... [详细]
  • Spring Boot 中静态资源映射详解
    本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ... [详细]
  • 本文介绍了一个基于 Java SpringMVC 和 SSM 框架的综合系统,涵盖了操作日志记录、文件管理、头像编辑、权限控制、以及多种技术集成如 Shiro、Redis 等,旨在提供一个高效且功能丰富的开发平台。 ... [详细]
  • SpringMVC RestTemplate的几种请求调用(转)
    SpringMVCRestTemplate的几种请求调用(转),Go语言社区,Golang程序员人脉社 ... [详细]
  • 在寻找轻量级Ruby Web框架的过程中,您可能会遇到Sinatra和Ramaze。两者都以简洁、轻便著称,但它们之间存在一些关键区别。本文将探讨这些差异,并提供详细的分析,帮助您做出最佳选择。 ... [详细]
author-avatar
mobiledu2502872453
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有