首页 > 代码库 > 构建基于Javascript的移动web CMS——Hello,World
构建基于Javascript的移动web CMS——Hello,World
在一篇构建基于Javascript的移动web CMS入门——简介中简单的介绍了关于墨颀CMS的一些原理,其极框架组成,于是开始接着应该说明一下这个CMS是如何一步步搭建起来。
RequireJS 使用
库及依赖
这里用的是bower的JS来下载库,详细可以参考一下bower install js使用bower管理js 这篇文章。
需要下载的库有
- RequireJS
- Backbone
- Underscore
- Mustache
- jQuery
使用RequireJS
引用官网的示例
<!DOCTYPE html> <html> <head> <title>My Sample Project</title> <!-- data-main attribute tells require.js to load scripts/main.js after require.js loads. --> <script data-main="js/main" src=http://www.mamicode.com/"lib/require.js"></script>>我们需要一个require.js和一个main.js放在同一个目录,在main.js中用使用require()来载入需要加载的脚本。
require.config({ baseUrl: ‘lib/‘, paths: { jquery: ‘jquery-2.1.1.min‘ }, shim: { underscore: { exports: ‘_‘ } } }); require([‘../app‘], function(App){ App.initialize(); });在config中可以配置好其他的库,接着调用了app.js。
define([‘jquery‘, ‘underscore‘], function($, _){ var initialize = function() { console.log("Hello World"); } return { initialize: initialize }; });当打开index.html的时候便会在console中输出
Hello World
。这样我们就完成一个基本的框架,只是还没有HTML,这个将会在下次继续。相关资源
QQ讨论群: 344271543
源码 Github: https://github.com/gmszone/moqi.mobi
构建基于Javascript的移动web CMS——Hello,World
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。