后台框架--HUI 的学习跟使用1

下载跟查看说明文档:官方

https://github.com/jackying/  

官网: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 的区域专门来管理这块。 所以 刚开始对项目文件的引用也弄一大堆,修改了下 文件路径。

1、取消折叠效果 
static/h-ui/js/H-ui.js 
477-479==>Huifold方法去除清除所有其他所有dt、dd的折叠效果 

//$(obj_c).slideUp(speed);
//$(obj).removeClass("selected");
//if($(this).find("b")){
// $(obj).find("b").html("+");
//}

注意路径问题:  后台的主要框架是:

原文地址:https://www.cnblogs.com/zxs-onestar/p/5795564.html