后台框架--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 的区域专门来管理这块。 所以 刚开始对项目文件的引用也弄一大堆,修改了下 文件路径。
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
后台框架--HUI 的学习跟使用1相关推荐
- 基于ASP.Net Core开发的一套通用后台框架
基于ASP.Net Core开发一套通用后台框架 写在前面 这是本人在学习的过程中搭建学习的框架,如果对你有所帮助那再好不过.如果您有发现错误,请告知我,我会第一时间修改. 知其然,知其所以然,并非重 ...
- 从程序员到CTO的Java技术路线图 JAVA职业规划 JAVA职业发展路线图 系统后台框架图、前端工程师技能图 B2C电子商务基础系统架构解析...
http://zz563143188.iteye.com/blog/1877266在技术方面无论我们怎么学习,总感觉需要提升自已不知道自己处于什么水平了.但如果有清晰的指示图供参考还是非常不错的,这样 ...
- java职业发展路线图_从程序员到CTO的Java技术路线图 JAVA职业规划 JAVA职业发展路线图 系统后台框架图、前端工程师技能图 B2C电子商务基础系统架构解析...
http://zz563143188.iteye.com/blog/1877266在技术方面无论我们怎么学习,总感觉需要提升自已不知道自己处于什么水平了.但如果有清晰的指示图供参考还是非常不错的,这样 ...
- Springboot + mybatis搭建后台框架
最近在学习Java搭建后台框架,想自己写接口,自己用,毕竟自己动手丰衣足食,同时也想去了解一下后台的大体框架和流程是怎么创建的,此过程由公司后台教的,有人带着真好~ 首先第一步,就是创建数据库,这个是 ...
- Spring Boot 一个极简且完整的后台框架
一个完整的极简后台框架,方便做小项目的时候可以快速开发. 这里面多贴图片和代码,做个参考吧,代码可以下载下来自己看看,里面这套后台模板不错,喜欢的拿去. 先放几张图 image image image ...
- 26Play框架教程1学习笔记
Play框架教程1学习笔记 文章目录 1play教程 第一课 1.1 play是什么 1.2 REST风格是什么 1.3 play的优点和缺点 2 play教程 第二课 2.1 搭建开发环境 2.1. ...
- DLPack构建跨框架的深度学习编译器
DLPack构建跨框架的深度学习编译器 Tensorflow,PyTorch和ApacheMxNet等深度学习框架提供了一个功能强大的工具包,可用于快速进行原型设计和部署深度学习模型.易用性通常是以碎 ...
- Spring3.2.0-mybatis3.2.0 基于全注解搭建的后台框架-基础版
2019独角兽企业重金招聘Python工程师标准>>> 摘要: Spring3.2.0-mybatis3.2.0 基于全注解搭建的后台框架-基础版 没有什么不可能 之前一直用的是自 ...
- Pytorch框架的深度学习优化算法集(优化中的挑战)
个人简介:CSDN百万访问量博主,普普通通男大学生,深度学习算法.医学图像处理专攻,偶尔也搞全栈开发,没事就写文章,you feel me? 博客地址:lixiang.blog.csdn.net Py ...
最新文章
- 渗透测试:正义黑客的渗透测试以及该过程和黑客活动的区别
- php mssql_result 255 string,PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
- 程序员进阶之算法练习:LeetCode专场
- android设置主mic/副mic录音
- 获取子页面iframe的点击事件及iframe跨域的交互
- jboss jta mysql_JBoss平台下JTA与JMS实验软件架构8
- 宁波机器人餐厅需要预约吗_拍婚纱照需要预约吗 预约婚纱照需要注意哪些问题...
- redis/分布式文件存储系统/数据库 存储session,解决负载均衡集群中session不一致问题...
- 2013 ACM/ICPC 亚洲区 杭州站
- jenkins上linux-gradle机器对android执行shell签名apk
- 图像重建算法_基于深度学习图像重建算法(DLIR)对CT图像质量和剂量优化的研究:体模实验...
- 修改oracle 的dbname,在oracle 10g上修改dbname的实验
- 站立会议中发现的一些新问题
- seL4操作系统基础01:seL4 whitepaper概览
- 全球最厉害的14位程序员
- [Ubuntu18.04]美化
- java eclipse svn插件下载_详解Eclipse安装SVN插件的两种方法
- 网络防火墙开发二三事 转
- POJ 2387.Til the Cows Come Home
- BZOJ 1213 HNOI2004 高精度开根 二分+高(Py)精(thon)度