AdminLTE

1.运行环境

jdk1.8.0_77 Intellij IDEA2018.3 x64

-----------------------------------------------------------------------------------------------------------------------------------------------------------

2.AdminLTE介绍

AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具，它提供了一系列响应的、可重复使用的组件，

并内置了多个模板页面；同时自适应多种屏幕分辨率，兼容PC和移动端。通过AdminLTE，我们可以快速的创建一个

响应式的Html5网站。AdminLTE框架在网页架构与设计上，有很大的辅助作用，尤其是前端架构设计师，

用好AdminLTE 不但美观，而且可以免去写很大CSS与JS的工作量。

-----------------------------------------------------------------------------------------------------------------------------------------------------------

3.AdminLTE结构介绍

AdminLTE/

├── dist/

│ ├── CSS/

│ ├── JS

│ ├── img

├── build/

│ ├── less/

│ │ ├── AdminLTE's Less files

│ └── Bootstrap-less/

(Only for reference. No modifications have been made)

│ ├── mixins/

│ ├── variables.less

│ ├── mixins.less└── plugins/

├── All the customized plugins CSS and JS files

 

框架文件结构

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

-----------------------------------------------------------------------------------------------------------------------------------------------------------

4.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页面中查看

 -----------------------------------------------------------------------------------------------------------------------------------------------------------

5.心得

持之以恒，时间里挤时间，完美里追求完美