文档章节

使用AdminLTE

momo1987
 momo1987
发布于 2016/12/06 18:19
字数 515
阅读 623
收藏 1
点赞 0
评论 0

使用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
博文 44
码字总数 11138
作品 0
深圳
AdminLTE中我的菜单太长了,能不能实现点击菜单之后出现最小化菜单页面的悬停事件那样子的样式。

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

华鑫锋 ⋅ 05/10 ⋅ 0

极速后台开发框架 - xzyn

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

戏中有你 ⋅ 05/08 ⋅ 0

cjbi/wetech-admin

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

cjbi ⋅ 04/20 ⋅ 0

huangdf/seezoon-framework-all

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

huangdf ⋅ 04/20 ⋅ 0

thymeltesys-基于Spring Boot Oauth2的扫码登录框架

thymeltesys thymelte是一个基于Spring Boot Oauth2的扫码登录框架,使用PostgreSQL存储数据,之后会慢慢支持其他关系型数据库。即使你不使用整个框架,只使用其中的模块,也很容易在现有的项...

五毛程序员 ⋅ 04/23 ⋅ 0

mysql空间查询

今天要做一个根据经纬度获取位置信息的功能(百度地图也提供了相应接口,由于请求频率限制,没有使用),于是用到了mysql的空间查询: 1.创建表: 2.插入一条测试数据(墨卡托): 3.执行查询...

沐宇熙丶 ⋅ 01/23 ⋅ 0

Laravel5.4实战快速开发自媒体网站教程 Laravel实战教程

第1章 课程介绍 介绍课程的大体脉络和课程安排 第2章 Laravel 5.4介绍 本节课会带领大家介绍laravel的各个版本历史以及讨论php框架的未来发展趋势。把laravel周边的生态环境一一展示。 第3章...

15543595340 ⋅ 05/19 ⋅ 0

electron实现类似QQ来新消息时的闪烁与任务栏窗口提醒

公司项目有一款带即时聊天、群组功能的APP,因为要给客服人员使用,需要开发PC版本。之前使用C#开发过一个PC版本,但是C#的UI这一块支持的不太好,而且升级比较麻烦,我就牵头基于Electron去...

meteoric ⋅ 2017/07/05 ⋅ 0

JamesZhou/AdminLTE-admin

AdminLTE-admin 轻量级权限管理框架 项目说明 AdminLTE-admin是以SpringMVC+Shiro+Mybatis为核心开发的精简后台基础系统。 包含用户管理,角色管理,部门管理,权限管理,菜单管理,日志管理等常用...

JamesZhou ⋅ 2016/12/21 ⋅ 0

通用管理后台--YiiBoot

YiiBoot使用Yii2 + AdminLTE + mysql,开发高效的通用管理后台;采用代码生成器,以AminLTE为样式模板,生成数据库表的数据模型model、增删改查的视图view和控制器controller,菜单配置后直接...

penngo ⋅ 2016/10/20 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

mysql in action / alter table

change character set ALTER SCHEMA `employees` DEFAULT CHARACTER SET utf8mb4 DEFAULT COLLATE utf8mb4_general_ci ;ALTER TABLE `employees`.`t2` CHARACTER SET = utf8mb4 , COLLAT......

qwfys ⋅ 今天 ⋅ 0

Java 开发者不容错过的 12 种高效工具

Java 开发者常常都会想办法如何更快地编写 Java 代码,让编程变得更加轻松。目前,市面上涌现出越来越多的高效编程工具。所以,以下总结了一系列工具列表,其中包含了大多数开发人员已经使用...

jason_kiss ⋅ 昨天 ⋅ 0

Linux下php访问远程ms sqlserver

1、安装freetds(略,安装在/opt/local/freetds 下) 2、cd /path/to/php-5.6.36/ 进入PHP源码目录 3、cd ext/mssql进入MSSQL模块源码目录 4、/opt/php/bin/phpize生成编译配置文件 5、 . ./...

wangxuwei ⋅ 昨天 ⋅ 0

如何成为技术专家

文章来源于 -- 时间的朋友 拥有良好的心态。首先要有空杯心态,用欣赏的眼光发现并学习别人的长处,包括但不限于工具的使用,工作方法,解决问题以及规划未来的能力等。向别人学习的同时要注...

长安一梦 ⋅ 昨天 ⋅ 0

Linux vmstat命令实战详解

vmstat命令是最常见的Linux/Unix监控工具,可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率,内存使用,虚拟内存交换情况,IO读写情况。这个命令是我查看Linux/Unix最喜爱的命令...

刘祖鹏 ⋅ 昨天 ⋅ 0

MySQL

查看表相关命令 - 查看表结构    desc 表名- 查看生成表的SQL    show create table 表名- 查看索引    show index from  表名 使用索引和不使用索引 由于索引是专门用于加...

stars永恒 ⋅ 昨天 ⋅ 0

easyui学习笔记

EasyUI常用控件禁用方法 combobox $("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false}); validatebox $("#id").attr("readonly", true); ----- $("#id").r......

miaojiangmin ⋅ 昨天 ⋅ 0

金山WPS发布了Linux WPS Office

导读 近日,金山WPS发布了Linux WPS Office中文社区版新版本,支持大部分主流Linux系统,功能更加完善,兼容性、稳定性大幅度提升。本次更新WPS将首次在Linux提供专业办公文件云存储服务,实...

问题终结者 ⋅ 昨天 ⋅ 0

springboot2输出metrics到influxdb

序 本文主要研究一下如何将springboot2的metrics输出到influxdb maven <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-bo......

go4it ⋅ 昨天 ⋅ 0

微信小程序 - 选择图片显示操作菜单

之前我分享过选择图片这个文章,但是我在实际开发测试使用中发现一个问题在使用 wx.chooseImage 选择照片显示出第一格是拍照,后面是相册里的图片。这种实现之前说过了,效果如下。 但是你从...

hello_hp ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部