下载跟查看说明文档:官方
官网:http://www.h-ui.net/H-ui.admin.shtml 后台,http://www.h-ui.net/ 前台
简单介绍下:
H-ui前端框架是在bootstrap的思想基础上基于 HTML、CSS、JAVASCRIPT开发的轻量级web前端框架,开源免费,简单灵活,兼容性好,满足大多数中国网站。分了前端UI与后端UI。
国人生产! 符合国人!
先看下官网的一些常见问题: 先知道下
==========================================================
\根目录
│ _blank.html 空白页(每次我们都拿空白页去创建,这样比较干净!)
│ _footer.html 页脚公共代码片段
│ _header.html 头部公共代码片段
│ _meta.html meta公共代码片段
│ robots.txt 搜索引擎爬虫配置文件
│ login.html 管理员登陆
│ index.html 首页(主框架)
│ welcome.html 我的桌面(默认永远打开的页面)
│ member-开头的 用户相关
│ artice-开头的 资讯相关
│ picture-开头的 图片相关
│ product-开头的 产品相关
│ page-开头的 页面相关
│ system-开头的 系统相关
│ admin-开头的 管理员相关
│ charts-开头的 统计相关
……
├─css
│ H-ui.reset.css H-ui.reset css
│ H-ui.css h-ui CSS
│ H-ui.min.css h-ui CSS 压缩版
│ H-ui.login.css H-ui.admin后台登录样式
│ H-ui.admin.css H-ui.admin样式
│ style.css 写你自己的样式
│
├─images UI相关的图片素材
│
├─js
│ H-ui.js H-ui核心脚本
│ H-ui.admin.js 本站相关的js
├─lib
│ jquery jQuery类库(v1.9.1)
│ bootstrapSwitch 开关控件
│ Hui-iconfont_v1.0 阿里图标字体库(H-ui定制)
│ font-awesome 字体库文件
│ icheck 单选框、复选框控件
│ laypage laypage 翻页插件
│ layer layer弹出层插件
│ laytpl JavaScript模板引擎
│ My97DatePicker 日期插件
│ Validform 表单验证插件
│ zepto zepto库
│ ueditor 百度编辑器
│ Highcharts 图表插件
│ dataTables 表格排序,检索插件
│ WebUploader 百度文件上传组件
│ lightbox2 图片预览组件
│
│ html5.js html5插件,让低版本IE支持html5元素
│ DD_belatedPNG_0.0.8a-min.js 解决IE6png透明
│ swfobject.js Flash插件
│ expressInstall.swf 检查flash插件
│ unslider.min.js Unslider图片滚动效果插件
│ stickUp.min.js 让页面元素"固定"位置
│ respond.min.js 让IE兼容media
│ Echo.js 图片延迟加载插件
│ colpick.js 颜色插件
│ handlebars.js js模版引擎
│ waterfall.min.js 瀑布流插件
└─temp 测试数据、图片
然后接下去就是 拷贝 复制到项目里面。
我是用aspnet mvc 的区域专门来管理这块。 所以 刚开始对项目文件的引用也弄一大堆,修改了下 文件路径。
477-479==>Huifold方法去除清除所有其他所有dt、dd的折叠效果
//$(obj_c).slideUp(speed);
//$(obj).removeClass("selected");
//if($(this).find("b")){
// $(obj).find("b").html("+");
//}
注意路径问题: 后台的主要框架是: