AdminLTE介绍

AdminLTE介绍

AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具，它提供了一系列响应的、可重复使用的组件，并内置了多个模板页面；同时自适应多种屏幕分辨率，兼容PC和移动端。通过AdminLTE，我们可以快速的创建一个响应式的Html5网站。AdminLTE框架在网页架构与设计上，有很大的辅助作用，尤其是前端架构设计师，用好AdminLTE 不但美观，而且可以免去写很大
CSS与JS的工作量。

GitHub获取AdminLTE

我们可以从上面网址获取AdminLTE源代码

AdminLTE结构介绍

AdminLTE依赖于两个框架Bootstrap3与JQuery1.11+

AdminLTE布局与皮肤

布局

.wrapper包住了body下的所有代码

.main-header里是网站的logo和导航栏的代码

.main-sidebar里是用户面板和侧边栏菜单的代码

.content-wrapper里是页面的页面和内容区域的代码

.main-footer里是页脚的代码

.control-sidebar里是页面右侧侧边栏区域的代码

布局选项

fixed：固定

layout-boxed：盒子布局

layout-top-nav：顶部隐藏

sidebar-collapse：侧边栏隐藏

sidebar-mini：侧边栏隐藏时有小图标

皮肤

skin-blue：蓝色

skin-black：黑色

skin-purple：紫色

skin-yellow：黄色

skin-red：红色

skin-green：绿色

以上项我们可以查看start.html页面中查看。

AdminLTE2-IT-定制版

针对英文版本AdminLTE进行了汉化，并优化与定制了部分页面，方便我们的学习与使用。后续SSM综合练习课程中使用的界面就是基于AdminLTE2-IT-定制版。

大家可以去github上下载https://github.com/itheima2017/adminlte2-itheima

们将AdminLTE2-IT-定制版本下载解压的目录结构如下：

由于AdminLTE2-IT定制版是基于FIS3进行开发，在目录结构中assets、modules、pages、plugins都是前端开发时所使用到的，最终发布的就是release。所以对于我们使用AdminLTE2-IT-定制版来说，我们只需要关注release目录下的结构就可以。

在release目录下有css、img、pages、plugins目录。前两者就不在解决pages是产生的一些定制的页面，而plugins中是相关的插件，例如jquery、bootstrap等相关的css与js文件。