構建基於Javascript的移動web CMS入門——簡單介紹

標籤：tin   目的   event   ant   項目   size   rdp   app   輕量級   

看到項目上的移動架構，網上尋找了一下，發現原來這些一開始都有。

於是，找了個示範範例開始構建一個移動平台的CMS——墨頎 CMS，方便項目深入理解的同一時候。也能夠自己維護一個CMS系統。

構建架構

嘗試過用AngularJS和EmberJS。發現對於使用AngluarJS以及EmberJS來說，基本的問題是要使用自己熟悉的東西沒那麼easy引入。並且考慮到Google向來對自己的項目的支援不是非常好~~，所以便放棄了AngluarJS的想法。

於是開始尋找一些方案，可是最後還是選擇了一個比較通用的方案。

1. RequireJS
2. jQuery
3. Underscore
4. Backbone

相對於AngularJS來說，Backbone是一個輕量級的方案，從大小上來說。對於自己來說。靈活性算是當中好的一點，也就是自己能夠任意的增加非常多東西。

關於Backbone

Backbone.js是一套JavaScript架構與RESTful JSON的應用程式介面。也是一套大致上符合MVC架構的編程範型。Backbone.js以輕量為特色。僅僅需依賴一套Javascript 函式庫就可以執行。

詳細功能上應該是

1. Backbone 輕量級，支援jquery，內建路由。對象化視圖，強大的sync機制降低頁面大小從而加快頁面顯示。
2. jQuery jQuery使使用者能更方便地處理HTML（標準通用標記語言 (SGML)下的一個應用）、events、實現動畫效果，並且方便地為網站提供AJAX互動。只是主要是jQuery能夠使使用者的html頁面保持代碼和html內容分離，僅僅需定義id就可以。
3. Underscore是Backbone的依賴庫 Underscore 是一個JavaScript有用庫,提供了相似Prototype.js的一些功能,可是沒有繼承不論什麼JavaScript內建對象。

4. RequireJS 你能夠順序讀取僅須要相關相依模組。

前台UI，使用的是Pure CSS，一個輕量級的CSS架構，可是最後感覺，整體用到一起。大小還是相當的。僅僅是能夠有一個更好的移動體驗。

其它可替換的架構

1. AngularJS。考慮到某些因素，可能會替換掉Backbone，可是還不是當前可行的方案。

   為了學習是一方案，也為了更好的普及某些東西。

2. handlebars Handlebars 是Mustache的改進。顯示與邏輯分離，文法相容Mustache。能夠編譯成代碼，改進Mustache對路徑的支援，可是若須要在服務端執行須要使用服務端Javascript引擎如Node.js。

項目

前後端分離設計，後台對前台僅僅提供JSON資料。所以在某種意義上來說可能會僅僅適合瀏覽，和這個要配合背景架構。總的來說，適合於閱讀類的網站。

原始碼

代碼依舊是放在Github上。準系統已經能夠Works了。

https://github.com/gmszone/moqi.mobi

進展及目的

最後目標:構建一個移動平台的CMS系統。

當前:對於這樣一個項目來說，眼下會考慮優先支援以下的兩個架構，

1. Django+Tastypie API
2. Wordpress

如今：能夠從後台讀取到資料。

其它

一些比較好的資料有

• Organizing your application using Modules
• Converting an existing Backbone.js project to Require.js

相關資源

QQ討論群: 344271543

原始碼 Github: https://github.com/gmszone/moqi.mobi

構建基於Javascript的移動web CMS入門——簡單介紹