文档章节

使用AdminLTE

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

使用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
博文 53
码字总数 12135
作品 0
深圳
私信 提问
AdminLTE 中文后台模板

在AdminLTE-2.3.6 原有的基础上,右侧页面改为ajax无刷新加载,增加了后台首页、表单页、列表页等示例页面。 AdminLTE介绍: AdminLTE 是受欢迎的开源的管理仪表盘和控制面板的WebApp模板。它...

lizole
2016/09/23
11
0
ASP.Net Core Razor+AdminLTE 小试牛刀

AdminLTE   一个基于 bootstrap 的轻量级后台模板,这个前端界面个人感觉很清爽,对于一个大后端的我来说,可以减少较多的时间去承担前端的工作但又必须去独立去完成一个后台系统开发的任务...

山治先生
11/30
0
0
免费的Bootstrap Admin Template并具有教学

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

抢小孩糖吃
2015/11/15
0
0
最值得拥有的免费Bootstrap后台管理模板

在PHP开发项目中,后台管理因为面向群体相对比较固定,大部分以实现业务逻辑和功能。使用Bootstrap后台模板可以让后端开发很轻松的就展现给客户一个响应式的后台,节约前端开发的时间。下面P...

52117354
09/11
0
0
张雷 2016-03-31 工作日报

1.熟悉AdminLTE 前台框架 2.AdminLTE下i18n demo 3.AdminLTE下datatable demo

A877490
2016/03/31
2
0

没有更多内容

加载失败,请刷新页面

加载更多

numpy常用操作

水平合并数组 import numpy as npa = [1,2,3]b = [4,5,6]np.hstack((a,b))# array([1, 2, 3, 4, 5, 6])c = [a,['a','b','c']]d = [b,['d','e','f']]np.hstack((c,d))#array([['1'......

datadev_sh
13分钟前
0
0
四种检测异常值的常用技术简述

摘要: 本文介绍了异常值检测的常见四种方法,分别为Numeric Outlier、Z-Score、DBSCAN以及Isolation Forest 在训练机器学习算法或应用统计技术时,错误值或异常值可能是一个严重的问题,它们...

阿里云官方博客
16分钟前
0
0
如何删除本地服务

Microsoft Windows [版本 10.0.17134.407] (c) 2018 Microsoft Corporation。保留所有权利。 C:\WINDOWS\system32>SC 描述: SC 是用来与服务控制管理器和服务进行通信 的命令行程序。 用法:...

码农屌丝
28分钟前
1
0
Web安全学习规划

一名合格的Web安全工程师是要具备很多的知识点,不但要对网站架构熟悉,通讯协议,测试流程与测试工具使用,漏洞利用脚本编写,还有需要经验的积累等。 互联网进入下半场,竞争越发的激烈,能...

Linux就该这么学
33分钟前
1
0
爬虫Requests基本使用

Requests基本使用 安装 pip install requests 一、Requests模块请求 获取网页(不带参数) r = requests.get('http://www.chinahufei.com')r = requests.post('http://www.chinahufei.com')......

chinahufei
34分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部