前后端分离开发流程

前后端分离开发流程

新框架前后端完全分离，后端基于SpringBoot提供 ResultFul的接口服务，前端是基于Layui的全静态页面，这样就对我们的开发流程提出新的要求。
后端人员：按照约定提供经过单元测试的Restful API接口，使后端更关注业务逻辑的实现。

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

开发流程规范：
1、共同约定接口、并维护至DOCLever
前后端人员和项目相关成员，在设计完成后，根据页面和数据库进行梳理，确定调用接口个数和功能，在DOCLever上维护要开发的接口，包括入参和出参。
接口约定是前后端人员后续联调开发的基础，如在开发过程中接口发生变化要及时调整，并告知对方。
DOCLever 使用地址：http://114.112.193.6: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，并配置转换地址进行联调。
配置4a菜单,角色,授权等事项
6、注意事项
部署后,后台服务需要保证regie.isCorsOpen=false或没有配置此参数，所有跨域将由nginx代理。
部署后,net.js中的 sysRoot , domain 不要随便提交.会影响前台测试或正式环境是否能访问对后台接口.