项目中需要用到 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 | Dashboard

$.widget.bridge('uibutton', $.ui.button);