基础布局。

1、meta没的说

2、引入bootstrap

3、引入字体库,肯定用得到,下载到本地放在plugins下也可以

4、adminLTE子什么的文件肯定需要

5、皮肤skin,可以引入_all...,但是如果只需要一个皮肤的话,比如只需要蓝色,直接引入skin-blue就行,毕竟越简越好

6、兼容IE8的两个js文件

7、jquery没的说

8、fastclick,触摸设备快速点击体验,不想兼容手机可以去掉

9、slimscroll,菜单和页面中的滚动条样式,放上去毕竟好看嘛。(看一下不加的效果,不好看吧)

加上slimscroll就是这个效果,还是加上吧

0、基础页面<head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>AdminLTE2|Starter</title><!--Tellthebrowsertoberesponsivetoscreenwidth--><metacontent="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"name="viewport"><!--Bootstrap3.3.6--><linkrel="stylesheet"href="bootstrap/css/bootstrap.min.css"><!--FontAwesome--><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css"><!--Ionicons--><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"><!--Themestyle--><linkrel="stylesheet"href="dist/css/AdminLTE.min.css"><linkrel="stylesheet"href="dist/css/skins/skin-blue.min.css"><!--[ifltIE9]><scriptsrc="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script><scriptsrc="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--></head><!--jQuery2.2.3--><scriptsrc="plugins/jQuery/jquery-2.2.3.min.js"></script><!--Bootstrap3.3.6--><scriptsrc="bootstrap/js/bootstrap.min.js"></script><!--FastClick--><scriptsrc="plugins/fastclick/fastclick.js"></script><!--SlimScroll1.3.0--><scriptsrc="plugins/slimScroll/jquery.slimscroll.min.js"></script><script>varAdminLTEOptions={};</script><!--AdminLTEApp--><scriptsrc="dist/js/app.min.js"></script>

这就是最基础的页面,拿去慢用。

这个文档和adminLTE基础配合看效果更好!!!


下一节 adminLTE 教程 -1 基础布局