B端技术常识之——MVC模式

杨堃 · 2019-11-05
程序设计为什么有前后端分离?研发团队为什么要分为前端团队和后端团队?

编者按:本文来自微信公众号“ PM杨堃 ”(ID:pmYangKun),作者杨堃,36氪经授权发布。

本文节选自我的著作《决胜B端》,介绍程序设计中最重要的MVC三层分层模型。接下来的几篇推送,我会摘录书中关于技术知识的探讨,分享给大家。

编程语言种类繁多,无论采用哪种语言进行程序设计,都要遵循经典的软件工程设计模式——MVC模式。

MVCModeling、View、Controller的缩写,代表软件设计的分层理念。Modeling指数据模型,View指前端交互视图,Controller指业务逻辑,MVC模式下的软件分层结构如下图所示。任何一套软件系统运作的本质都是相同的:用户在前端交互层操作后,系统通过业务逻辑层处理数据层的数据。不论是BS架构的系统(例如通过浏览器访问的管理后台),还是CS架构的系统(例如App应用),都会遵循MVC模式搭建程序结构。将一套软件系统分为数据、业务逻辑处理、前端交互三层来设计、开发,可以非常有效地保证程序结构合理、逻辑清晰。

B端技术常识之——MVC模式

MVC模式下的软件分层结构

我们来具体介绍一下MVC每一层的特点。

前端交互层

前端交互层负责绘制程序界面,完成前端程序和用户的交互互动,并实现一些简单的业务逻辑,例如数据校验。常见的负责绘制界面的编程语言有JavaScript、HTML5(即H5,严格来讲不能算编程语言,只是一种记号语言)、PHP等。

前端方向是升级迭代非常快的技术方向,例如针对移动端,有JavaScript、Flex、Objective-C、Kotlin等前端语言;针对PC端,前端语言也从曾经的HTML + JS + CSS,到流行一时的富客户端RIC(Rich Internet Client),再到ExtJS、Node.js等。前端工程师需要不断地刷新自己的技能树,来适应快速变化的前端需求。

业务逻辑层

业务逻辑层负责处理业务逻辑,例如在分销运营管理后台的门店列表页,点击“关联账号”按钮,前端交互层把指令发送给业务逻辑层,业务逻辑层要判断门店状态是否能够关联账号、是否有空闲账号可以进行关联等。

开发人员应该尽量将复杂的校验、判断、业务规则都封装在业务逻辑层,这样可以让前端交互层的负担更轻,更容易扩展,因此业务逻辑层是MVC结构中最复杂的部分。

例如,假设分销运营管理后台除了PC版本,还打算做一套H5移动版本,以方便审核人员操作。如果业务逻辑层代码和接口设计良好,则只需要前端工程师实现H5代码即可;但如果之前的前端交互层和业务逻辑层耦合紧密,那么实现H5版本就需要前后端工程师一起调整代码,非常麻烦。

业务逻辑层常用的编程语言有Java、C++、C#、PHP等。

数据层

数据层代表底层的数据存储。数据包括结构化数据和非结构化数据,既可以存储在数据库中,也可以存储在文本文件中。数据存储操作一般由程序来完成,例如通过程序对关系型数据库的数据进行增删改查处理。

在早期的软件开发工作中,工程师既要开发前端,也要开发后端,还要设计并管理数据库,可以说是真正的全栈工程师。除此以外,工程师还要承担产品经理的工作,与业务方聊需求、掌控项目进度……

现如今,互联网公司对工作内容的划分非常细致,会将前后端的开发分离。下图所示为前后端分离的MVC模式,不论是CS架构还是BS架构,前端部分统称为客户端,业务逻辑层和数据层统称为服务端。前端工程师负责客户端开发,后端工程师负责服务端开发,客户端和服务端之间完全通过接口交互。这样便实现了专业化分工,两端的工程师都聚焦于自己的技术领域,让工作更精细专业。

B端技术常识之——MVC模式

MVC模式下的前后端分离结构

现在,你是否更加理解程序设计的分层模型,以及前后端分离的原因了呢?希望本文能够帮到你。

看过来

36氪「E-Club创变者俱乐部」首批CEO招募,依托36氪媒体洞察力、影响力和产业资源优势,连接价值创投圈资源与人脉,为创业加速赋能。洞察核心需求精心打磨五大权益,助创业路上的你一臂之力!B端技术常识之——MVC模式

+1

好文章,需要你的鼓励

参与评论
登录后才能参与讨论哦...
后参与讨论
提交评论0/1000

请回复有价值的信息,无意义的评论将很快被删除,账号将被禁止发言。

下一篇

第三届中国企业改革发展论坛在济举办,聚焦新旧动能转换。

2019-11-05

36氪APP让一部分人先看到未来
36氪
鲸准
氪空间

为你推送和解读最前沿、最有料的科技创投资讯

一级市场金融信息和系统服务提供商

聚集全球最优秀的创业者,项目融资率接近97%,领跑行业