文章目录
第一节 概述与基本使用
1.AdminLTE介绍
AdminLTE 是一款建立在 bootstrap 和 jquery 之上的开源的模板主题工具,它提供了一系列响应的、可重复使用的组件,并内置了多个模板页面;同时自适应多种屏幕分辨率,兼容PC和移动端。通过AdminLTE,我们可以快速的创建一个响应式的Html5网站。
获取地址:github:https://github.com/almasaeed2010/AdminLTE
github上下载 黑马定制版 AdminLTE2
2.AdminLTE布局与皮肤
- 布局
- .wrapper包住了body下的所有代码
- .main-header里是网站的logo和导航栏的代码
- .main-sidebar里是用户面板和侧边栏菜单的代码
- .content-wrapper里是页面的页面和内容区域的代码
- .main-footer里是页脚的代码
- .control-sidebar里是页面右侧侧边栏区域的代码
- 布局选项
- fixed:固定
- layout-boxed:盒子布局
- layout-top-nav:顶部隐藏
- sidebar-collapse:侧边栏隐藏
- sidebar-mini:侧边栏隐藏时有小图标
3. 皮肤
- skin-blue:蓝色
- skin-black:黑色
- skin-purple:紫色
- skin-yellow:黄色
- skin-red:红色
- skin-green:绿色
以上项我们可以查看start.html页面中查看。
3. AdminLTE2-IT黑马目录结构
由于AdminLTE2-IT黑马-定制版是基于FIS3进行开发,在目录结构中assets、modules、pages、
plugins都是前端开发时所使用到的,最终发布的就是release。所以对于我们使用AdminLTE2-IT黑
马-定制版来说,我们只需要关注release目录下的结构就可以。