B端技术常识:MVC模式(mvc bs)
yund56 2025-04-29 00:56 19 浏览
文章介绍了程序设计中最重要的MVC三层分层模型,与大家分享。
编程语言种类繁多,无论采用哪种语言进行程序设计,都要遵循经典的软件工程设计模式——MVC模式。
MVC是Modeling、View、Controller的缩写,代表软件设计的分层理念:Modeling指数据模型,View指前端交互视图,Controller指业务逻辑,MVC模式下的软件分层结构如下图所示。
任何一套软件系统运作的本质都是相同的:用户在前端交互层操作后,系统通过业务逻辑层处理数据层的数据。不论是BS架构的系统(例如通过浏览器访问的管理后台),还是CS架构的系统(例如App应用),都会遵循MVC模式搭建程序结构。
将一套软件系统分为数据、业务逻辑处理、前端交互三层来设计、开发,可以非常有效地保证程序结构合理、逻辑清晰。
MVC模式下的软件分层结构
我们来具体介绍一下MVC每一层的特点。
一、前端交互层
前端交互层负责绘制程序界面,完成前端程序和用户的交互互动,并实现一些简单的业务逻辑,例如数据校验。常见的负责绘制界面的编程语言有JavaScript、HTML5(即H5,严格来讲不能算编程语言,只是一种记号语言)、PHP等。
前端方向是升级迭代非常快的技术方向,例如针对移动端,有JavaScript、Flex等前端语言;针对PC端,前端语言也从曾经的HTML + JS + CSS,到流行一时的富客户端RIC(Rich Internet Client),再到ExtJS、Node.js等。前端工程师需要不断地刷新自己的技能树,来适应快速变化的前端需求。
二、业务逻辑层
业务逻辑层负责处理业务逻辑,例如在分销运营管理后台的门店列表页,点击“关联账号”按钮,前端交互层把指令发送给业务逻辑层,业务逻辑层要判断门店状态是否能够关联账号、是否有空闲账号可以进行关联等。
开发人员应该尽量将复杂的校验、判断、业务规则都封装在业务逻辑层,这样可以让前端交互层的负担更轻,更容易扩展,因此业务逻辑层是MVC结构中最复杂的部分。
例如,假设分销运营管理后台除了PC版本,还打算做一套H5移动版本,以方便审核人员操作。如果业务逻辑层代码和接口设计良好,则只需要前端工程师实现H5代码即可;但如果之前的前端交互层和业务逻辑层耦合紧密,那么实现H5版本就需要前后端工程师一起调整代码,非常麻烦。
业务逻辑层常用的编程语言有Java、C++、C#、PHP等。
三、数据层
数据层代表底层的数据存储。数据包括结构化数据和非结构化数据,既可以存储在数据库中,也可以存储在文本文件中。数据存储操作一般由程序来完成,例如通过程序对关系型数据库的数据进行增删改查处理。
在早期的软件开发工作中,工程师既要开发前端,也要开发后端,还要设计并管理数据库,可以说是真正的全栈工程师。除此以外,工程师还要承担产品经理的工作,与业务方聊需求、掌控项目进度……
现如今,互联网公司对工作内容的划分非常细致,会将前后端的开发分离。下图所示为前后端分离的MVC模式,不论是CS架构还是BS架构,前端部分统称为客户端,业务逻辑层和数据层统称为服务端。
前端工程师负责客户端开发,后端工程师负责服务端开发,客户端和服务端之间完全通过接口交互。这样便实现了专业化分工,两端的工程师都聚焦于自己的技术领域,让工作更精细专业。
MVC模式下的前后端分离结构
现在,你是否更加理解程序设计的分层模型,以及前后端分离的原因了呢?希望本文能够帮到你。
#专栏作家#
杨堃,公众号:PM杨堃(ID:pmYangKun)。人人都是产品经理专栏作家,《决胜B端》作者,11年互联网研发、产品设计经验,曾就职于传统外资保险公司、百度,现就职于VIPKID。
本文原创发布于人人都是产品经理。未经作者许可,禁止转载。
题图来自Unsplash,基于CC0协议。
相关推荐
- 一对多查询,Vlookup公式组合Countifs,详细解读!
-
我们模拟工作中的使用场景,只保留了关键的两列数据需要根据部门条件,把所有的员工信息给匹配出来首先,当存在多个结果值时,我们去查找的时候,只会返回第一个出现的值:=VLOOKUP(D2,A:B,2,0)...
- 自动获取vlookup函数的第三参数,再也不用一列一列的数了
-
对于vlookup函数,很多人都有会这样的想法:vlookup函数的第三参数为什么就不能自动的获取到呢,还需要一个一个的数太烦人了。有没有什么方法能自动的获取vlookup函数的第三参数呢?当然有了,...
- VLOOKUP函数比对一般用法
-
格式"=VLOOKUP(要查谁,在哪查,返还值为查询范围的第几列,精确还是近似)"。中间用逗号隔开。如:A列为全部人员姓名,B列为对应全部身份证号码,C列为部分人员姓名(有在A列里的,...
- VLOOKUP的这些坑,你都知道吗?
-
VLOOKUP的这些坑,你都知道吗?VLOOKUP是大家常用的查找引用函数,很多人正式学习Excel都是从这个函数开始的,但有的时候VLOOKUP却不太听话,公式返回错误结果,让人苦不堪言。有时明明数...
- 重塑Excel体验:VLOOKUP与公式联动,轻松实现多列信息一键匹配!
-
真心羡慕啊!每次我都要慢悠悠地一个个用VLOOKUP去找数据,跟蜗牛爬似的慢,还容易出错,可你看看人家同事,手一挥,几十秒就搞定了,那叫一个利索!步骤一:输入VLOOKUP函数并设置查找值在需要输入公...
- 巧用Vlookup函数揪出“第三者”
-
在一张Excel表格的重复记录中,让你快速列出每种不同物品第2次或第n次出现的记录,你会怎么做?Vlookup函数就有这个本事。举例来说,产品或者物流表格中往往会记录有同一货物的多笔数据(如下图的今日...
- 一次匹配多个值,Vlookup、Xlookup、Filter公式,你用哪个
-
举个工作实例,左边是员工信息表数据需要根据编号,把后面所有的信息一次性的匹配出来工作中,经常遇到这种问题,有3个公式,可以快速的解决,分别是VLOOKUP公式,XLOOKUP公式,Filter公式1、...
- Excel实例:VLOOKUP与XLOOKUP双条件精确查找、模糊查找
-
咱们今天通过实例聊聊VLOOKUP和XLOOKUP,看看它们在精确和模糊查找上有什么不同。我们假设有一个数据表,这个表里有地区、品类以及对应的金额。根据大区和品类这两个条件,来查找并匹配出相应的金额数...
- 带超链接的Vlookup公式查找匹配,你会么
-
举个例子,左边有源数据,现在我们需要根据部分员工数据,查找匹配工资,并且带一个超链接,当我们点击工资数据时,自动跳转到原数据位置1、查找结果正常我们想查找匹配出结果,用vlookup公式,或xlook...
- Vlookup公式查找出错,原表明明有数据
-
Vlookup公式天天用,但是经常出错,还找不出原因,今天分享3步检查曲,举个工作中的例子:左边是工资表,需要查找匹配部分员工的工资数据1、公式引用出错我们使用VLOOKUP公式,查找匹配,输入的公式...
- 不用嵌套其它函数,VlOOKUP实现一对多查找
-
在处理日常工作时,我们常会遇到一份详细的花名册,其中记录了众多人员的多项信息。然而,当需要从这份名单中快速提取特定人员的相关资料时,一个常见的问题是:目标信息与花名册中的列顺序并不一致。如图所示:面对...
- VLOOKUP函数开挂用法:多表多文件多区域查找大揭秘
-
在日常办公中,Excel堪称我们的得力助手,而VLOOKUP函数更是其中的明星,被大家广泛运用,堪称“数据查找神器”。说起VLOOKUP函数,相信大家都不陌生。最常见的用法,就是在一个表...
- 按需填充 根据指定数字填充重复数据
-
由于公司启用了新标签,现在需要根据盘点产品数重新打印指定数量的标签。比如冰箱4台,洗衣机2台,那么就要在D2:D5数据区域复制4个重复的冰箱品名、2个重复的洗衣机品名,以此类推(图1)。手动复制容易出...
- 那些可以替代VLOOKUP的函数们!
-
大家好,今天我们来讲讲那些和VLOOKUP功能一样的函数们,但是却没有VLOOKUP函数那么有名气,所有总是嫉妒VLOOKUP函数。VLOOKUP函数大家肯定都很熟悉了。VLOOKUP函数是一个查询类...
- VLOOKUP跨表查找,你会吗?
-
VLOOKUP跨表查找,你会吗?VLOOKUP函数是大家最常用的查找引用函数,我们在工作中经常用它按照条件查找对应的数据,但是当数据源分散在多张工作表中时,你知道怎么跨表查找吗?今天我通过一个Exce...
- 一周热门
- 最近发表
- 标签列表
-
- filter函数js (37)
- filter函数excel用不了 (73)
- 商城开发 (40)
- 影视网站免费源码最新版 (57)
- 影视资源api接口 (46)
- 网站留言板代码大全 (56)
- java版软件下载 (52)
- java教材电子课本下载 (48)
- 0基础编程从什么开始学 (50)
- java是用来干嘛的 (51)
- it入门应该学什么 (55)
- java线上课程 (55)
- 学java的软件叫什么软件 (38)
- 程序开发软件有哪些 (53)
- 软件培训 (59)
- 机器人编程代码大全 (50)
- 少儿编程教程免费 (45)
- 新代系统编程教学 (61)
- 共创世界编程网站 (38)
- 亲测源码 (36)
- 三角函数积分公式表 (35)
- 函数的表示方法 (34)
- 表格乘法的公式怎么设置 (34)
- sumif函数的例子 (34)
- 图片素材 (36)