下載跟查看說明文檔:官方
官網: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("+");
//}
注意路徑問題: 后台的主要框架是: