一款名为Blue_Moon的后台模板的初步研究

其介绍曰，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