百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

一文快速理解Web应用框架MVC设计模式

ccwgpt 2024-09-13 16:17 93 浏览 0 评论

MVC设计模式是Web应用程序的基本应用架构之一,也是目前在Web开发过程中较为流程的开发架构之一。MVC设计模式与具体所使用的的服务器端语言无关,各主流Web服务器端语言基本上都提供基于MVC设计模式的完整解决方案。通过使用MVC设计模式可以有效实现Web程序前后端的分离,可以提高Web开发的效率与质量。本文主要从MVC基本原理角度对该设计模式进行说明,并给出部分编程语言下MVC的应用实例。


MVC的基本概念

MVC设计模式是一种逻辑架构设计模式,它将整个Web应用划分为三个层次,分别为M、V、C。三字母分别代表Model(模型)、View(视图)、Controller(控制器)。其中:

M:模型层,主要用于对Web应用程序业务规则进行抽象、封装与建模,简单理解Model可以理解为面向对象类,用于实现对业务进行抽象封装,统一对外提供业务功能。

V:视图,主要用于输出展示页面内容,对于Web应用程序最终输出的内容为HTML文档结构,因此视图主要负责返回用户浏览器HTML页面信息。

C:控制器,控制器是联系模型与视图的桥梁,对于用户前端交互请求发送到服务器端之后,通过选择不同的控制器,调用Model中定义的业务逻辑,将运行结果传递给View视图,最终输出到客户端。

除以上基本概念与对象之外,在MVC模式下一般还包括路由机制网页模板两类对象概念。它们也是MVC设计模式实现过程的重要组成部分。


1、路由机制

路由从字面理解即为路径、路途来源等概念。路由在MVC模式下是指针对前端发送的页面访问请求,交由合适的控制器去处理。一个企业级应用Web,在MVC模式下每一个控制器对应一个特定的业务逻辑。因此需要准确将访问请求交由控制器处理。

2、Web Page模板

前端网页设计过程中,针对页面较多情况,往往将各页面公共部分抽象成网页的模板,在实际交互操作过程中通过对模板指定位置写入数据生成视图,将生成后的结果返回客户端浏览器。


MVC模式工作原理

MVC工作过程描述如下图所示,从用户发出HTTP访问请求,到服务器端以HTML、CSS等返回视图结束,一共需要经历5个步骤,分别描述为:

1、发送HTTP请求

用户通过浏览器地址栏填写访问申请HTTP请求,经过网络发送到服务器端。绝大部分服务器端支持控制器加方法形式进行访问,如我们访问HomeController控制器下的index方法,则可以定义请求http://***.com/Home/index。

2、路由到指定控制器

因为发送的访问请求是具有特殊格式的,如上一条所给出的示例。在服务器端可从请求中提出出控制器与方法。上例中控制器位HomeController、方法名称为index,因此可以交由该控制器的index方法进行处理。

3、调用模型(与模型相互作用)

在处理请求的方法,如index中需要针对某一业务进行操作,因此在编写实现该方法时需要调用封装好点的业务逻辑规则进行业务处理。即调用model进行业务的处理。

4、控制器调用视图

控制器调用业务模型处理完成之后,需要将处理结果渲染到View视图中。在渲染过程中可能需要调用页面模板,实现对指定内容进行填充。

5、客户端呈现视图

视图渲染完成生成操作结果页面之后,通过互联网网络将HTML等文件直接发送客户端浏览器,由浏览器负责解释。


MVC的应用

目前绝大多数服务端编程语言都支持MVC设计模式,如PHP、ASP.NET等。其中PHP第三方服务器框架laravel是使用较为广泛的MVC设计模式。ASP.NET通过其提供的asp.net mvc 5实现对MVC设计模式的支持。这些基于MVC的设计模式,工作过程与原理基本一致。


本头条号长期关注编程资讯分享;编程课程、素材、代码分享及编程培训。如果您对以上方面有兴趣或建议与意见,可以联系作者,共同探讨。期待大家关注!相关文章链接如下:

架构设计-PHP+MySQL高负载高并发架构设计的思考

Laravel框架-用户注册功能实现(路由、控制器、视图)

相关推荐

团队管理“布阵术”:3招让你的团队战斗力爆表!

为何古代军队能够以一当十?为何现代企业有的团队高效似“特种部队”,有的却松散若“游击队”?**答案正隐匿于“布阵术”之中!**今时今日,让我们从古代兵法里萃取3个核心要义,助您塑造一支战斗力爆棚的...

知情人士回应字节大模型团队架构调整

【知情人士回应字节大模型团队架构调整】财联社2月21日电,针对原谷歌DeepMind副总裁吴永辉加入字节跳动后引发的团队调整问题,知情人士回应称:吴永辉博士主要负责AI基础研究探索工作,偏基础研究;A...

豆包大模型团队开源RLHF框架,训练吞吐量最高提升20倍

强化学习(RL)对大模型复杂推理能力提升有关键作用,但其复杂的计算流程对训练和部署也带来了巨大挑战。近日,字节跳动豆包大模型团队与香港大学联合提出HybridFlow。这是一个灵活高效的RL/RL...

创业团队如何设计股权架构及分配(创业团队如何设计股权架构及分配方案)

创业团队的股权架构设计,决定了公司在随后发展中呈现出的股权布局。如果最初的股权架构就存在先天不足,公司就很难顺利、稳定地成长起来。因此,创业之初,对股权设计应慎之又慎,避免留下巨大隐患和风险。两个人如...

消息称吴永辉入职后引发字节大模型团队架构大调整

2月21日,有消息称前谷歌大佬吴永辉加入字节跳动,并担任大模型团队Seed基础研究负责人后,引发了字节跳动大模型团队架构大调整。多名原本向朱文佳汇报的算法和技术负责人开始转向吴永辉汇报。简单来说,就是...

31页组织效能提升模型,经营管理团队搭建框架与权责定位

分享职场干货,提升能力!为职场精英打造个人知识体系,升职加薪!31页组织效能提升模型如何拿到分享的源文件:请您关注本头条号,然后私信本头条号“文米”2个字,按照操作流程,专人负责发送源文件给您。...

异形柱结构(异形柱结构技术规程)

下列关于混凝土异形柱结构设计的说法,其中何项正确?(A)混凝土异形柱框架结构可用于所有非抗震和抗震设防地区的一般居住建筑。(B)抗震设防烈度为6度时,对标准设防类(丙类)采用异形柱结构的建筑可不进行地...

职场干货:金字塔原理(金字塔原理实战篇)

金字塔原理的适用范围:金字塔原理适用于所有需要构建清晰逻辑框架的文章。第一篇:表达的逻辑。如何利用金字塔原理构建基本的金字塔结构受众(包括读者、听众、观众或学员)最容易理解的顺序:先了解主要的、抽象的...

底部剪力法(底部剪力法的基本原理)

某四层钢筋混凝土框架结构,计算简图如图1所示。抗震设防类别为丙类,抗震设防烈度为8度(0.2g),Ⅱ类场地,设计地震分组为第一组,第一自振周期T1=0.55s。一至四层的楼层侧向刚度依次为:K1=1...

结构等效重力荷载代表值(等效重力荷载系数)

某五层钢筋混凝土框架结构办公楼,房屋高度25.45m。抗震设防烈度8度,设防类别丙类,设计基本地震加速度0.2g,设计地震分组第二组,场地类别为Ⅱ类,混凝土强度等级C30。该结构平面和竖向均规则。假定...

体系结构已成昭告后世善莫大焉(体系构架是什么意思)

实践先行也理论已初步完成框架结构留余后人后世子孙俗话说前人栽树后人乘凉在夏商周大明大清民国共和前人栽树下吾之辈已完成结构体系又俗话说青出于蓝而胜于蓝各个时期任务不同吾辈探索框架结构体系经历有限肯定发展...

框架柱抗震构造要求(框架柱抗震设计)

某现浇钢筋混凝土框架-剪力墙结构高层办公楼,抗震设防烈度为8度(0.2g),场地类别为Ⅱ类,抗震等级:框架二级,剪力墙一级,混凝土强度等级:框架柱及剪力墙C50,框架梁及楼板C35,纵向钢筋及箍筋均采...

梁的刚度、挠度控制(钢梁挠度过大会引起什么原因)

某办公楼为现浇钢筋混凝土框架结构,r0=1.0,混凝土强度等级C35,纵向钢筋采用HRB400,箍筋采用HPB300。其二层(中间楼层)的局部平面图和次梁L-1的计算简图如图1~3(Z)所示,其中,K...

死要面子!有钱做大玻璃窗,却没有钱做“柱和梁”,不怕房塌吗?

活久见,有钱做2层落地大玻璃窗,却没有钱做“柱子和圈梁”,这样的农村自建房,安全吗?最近刷到个魔幻施工现场,如下图,这栋5开间的农村自建房,居然做了2个全景落地窗仔细观察,这2个落地窗还是飘窗,为了追...

不是承重墙,物业也不让拆?话说装修就一定要拆墙才行么

最近发现好多朋友装修时总想拆墙“爆改”空间,别以为只要避开承重墙就能随便砸!我家楼上邻居去年装修,拆了阳台矮墙想扩客厅,结果物业直接上门叫停。后来才知道,这种配重墙拆了会让阳台承重失衡,整栋楼都可能变...

取消回复欢迎 发表评论: