构建基于Javascript的移动web CMS入门

移动开发
看到项目上的移动框架,网上寻找了一下,发现原来这些一开始都有。于是,找了个示例开始构建一个移动平台的CMS——墨颀 CMS,方便项目深入理解的同时,也可以自己维护一个CMS系统。

看到项目上的移动框架,网上寻找了一下,发现原来这些一开始都有。于是,找了个示例开始构建一个移动平台的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

现在:可以从后台读取到数据。

其他

一些比较好的资料有

责任编辑:闫佳明 来源: phodal
相关推荐

2014-07-21 10:56:16

web CMSJavascriptjQuery插件

2010-11-26 09:36:41

移动互联网移动Web界面Web站点

2012-03-06 16:57:40

jQuery mobijQuery mobiframework

2012-05-14 17:35:28

移动Web

2014-03-25 14:21:18

WebSocket实时

2011-06-13 10:54:20

JAVA

2012-03-21 09:36:33

ibmdw

2014-03-28 15:36:43

移动WebJavaScript开发框架

2018-10-15 10:22:51

2011-05-25 09:34:30

HTML5cssjavascript

2011-08-22 10:11:03

JavaScript

2009-03-17 09:15:20

图表框架CSSJavaScript

2012-10-09 11:02:11

IBMdw

2021-11-22 09:00:00

后端开发CMS

2023-01-18 08:10:34

Web3Web2JavaScript

2014-03-27 10:28:31

移动Web开发框架

2020-03-20 19:37:03

JavascriptWeb前端

2012-09-04 10:15:00

IBMdw

2023-03-31 07:36:12

2012-10-09 10:58:56

IBMdw
点赞
收藏

51CTO技术栈公众号