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