前端集成方案——理论(二)

[mominger]

要点图

推荐大家看@张云龙博文。下面阐述下前后协作。前后协作是前后分离的核心。

传统模式

图解

• 优点: 无。
• 缺点：后台、前端分工耦合，效率低，难以维护。
• 代表：FreeMark构建页面。由前端交付静态界面后，后台拼凑成ftl模板。后台主导前后联调。前端主要负责CSS和JS功能组件。

流水线模式

图解

• 优点: 前后台做了分工；前端以流水线投放到各项目，缓解目前前端工程师紧缺的压力；非常适合SPA(Single Page Application)项目。
• 缺点：非SPA项目，后台Controller层涉及需后台处理页面跳转，或界面不方便处理的数据转换，算法等。导致前后台分工耦合。
• 代表：后台提供《URL接口文档》—>前端以模拟数据构建界面—>替换成真实接口进行前后联调—>测试。

全栈模式

　　

图解

• 优点: 完美分工。
• 缺点：UILayer = Controller(java/nodeJS) + 界面，依赖前端工程师掌握java/nodeJS。

如上，传统模式应逐步摒弃。依大部分公司前端紧缺的实际情况来看，先靠向流水线模式。最终实现全栈模式。

理论阐述完毕，继续看实例

[jiuyuehe]

👍 讲的不够细； 各个阶段主要工作可以罗列一下哈