Form Builder架構篇

最近在做類似線上 Form Builder 的專案，在此整理相關資料。

• 架構

• Server Side: NodeJS
• Client Side ( MVC / MVVM): 
• EJS：
• 優點 - 語法簡單易學
• 缺點 - 無法雙向binding 
• CanJS：
• 優點 - 可使用EJS語法設計樣板，語法簡單易學、引入 Observe 架構支援雙向Binding
• 缺點 - 因最終產生 Angular2 專案，需同時維護 EJS/Angualr2 兩架構之樣板
• Angular2：
• 優點 - 支援雙向Binding
• 缺點 - 功能豐富且複雜，Render 功能使用此架構略嫌複雜

architecture diagram
(參考來源)

[閱讀清單]

• CanJS API
• Developing a MEAN app with Angular 2.0
• MEAN App with Angular 2 and the Angular CLI
• Drag & Drop with pure JavaScript
• Angular vs React 如何選擇?