本文介绍了如何在项目中使用AdminLTE管理后台模板，对其进行简化布局，以适应项目需求。主要涉及导航栏、侧边栏和内容区域的定制，并提供了一个简化后的后台页面示例。
项目中需要用到 AdminLTE 管理后台模板，所以，这里对后台进行一个简单的布局修改，然后结合后端语言进行快速开发一个管理后台。
一、示例后台布局
这个示例后台带了许多开箱即用的脚手架，我们项目中只需要简单的东东，所以，对这个后台的页面布局做一个简化处理，去掉不需要的东西。
二、简化后台
首先看下核心布局：
The layout consists of four major parts:
Wrapper .wrapper. A div that wraps the whole site.
Main Header .main-header. Contains the logo and navbar.
Sidebar .sidebar-wrapper. Contains the user panel and sidebar menu.
Content .content-wrapper. Contains the page header and content.
三个核心布局：
.main-header:导航栏区域
.sidebar-wrapper:侧边栏区域
.content-wrapper:内容展示区域
我们可以将导航栏和侧边栏抽出来，做一个基布局，内容区域继承该基布局即可。
简化后的后台页：
demo.html
AdminLTE 2 | DashboardALT
AdminLTE
Toggle navigation
admin
Dashboard
Control panel
Copyright © 2014-2016 Almsaeed Studio. All rights
reserved.
$.widget.bridge('uibutton', $.ui.button);
扫一扫
338
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
