AdminLTE介绍与入门

介绍

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

github上获取AdminLTE

AdminLTE中文版下载
下载解压的目录如下：

她是基于FIS进行开发的，在目录结构中的assets、modules、pages、plugins都是前端开发时所用到的，最终发布的就是release。对于后端来讲，只需要关注release就可以了：

在release目录下有css、img、pages、plugins目录，前两者就是解决pages是产生的一些定制的页面，而plugins中是相关的插件。

查看pages中的页面

其中有两种文件，一种是以all开头的hhtml，一种不是，这两种文件的区别在于all开头的文件可以直接运行显示页面全部信息，而未以all开头的文件需要与其他文件进行组合来展示

基于使用入门

准备

1、打开HBuilder，选择新建—》Web项目----》adminLTFDemo

将项目的css、img、js、index.html全部删掉

61.SSM综合练习\day01\资料\AdminLTE资料\docafe-adminlte2-itcast-master\adminlte2-itcast\release\dist目录下的css、img、plugins目录复制到项目目录下：

编写页面

使用模板

创建pages/demo.html，然后想要什么效果就将原来pages下的页面复制到demo.html中修修改改就可以了

运行就可以看效果了

AdminLTF布局与皮肤