構建基於JAVASCRIPT的移動WEB CMS入門——簡介（轉載）

構建基於JAVASCRIPT的移動WEB CMS入門——簡介

發佈時間:2014-07-17 14:16:18.035763

 

看到項目上的移動框架，網上尋找了一下，發現原來這些一開始都有。因而，找了個示例開始構建一個移動平臺的CMS——墨頎 CMS，方便項目深刻理解的同時，也能夠本身維護一個CMS系統。

構建框架

嘗試過用AngularJS和EmberJS，發現對於使用AngluarJS以及EmberJS來講，主要的問題是要使用本身熟悉的東西沒那麼容易引入。並且考慮到谷歌向來對本身的項目的支持不是很好~~，因此便放棄了AngluarJS的想法。

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

• RequireJS
• jQuery
• Underscore
• Backbone

相對於AngularJS來講，Backbone是一個輕量級的方案，從大小上來講。對於本身來講，靈活性算是其中好的一點，也就是本身能夠隨意的加入不少東西。

關於BACKBONE

Backbone.js是一套JavaScript框架與RESTful JSON的應用程式接口。也是一套大體上符合MVC架構的編程範型。Backbone.js以輕量爲特點，只需依賴一套Javascript 函式庫便可運行。

具體功能上應該是

• Backbone 輕量級，支持jquery，自帶路由，對象化視圖，強大的sync機制減小頁面大小從而加快頁面顯示。
• jQuery jQuery使用戶能更方便地處理HTML（標準通用標記語言下的一個應用）、events、實現動畫效果，而且方便地爲網站提供AJAX交互。不過主要是jQuery可以使用戶的html頁面保持代碼和html內容分離，只需定義id便可。
• Underscore是Backbone的依賴庫 Underscore 是一個JavaScript實用庫,提供了相似Prototype.js的一些功能,可是沒有繼承任何JavaScript內置對象。
  • RequireJS 你能夠順序讀取僅須要相關依賴模塊。

前臺UI，使用的是Pure CSS，一個輕量級的CSS框架，可是最後感受，整體用到一塊兒，大小仍是至關的。只是能夠有一個更好的移動體驗。

其餘可替換的框架

AngularJS，考慮到某些因素，可能會替換掉Backbone，可是還不是當前可行的方案。爲了學習是一方案，也爲了更好的普及某些東西。

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

項目

先後端分離設計，後臺對前臺只提供JSON數據，因此在某種意義上來講可能會只適合瀏覽，和這個要配合後臺的框架。總的來講，適合於閱讀類的網站。

源碼

代碼依然是放在Github上，基本功能已經能夠Works了。

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

進展及目的

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

當前:對於這樣一個項目來講，目前會考慮優先支持下面的兩個框架，

• Django+Tastypie API
• Wordpress

如今：能夠從後臺讀取到數據。

其餘

一些比較好的資料有

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