search

mominger / blog

Tech blog
45 stars 3 forks source link

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

Open mominger opened 9 years ago

mominger commented 9 years ago

要点图

2

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

传统模式

default

图解

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

    流水线模式

-- 2

图解

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

    全栈模式

-- 3

　　

图解

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

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

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

jiuyuehe commented 9 years ago

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