前后端分离及项目开发流程

前后端分离开发流程

新框架前后端完全分离,后端基于SpringBoot提供 ResultFul的接口服务,前端是基于Layui的全静态页面,这样就对我们的开发流程提出新的要求。

后端人员:按照约定提供经过单元测试的Restful API接口,使后端更关注业务逻辑的实现。

前端人员:按界面要求完成页面的展现开发和逻辑跳转,使前端更关注页面的布局样式和交互。

开发流程规范:

1、共同约定接口、并维护至DOCLever

前后端人员和项目相关成员,在设计完成后,根据页面和数据库进行梳理,确定调用接口个数和功能,在DOCLever上维护要开发的接口,包括入参和出参。

接口约定是前后端人员后续联调开发的基础,如在开发过程中接口发生变化要及时调整,并告知对方。

DOCLever 使用地址::32500/html/web/controller/index/index.html

2、前端开发页面,并使用模拟数据调试

前端人员根据页面设计,参考Demo,进行开发页面

使用NodeJS,模拟请求DOCLever服务端Mock生成的数据,进行调试和页面跳转测试(DOCLever的Mock使用指南请点击查看)

3、后端开发服务端、并进行单元测试

服务端人员开发 entity、dao、service、controller 编写业务逻辑。(可使用代码生成工具生成,进行修改,具体使用方法请点击查看)

使用MockMvc 编写单元测试,对开发功能进行测试。(具体使用方法,请点击查看)

4、前后端本地联调

使用NodeJS,代理转发请求到后端开发人员机器进行联调

直接连开发机器联调,需要修改前台net.js中sysRoot=后台接口api地址/contextPath值,后台需要检查是否开启跨域(regie.isCorsOpen=true)

5、Nginx部署联调

将开发的服务端,打包部署到服务器

将开发的页面,打包部署到Nginx,并配置转换地址进行联调。

项目开发的一般流程:

->需求会议

->排期会议

->项目开发

->项目联调

->showcase会议(向测试人员展示开发的功能。)

->项目提测

->项目debug

项目debug需要在相关平台上进行展示出来并设置其重要程度和需花费的时间

->项目发布

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
Your dream is like a flower. if you water it patiently, the flower will come out beautifully.
即使是最简单的梦想,用心浇灌,也能开出绚烂的花