adminLTE的介绍

一.adminLTE的介绍

adminLTE的官方网站：adminLTE官方网站和github：adminLTE的github

演示地址：adminLTE演示地址

adminLTE是基于bootstrap3的前端框架，并且将bootstrap3进行修改来适应自身的样式。
adminLTE除了可以使用bootstrap3的大多数样式之外，自身也提供了一些非常实用的样式包装，并且在样式演示中已经基本罗列出来了。
adminLTE的js是基于jquery2。

adminLTE的插件中使用的基本都是bootstrap和jquery的插件。

AdminLTE 也同样具备了后台应有模板，像登录模板、注册模板、个人模板、404模板、500模板、空白模板等，这些可以在下载后在 Examples 菜单里查看到。里面的组件 Widgets 页面，不要以为是一些像 easyui 的组件，其实也是 AdminLTE 定义的一些 css 样式，像 box 样式，是里面最基础最常用的一个。里面的 js 插件除了 bootstrap 自带那模态窗、导航、下拉菜单外，其它就是集成一些有名的第三方插件，像 select2、CK Editor、iCheck、DataTables 等等。

二.基础布局。
1、引入bootstrap
2、引入字体库，肯定用得到，下载到本地放在plugins下也可以
3、皮肤skin，可以引入_all...，但是如果只需要一个皮肤的话，比如只需要蓝色，直接引入skin-blue就行，毕竟越简越好
4、兼容IE8的两个js文件
5、fastclick，触摸设备快速点击体验，不想兼容手机可以去掉

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

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>AdminLTE基础框架</title><!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"><!-- Bootstrap 3.3.5 --><link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"><!-- Font Awesome --><link rel="stylesheet" href="plugins/font-awesome-4.5.0/css/font-awesome.min.css"><!-- Ionicons --><link rel="stylesheet" href="plugins/ionicons-2.0.1/css/ionicons.min.css"><!-- Theme style --><link rel="stylesheet" href="dist/css/AdminLTE.min.css"><link rel="stylesheet" href="dist/css/skins/skin-blue.min.css"><!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper"><!-- 顶部导航栏 --><header class="main-header"><!-- Logo --><a href="../../index2.html" class="logo"><!-- mini logo for sidebar mini 50x50 pixels --><span class="logo-mini"><b>A</b>LT</span><!-- logo for regular state and mobile devices --><span class="logo-lg"><b>Admin</b>LTE</span></a><!-- Header Navbar: style can be found in header.less --><nav class="navbar navbar-static-top"><!-- Sidebar toggle button--><a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a><div class="navbar-custom-menu"></div></nav></header><!-- 左侧菜单栏 --><aside class="main-sidebar"></aside><!-- 中间内容 --><div class="content-wrapper"></div><!-- 底部标注 --><footer class="main-footer"></footer><!-- 右侧菜单栏 --><aside class="control-sidebar control-sidebar-dark"></aside><!-- 右侧菜单栏的样式，底部距离为0等 --><div class="control-sidebar-bg"></div>
</div>
<!-- jQuery 2.1.4 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="plugins/fastclick/fastclick.js"></script>
<!-- SlimScroll 1.3.0 -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
</body>
</html>

参考：adminLTE 教程用基于Bootstrap的AdminLte后台模板重写IT系统

adminLTE的介绍相关推荐

AdminLTE介绍
AdminLTE介绍 AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具,它提供了一系列响应的.可重复使用的组件,并内置了多个模板页面:同时自适应多种屏幕分辨率,兼容 ...
Angular4+AdminLTE+Jeecg 前后端分离框架实战-张代浩-专题视频课程
Angular4+AdminLTE+Jeecg 前后端分离框架实战-2259人已学习课程介绍 Angular4+AdminLTE+Jeecg 前后端分离框架实战涉及技术点:angu ...
java学习day51（AdminLTE）AdminLTE快速入门与应用
目录简述第一章-快速入门第一节-概述与基本使用第二节-快速入门案例第二章-SSM界面第一节-首页第二节-登录页面第三节-用户管理页面第四节-角色管理页面第五节-资源权限管理页面第 ...
AdminLTE 介绍与入门
AdminLTE介绍 (1)AdminLTE是什么? AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具 (2)AdminLTE有什么特点? >>提供一系 ...
adminlTE的简单介绍和使用
adminlTE介绍 AdminLTE是一款基于Bootstrap的页面模板,可以快速构建出一套美观的后台管理页面. 官网地址:https://adminlte.io/ 下载地址:https://gi ...
Export_Parent父子项目之AdminLTE介绍与入门
AdminLTE介绍 (1)AdminLTE是什么? AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具 (2)AdminLTE有什么特点? >>提供一系 ...
AdminLTE基本使用介绍
搭建环境将AdminLTE2-IT-定制版下的release目录下的css.img.plugins目录导入到我们自己的工程中案例代码编译index.html页面 <!DOCTYPE htm ...
php写网页6,基于ThinkPHP6+AdminLTE框架开发的响应式企业网站CMS系统PHP源码，ThinkPHP6开发的后台权限管理系统...
源码介绍基于最新ThinkPHP6+AdminLTE框架开发的响应式企业网站CMS系统PHP源码,基于最新版本的ThinkPHP 6.0.0RC3框架,后台前端框架采用AdminLTE.系统的核心理 ...
高性能流媒体服务器EasyDSS前端重构(二) webpack + vue + AdminLTE 多页面提取共用文件, 优化编译时间...
本文围绕着实现EasyDSS高性能流媒体服务器的前端框架来展开的,具体EasyDSS的相关信息可在:www.easydss.com 找到! 接上回 <高性能流媒体服务器EasyDSS前端重构(一 ...
AdminLTE 3.0发布了
点击蓝字关注我们前言在11月2日,作者正式发布了AdminLTE 3.0版本.该版本基于Bootstrap 4.x.使用Bootstrap 4.x的小伙伴可以愉快的使用AdminLTE. Git ...

adminLTE的介绍

adminLTE的介绍相关推荐

最新文章

热门文章