文档章节

使用AdminLTE

momo1987
 momo1987
发布于 2016/12/06 18:19
字数 515
阅读 653
收藏 1

使用AdminLTE

AdminLTE是一个完全响应管理模板。基于Bootstrap3框架,易定制模板。适合多种屏幕分辨率,从小型移动设备到大型台式机。内置了多个页面,包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面。最重要的是它是开源免费的,我们可以尽情的使用它。目前的最新版本是2.3.6,可以自行去搜索AdminLTE,官网下载使用。

使用adminlte进行页面布局需要四个主要部分:

  • .wrapper  : 页面的整体框架
  • .main-header : logo和顶部导航栏
  • .sidebar-wrapper  :  包含用户面板和侧边导航栏
  • .content-wrapper  :  包含页面和内容主体部分

adminlte有一些 用于各种布局的类名,可以将这些类中的每一个添加到dom标签 以获得所需的布局效果。

  • 使用 .fixed 固定得到一个固定的头和侧边栏。 
  • 使用类.sidebar-collapse 加载时有一个边栏。 
  • 使用类 .layout-boxed  得到 只有1250px的盒子。 
  • 使用类 .layout-top-nav  去除边栏顶部导航栏并在顶部导航栏有链接

 将AdminLTE相关核心文件添加至项目

在wwwroot下添加js、css、images三个文件夹。

1 将/AdminLTE-2.3.6/dist/js下的app.js及app.min.js两个文件拷贝至wwwroot/js文件夹下。

2 将/AdminLTE-2.3.6/dist/css下的所有文件拷贝至wwwroot/css文件夹下。

3 将/AdminLTE-2.3.6/dist/img下的所有文件拷贝至wwwroot/images文件夹下。

1.AdminLTE的必要配置文件


<!-- 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="${ctx}/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="${ctx}/assets/font/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="${ctx}/assets/font/Hui-iconfont/1.0.7/iconfont.css">
<!-- Theme style -->
<link rel="stylesheet" href="${ctx}/assets/css/AdminLTE.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="${ctx}/assets/css/skins/_all-skins.min.css">

 

http://www.cnblogs.com/Leo_wl/p/5863201.html

 http://www.cnblogs.com/cryst/p/6001364.html

http://caijt.com/2016/01/17/377/

http://www.cnblogs.com/cryst/p/6001364.html

中文版:http://adminlte.la998.com/

© 著作权归作者所有

共有 人打赏支持
momo1987
粉丝 1
博文 52
码字总数 12122
作品 0
深圳
免费的Bootstrap Admin Template并具有教学

说明 作为程序员最近一直在写页面,直接用Boostrap一直感觉虽然像搭建积木一样,但是整体风格总是很奇怪,随即随便搜搜发现AdminLTE。之前搜索过这个免费的模板,但当时没有教学,并且个人对...

抢小孩糖吃
2015/11/15
0
0
AdminLTE中我的菜单太长了,能不能实现点击菜单之后出现最小化菜单页面的悬停事件那样子的样式。

AdminLTE中我的菜单太长了,能不能实现点击菜单之后出现最小化菜单页面的悬停事件那样子的样式。这样更加好选择我地菜单分了六级,如果不这样操作的话很麻烦,而且主菜单也有很多默认打开太难...

华鑫锋
05/10
0
0
极速后台开发框架 - xzyn

xzyn5.1 极速后台开发框架,基于ThinkPHP5.1.10+Bootstrap开发。 主要特性 基于Auth验证的权限管理系统 支持无限级父子级权限继承,父级的管理员可任意增删改子级管理员及权限设置 支持单管理...

戏中有你
05/08
0
0
cjbi/wetech-admin

Wetech-Admin Wetech-Admin 是基于Maven+Spring+SpringMVC+Mybatis的轻量级后台管理系统,适用于中小型项目的管理后台,支持按钮级别的权限控制,系统具有最基本的用户管理、角色管理、资源管...

cjbi
04/20
0
0
huangdf/seezoon-framework-all

项目介绍 基于spring,mybatis,shiro面向接口开发的的一套后台管理系统,方便快速开发;采用常用的技术栈,降低学习成本,项目完全前后端分离,后端定义统一的接口格式,统一参数校验,统一权...

huangdf
04/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

windbg调试C源码级驱动

联机方式不多说了。我博客里有,英文的。 windbg联机文档 https://docs.microsoft.com/zh-cn/windows-hardware/drivers/debugger/debug-universal-drivers---step-by-step-lab--echo-kernel......

simpower
31分钟前
0
0
redis快照和AOF简介

数据持久化到硬盘:一是快照(snapshotting),二是只追加文件(append-only file AOF) 快照 核心原理:redis某个时间内存内的所有数据写入硬盘 场景:redis快照内存里面的数据 1. 用户发送bgsav...

拐美人
31分钟前
0
0
这个七夕,送你一份程序员教科书级别的告白指南

给广大爱码士们的高能预警: 今天,就是七夕了…… (单身非作战人群请速速退场!) 时常有技术GG向个推君抱怨 经过网民多年的教育 以及技术人持之以恒的自黑 冲锋衣狂热分子·格子衫骨灰级粉...

个推
36分钟前
0
0
python爬虫日志(15)cookie详解

转载:原文地址 早期Web开发面临的最大问题之一是如何管理状态。服务器端没有办法知道两个请求是否来自于同一个浏览器。那时的办法是在请求的页面中插入一个token,并且在下一次请求中将这个...

茫羽行
37分钟前
0
0
qlv视频格式转换器

  腾讯视频中的视频影视资源有很多,小编经常在里面下载视频观看,应该也有很多朋友和小编一样吧,最近热播的电视剧也不少,如《香蜜沉沉烬如霜》、《夜天子》还有已经完结的《扶摇》,这么...

萤火的萤火
40分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部