构建基于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