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

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

因而，找了個演示樣例開始構建一個移動平臺的CMS——墨頎 CMS，方便項目深刻理解的同一時候。也可以本身維護一個CMS系統。

構建框架

嘗試過用AngularJS和EmberJS。發現對於使用AngluarJS以及EmberJS來講，基本的問題是要使用本身熟悉的東西沒那麼easy引入。而且考慮到谷歌向來對本身的項目的支持不是很是好~~，因此便放棄了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（標準通用標記語言下的一個應用）、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