采用前后端分离的体系架构。采用前后端分离的开发模式的好处是前端、后台互不影响,发挥各自的特长,提高工作效率。前后端根据约定好的接口规范,按照规范的报文格式分别进行独立开发。前后端开发完成后,进行前后端联调,联调过程中对前后端的参数传递,页面串联,业务逻辑等进行验证。
架构采用成熟的开源组件搭建,具有高并发、高性能、组件化等特点。
前端
前端开发框架在开源技术之上进行封装。用到的开源组件有:jQuery、Zepto、Underscore、Handlebars、Requirejs、Sass、Backbone、Gulp、Npm、React、Webpack。
前端开发介于 UI 实现和后端数据对接之间,需要与 UI 设计师和后端开发工程师的频繁沟通,沟通会贯穿整个项目周期。完整的开发流程包括本地开发调试、前后端联调、视觉效果走查确认、测试、上线等环节。严格按照开发流程执行可以大幅降低开发的时间成本,提高开发效率。
前端开发流程如下:
1. 根据高保真设计图输出静态页面。编码过程中,如果认为有不合理或者技术上不能实现的交互及时与 UI 设计师沟通。
2. 前后端开发人员商定 json 数据格式以及出参和入参。Json 数据格式的定义与后端数据建模和后端接口有着密切关系,必须是双方共同完成,发现不合理或需求变更
时双方需及时沟通,防止返工,影响开发进度。
3. 按照定义好的 json 数据格式