構建基於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