基本简介

AdminLTE 是一款基于 jQuery 和 Bootstrap 的流行的后台管理界面框架，通过使用 AdminLET 框架提供的现成的组件可以大幅的提高后台管理界面的开发速度和规范性。AdminLTE 目前的版本主要分为两个版本：界面较为传统规范的 2.X 版本以及使用了较新的 Bootstrap4 的界面较为现代的 3.X 版本（本篇使用的是 AdminLTE 2.x 版本）。AdminLTE 官网地址：https://adminlte.io/AdminLTE GitHub：https://github.com/ColorlibHQ/AdminLTEAdminLTE 2.x 界面预览：https://adminlte.io/themes/AdminLTE/index2.htmlAdminLTE 3.x 界面预览：https://adminlte.io/themes/dev/AdminLTE/index.htmlAdminLTE 2.x 中文文档：http://theme.skyheng.com/roncoo-adminLTE/documentation/index.html#introduction

目录结构

bower_components：存放了这个框架依赖的其他框架，如bootstrap，jquery、字体样式、图标样式等build： 编译前的源文件目录dist：编译后的静态资源目录pages：目录下是一些示例页面plugins：目录存放依赖的插件starter.html ：是 AdminLTE 建议用来作为起点的参考示例index.html：是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：绿色

精简使用

PS：这里的 pages 目录里面存放的为各种已经设置好的常规组件和页面可供选用

常用页面

系统首页：

href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

新增页面：

href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

列表页面：

href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

更新页面：

href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

登陆页面：

href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

消息页面：

href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

界面截图

打包下载

百度云：链接: https://pan.baidu.com/s/1XvhNLmnk2X3n1aDo-Y0SMg 密码: k8ei