其介紹曰，Blue Moon后臺管理模板是一款適合微信公眾平臺后臺的藍色清爽風格模板。

1 先看下其效果

表單效果；

圖表效果；

界面元素；按鈕等等；

表格；

左上角用戶登錄；

左上角部分的代碼結構如下；4個li項;

2 總體結構

文件

引用了jquery, jquery ui，bootstrap，jquery.flot.js是

Flot是一個Jquery下圖表插件，簡單使用，交互效果，

原來下載后這貨給出的文件里都是demo；是不能直接改改用的；比如tables是全部表格的效果demo，forms是全部表單的效果demo;index是demo的開始頁，不是一般后臺的起始頁；也沒見到后臺一般的左側導航視圖；要用的話還得自己做很多工作；

3 單個表格

下面看下其demo上的單個表格效果怎么做;從tables.html中去除多余代碼，如下；

單個表格效果；

再去除多余，還剩下如下代碼；這就是這個東西提供的單個表格；

4 用understand分析

下面用代碼分析工具來分析下下載的全部代碼；

unserstand的簡介見

http://blog.csdn.net/bcbobo21cn/article/details/51160712

新建一個understand項目，選擇語言時去掉全部，只剩下web；

選擇和打開項目目錄；

看下understand自動生成的分析圖表；

下圖是文件之間的關系；比較亂；有空研究；

這功能還不錯，understand對選中的每個html文件可給出包含和調用的函數，應該是js函數，還沒細看；

這個也不錯；每個html文件中的元素名稱會被提取出來；

資源下載

http://pan.baidu.com/s/1o7OEMc6

文件名

Blue_Moon.rar

總結

以上是生活随笔為你收集整理的一款名为Blue_Moon的后台模板的初步研究的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。