后台框架--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("+");
//}

注意路徑問題:  后台的主要框架是:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM