浅谈前后端分工协作

一、前后端分离的基本概念

前端后端交互,基本上是基于http+json的形式。后端专注于提供数据,更重要职责是维护系统架构的稳定,保证数据的安全。前端人员专注于交互,快速响应UI的变化。

双方交互基于http+json接口,后端人员基本只对接口负责,无需负责js和html的代码。前端人员只对界面展示交互负责,对于后端http接口如何提供正确的数据无需负责。

前后端分离的主要概念就是:后台只需提供API接口,前端调用AJAX实现数据呈现。

二:前后端分离的意义

1:彻底解放前端,前端不再需要向后台提供模板或是后台在前端html中嵌入后台代码

2:提高工作效率,分工更加明确,前后端分离的工作流程可以使前端只关注前端的事,后台只关心后台的活,两者开发可以同时进行,在后台还没有时间提供接口的时候,前端可以先将数据写死或者调用本地的json文件即可,页面的增加和路由的修改也不必再去麻烦后台,开发更加灵活。

3:局部性能提升,通过前端路由的配置,我们可以实现页面的按需加载,无需一开始加载首页便加载网站的所有的资源,服务器也不再需要解析前端页面,在页面交互及用户体验上有所提升。

4:降低维护成本,通过目前主流的前端MVC框架,我们可以非常快速的定位及发现问题的所在,客户端的问题不再需要后台人员参与及调试,代码重构及可维护性增强。

5、有利于产品的组件化,由于前后端分离,有利于迅速二次开发推出新产品。

6、减少后端新人上手项目的难度,提高产品的可维护性和可拓展性。

7、基于原有后端接口,有利于后期在安卓,ios,微信等其他不同平台进行产品二次开发。

三:实现分离的基本合作思路

1、评审阶段:产品经理与前后端进行需求评审,各自理解清楚自己的业务量以及联调的工作量,评估开发时间。

2、开发准备阶段:前后端一起商量需求中需要联调的部分,进行接口的口头协议交流。

3、接口定义阶段:前后端一方中,前后端中的一方根据之前的口头协议拟定出一份详细的接口,并编写服务接口定义,完成后由另一方确认。有疑问的地方重新商量直至双方都没有问题。

4、开发阶段:双方根据协商出来的接口为基础进行开发,如在开发过程中发现需要新增或删除一些字段,重复步骤3。

(注意:前端在开发过程中记得跟进接口,mock数据进行本地测试,后端修改接口需要跟前端协商清楚再改。 )

5、联调阶段:双方独自的工作完成,开始前后端联调,如在联调过程发现有疑问,重复步骤3,直至联调完成。

6、提测阶段:将完成的需求提给测试人员,让其对该需求进行测试,如发现问题,及时通知开发并让其修改,直至需求没有bug。

7、发布阶段:前后端双方在保证步骤1-5都没有问题了,进行各自的代码发布,完成后由测试人员在线上进行相应的测试,如果有bug,重复步骤6和7,直至成功上线。

四:相关问题及解决建议

1、前后端分离会带来前后端沟通成本的问题,相比不分离,能减少开发的总时间吗?

能减少开发的总时间,理由如下:

(1)、基于对接口负责的原则,前后端分离后,只需做好各种熟悉领域的事情。

后端专注于提供数据,更重要职责是维护系统架构的稳定,保证数据的安全。

前端人员专注于交互,快速响应UI的变化。

(2)、前后端分离确实会带来沟通成本的问题,这方面需要前后端遵守合作流程,适应新的合作模式,可以提高沟通效率。总体而言,利大于弊。

2、接口定义阶段,接口谁定?

回答:建议后端开发人员定,需要前端人员评审。

3、联调阶段,前端是基于后端的开发人员的机器联调,还是基于后端一个开发公共环境联调?

回答:前端应该基于后端的一个公共开发环境联调,理由如下:

(1)、开发过程中,后端开发人员机器环境不稳定,后端人员在调速中会时不时进行断点调试,重启机器的服务器。

(2)、公共开发环境由开发人员负责更新程序,并需要在更新程序前把代码提交代码仓库,这样有利于前端有一个实时更新,稳定的调试环境。

前后端分离的核心:后台提供数据,前端负责显示

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,861评论 25 708
  • 前言 最近这一段时间由于Nodejs的逐渐成熟和日趋稳定,越来越多的公司中的前端团队开始尝试使用Nodejs来练一...
    a3b267eac00f阅读 3,343评论 3 26
  • 去年年初跟初中同学借钱,初中同学来往的也就这四个,其中二个没回我话,一个是银行的我变相的告诉他要用钱急用钱!帮我问...
    顽爸的腔调阅读 386评论 0 3
  • 早上起得挺早,早饭喝粥没喝多少。今天寿星生日,娃哥来了。知道娃还没好利索,但没办法还是要上班去。在单位学习了社会心...
    圈_圈_阅读 99评论 0 0
  • 利用了两天时间建八个测试项目各种报错,今天终于有所收获,此文章贡献给和我一样还在摸索的人,希望能有点帮助,也便于以...
    真的很菜阅读 1,638评论 0 3