前端集成方案——理论(二)
要点图
推荐大家看此博文。下面阐述下前后协作。前后协作是前后分离的核心。
传统模式
图解: 优点: 无。
缺点:后台、前端分工耦合,效率低,难以维护。
代表:FreeMark构建页面。由前端交付静态界面后,后台拼凑成ftl模板。后台主导前后联调。前端主要负责CSS和JS功能组件。
流水线模式
图解: 优点: 前后台做了分工;前端以流水线投放到各项目,缓解目前前端工程师紧缺的压力;非常适合SPA(Single Page Application)项目。
缺点:非SPA项目,后台Controller层涉及需后台处理页面跳转,或界面不方便处理的数据转换,算法等。导致前后台分工耦合。
代表:后台提供《URL接口文档》—>前端以模拟数据构建界面—>替换成真实接口进行前后联调—>测试。
全栈模式
图解: 优点: 完美分工。
缺点:UILayer = Controller(java/nodeJS) + 界面,依赖前端工程师掌握java/nodeJS。
如上,传统模式应逐步摒弃。依大部分公司前端紧缺的实际情况来看,先靠向流水线模式。最终实现全栈模式。