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

 

要點圖

 

推薦你們看 此博文。下面闡述下先後協做。先後協做是先後分離的核心。

 

 

傳統模式

 

 

 

 

圖解:  優勢: 無。

         缺點：後臺、前端分工耦合，效率低，難以維護。

         表明：FreeMark構建頁面。由前端交付靜態界面後，後臺拼湊成ftl模板。後臺主導先後聯調。前端主要負責CSS和JS功能組件。

 

流水線模式

 

圖解:  優勢: 先後臺作了分工；前端以流水線投放到各項目，緩解目前前端工程師緊缺的壓力；很是適合SPA(Single Page Application)項目。

         缺點：非SPA項目，後臺Controller層涉及需後臺處理頁面跳轉，或界面不方便處理的數據轉換，算法等。致使先後臺分工耦合。

         表明：後臺提供《URL接口文檔》—>前端以模擬數據構建界面—>替換成真實接口進行先後聯調—>測試。

 

全棧模式

　　

 

圖解:   優勢: 完美分工。

          缺點：UILayer = Controller(java/nodeJS) + 界面，依賴前端工程師掌握java/nodeJS。

 

   如上，傳統模式應逐步摒棄。依大部分公司前端緊缺的實際狀況來看，先靠向流水線模式。最終實現全棧模式。

   

理論闡述完畢，點這裏看實例