首页 > 代码库 > 构建基于Javascript的移动web CMS入门——简单介绍

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

构建基于Javascript的移动web CMS入门——简单介绍