一款名为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

时间: 2024-10-18 00:27:51

一款名为Blue_Moon的后台模板的初步研究的相关文章

一款蓝色的企业网站后台模板_简单的后台模——后台

链接:http://pan.baidu.com/s/1o78Dx3s 密码:sxof

基于HTML5 Bootstrap搭建的后台模板,分页,模糊查询已经全部JS实现,无需编码,嵌入数据即可开发,内置8款皮肤,欧美风格,非常好用!

原文:基于HTML5 Bootstrap搭建的后台模板,分页,模糊查询已经全部JS实现,无需编码,嵌入数据即可开发,内置8款皮肤,欧美风格,非常好用! 源代码下载地址:http://www.zuidaima.com/share/1550463575788544.htm 分页,查询功能已经全部用JS实现,无需再做此类代码编写,嵌入数据即可,真心美观好用.       

简洁AngularJS框架后台管理系统bootstrap后台模板

最近在做一个后台管理的项目,但是没有设计图完全,所以就发现一款非常不错的模版. 这个模版是基于 AngularJS 和 bootstrap 的后台管理系统模版. Minovate是 AngularJS 高级管理系统模板.它建造在流行的Twitter Bootstrapv3框架上.Minovate完全基于HTML5 + CSS3标准.是充分响应的支持每一个设备和浏览器. Minovate包含许多示例页面可以使用它的元素和可定制的.你可以选择6种颜色的头部样式.导航.你可以切换固定导航,标题和选择等

基于Bootstrap的网站后台模板Unicorn - Admin Template最新无错版下载

Unicorn - Admin Template Unicorn - Admin Template 是一款支持视网膜屏幕.完全响应式布局,可用于任何应用程序的管理模板.该面板适应任何宽度的设备.无论是智能手机.平板电脑或桌面浏览器都能完美适应.最新版本基于 Bootstrap 3 构建. 使用LESS编译 响应式设计,支持任何的PC或MAC系统,智能手机和平板电脑.Responsive Design, support any PC or MAC systems, phones and table

12个免费的 Twitter Bootstrap 后台模板

在互联网上提供很多免费的 Bootstrap 管理后台主题.所有你需要做的就是将它们下载并安装它们,这真的不是什么难事.问题是如何寻找到能够完美符合您的网站需求的主题.当然,你可以自己制作自定义的主题,但时间和资源都是很高贵的,所以在这里我们集合了互联网上一些最好的主题. 您可能感兴趣的相关文章 流行 Metro UI 风格 Bootstrap 主题和模板 12款优秀的 Twitter Bootstrap 组件和工具 赞!基于 Bootstrap 的响应式后台管理模板 基于 Twitter Bo

Bootstrap精品模板推荐(企业模板 后台模板都有)

Bootstarp是目前最流行的前端框架没有之一,目前很多的网站系统都是基于它的基础搭建的.最主要的是它使用起来很方便,下面给大家推荐几款很不错的模板 后台模板 漂亮的单页模板

30个经典的后台模板

下载地址:http://download.csdn.net/album/detail/1439 1.简单的绿色后台登录模板 2.简单清爽橙色后台模板 3.国外简单后台模板[5] 4.国外简单后台模板[4] 5.多风格多功能后台管理模板 6.专业银行结算系统后台模板 7.超漂亮的电子商务管理平台模板 8.dedecms绿色后台html版 9.一款不错的网络办公系统登录页面 10.网站管理系统后台模板 11.汽车美容连锁网站管理系统模板 12.网站后台管理系统模板 13.蓝色干净简洁的后台模板 14

最新的建站(小说站)分享(一)--后台模板及网站配置

最近老板叫我们自己写一个站,练练手.不能让我们闲着...我想到底该些什么呢,想到自己平时挺喜欢看小说的,就决定写一个小说站了. 不多说,想好就立即行动,开始没什么头绪,想了半天不知道该怎么写.于是乎就在网上搜了好多相关的资料,和我们技术总监讨论了好久,现在终于有点眉目了,下面就开始向大家介绍一下我写小说站的经历,只能作为新手参考,大神轻点喷! 小说站说难不难,说简单也没辣么简单.挺适合练手的,小说站整体来说要比企业站难一点,里面的分类是重头戏,小说种类太多,要分很多类,这里的分类以后再说. 这里

Matrix Admin 后台模板笔记

一个后台模板用久了就想换一个.上次找到了Matrix Admin.和ACE一样都是Bootstrap风格,比较容易上手.Matrix要更健壮些.感觉拿去做用户界面也是可以的. 整体风格: 1.表单验证 验证是借助于jquery.validate.js . 有丰富的验证方法,更多API请戳这里 js: $("#basic_validate").validate({ rules:{ required:{ required:true }, email:{ required:true, ema