構建基於Javascript的移動web CMS——Hello,World
阿新 • • 發佈：2017-07-20
引用 ack div line gin round bottom log important
在一篇構建基於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="lib/require.js"></script>
</head>
<body>
<h1>My Sample Project</h1>
</body>
</html>我們須要一個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