AdminLTE-2-dashboard-template — HTML 后台模板

SHA-256: ad1fe1520d32d896126e11407d53d8a95e3fc6a077858dde6404d5171b109819

2026-10-15T10:20:03.162Z

[Live demo](https://generalaxted.github.io/AdminLTE-2-dashboard-template/)


<h1 align="center">AdminLTE 2</h1>

<p align="center">
  <b>A popular open-source WebApp template for admin dashboards and control panels.</b>
</p>

<p align="center">
  <img src="https://img.shields.io/badge/version-2.3.12-blue.svg" alt="Version">
  <img src="https://img.shields.io/badge/bootstrap-v3.3.6-brightgreen.svg" alt="Bootstrap">
  <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License">
</p>

## Table of Contents
- [Introduction](#introduction)
- [Download and Installation](#download-and-installation)
- [Dependencies](#dependencies)
- [Layout Options & Skins](#layout-options--skins)
- [Included Components](#included-components)
- [Included Plugins](#included-plugins)
- [Browser Support](#browser-support)
- [Third-Party Implementations](#third-party-implementations)
- [FAQ](#faq)
- [License](#license)

---

## Introduction

**AdminLTE** is a popular open-source WebApp template for admin dashboards and control panels [cite: 1]. It is a highly responsive HTML template based on the CSS framework **Bootstrap 3** [cite: 1]. 

It utilizes all of the Bootstrap components in its design and re-styles many commonly used plugins to create a consistent design that can be used as a user interface for backend applications [cite: 1]. AdminLTE is based on a modular design, which allows it to be easily customized and built upon [cite: 1]. 

## Download and Installation

AdminLTE can be downloaded in two different versions, each appealing to different skill levels and use cases [cite: 1]:

1. **Ready to Use (Compiled)**: Compiled and ready to use in production [cite: 1]. Download this version if you don't want to customize AdminLTE's LESS files [cite: 1].
2. **Source Code**: Contains all files including the compiled CSS and LESS files [cite: 1]. Download this version if you plan on customizing the template [cite: 1]. *Requires a LESS compiler.* [cite: 1]

**Source Code Hierarchy:**
```bash
AdminLTE/
├── dist/
│   ├── CSS/
│   ├── JS/
│   ├── img/
├── build/
│   ├── less/
│   │   ├── AdminLTE's Less files
│   └── Bootstrap-less/ 
└── plugins/
    ├── All customized plugins CSS and JS files
```

## Dependencies

AdminLTE relies on the following core frameworks (both are included in the downloadable package) [cite: 1]:
* [Bootstrap 3](http://getbootstrap.com) [cite: 1]
* [jQuery 1.11+](http://jquery.com/) [cite: 1]

## Layout Options & Skins

The layout consists of four major parts: the wrapper, main header, sidebar, and content wrapper [cite: 1]. 

### Layout Options
AdminLTE provides a set of options to apply to your main layout by adding specific classes to the `<body>` tag [cite: 1]:
* `fixed`: Fixed header and sidebar [cite: 1].
* `sidebar-collapse`: Collapsed sidebar upon loading [cite: 1].
* `layout-boxed`: Boxed layout that stretches only to 1250px [cite: 1].
* `layout-top-nav`: Removes the sidebar and places your links at the top navbar [cite: 1].

### Skins
Choose the skin file that you want from `dist/css/skins` and add the appropriate class to the body tag to change the template's appearance [cite: 1]:
* **Blue**: `skin-blue`, `skin-blue-light` [cite: 1]
* **Yellow**: `skin-yellow`, `skin-yellow-light` [cite: 1]
* **Green**: `skin-green`, `skin-green-light` [cite: 1]
* **Purple**: `skin-purple`, `skin-purple-light` [cite: 1]
* **Red**: `skin-red`, `skin-red-light` [cite: 1]
* **Black**: `skin-black`, `skin-black-light` [cite: 1]

## Included Components

AdminLTE uses all Bootstrap 3 components and expands upon them with its own custom UI elements [cite: 1]:
* **Main Header**: Top navigation with message, notification, and task dropdowns [cite: 1].
* **Sidebars**: 
  * Main Sidebar (Left): Contains the user panel and multi-level treeview menus [cite: 1].
  * Control Sidebar (Right): Slide-over or push-content sidebar for extra settings [cite: 1].
* **Info Boxes**: Two different styles of statistical snippet boxes (with and without progress bars) [cite: 1].
* **Box Widget**: Standard panels for displaying charts, text, or tables [cite: 1]. Supports states like **Solid**, **Collapsable**, **Removable**, and **Loading State** [cite: 1].
* **Direct Chat**: A beautiful chat interface widget with message pane and an optional contacts pane [cite: 1]. Available in multiple contextual colors (primary, success, warning, danger) [cite: 1].

## Included Plugins

AdminLTE is bundled with numerous third-party plugins styled to match the theme natively [cite: 1]:
* **Charts**: ChartJS, Flot, Morris.js, Sparkline [cite: 1]
* **Form Elements**: Bootstrap Slider, Ion Slider, Date Picker, Date Range Picker, Color Picker, Time Picker, iCheck, Input Mask [cite: 1]
* **Editors**: Bootstrap WYSIHTML5, CK Editor [cite: 1]
* **Other Tools**: DataTables, Full Calendar, jQuery UI, jQuery Knob, jVector Map, Slim Scroll, Pace [cite: 1]

## Browser Support

AdminLTE supports the following browsers [cite: 1]:
* IE9+ (*Note: IE9 does not support transitions or animations.*) [cite: 1]
* Firefox (latest) [cite: 1]
* Safari (latest) [cite: 1]
* Chrome (latest) [cite: 1]
* Opera (latest) [cite: 1]

## Third-Party Implementations

Thanks to our amazing community, AdminLTE has been integrated into several back-end frameworks [cite: 1]. *(Note: These are community-maintained and not officially supported by Almsaeed Studio)* [cite: 1].
* **Persian RTL** by Mohammad Sharifi [cite: 1]
* **Yii 2** by Tobias Munk [cite: 1]
* **Laravel** by Arjay Angeles, Sergi Tur Badenas, Jeroen Noten [cite: 1]
* **Symfony** by Marc Bach [cite: 1]
* **Ruby on Rails** by Nicolas Besnard and RacketLogger [cite: 1]
* **Vue.js (CoPilot)** by Gil Ferreira [cite: 1]

## FAQ

* **Can AdminLTE be used with WordPress?**
  AdminLTE is an HTML template that can be used for any purpose [cite: 1]. However, it is not made to be easily installed on Wordpress [cite: 1]. It will require some effort and enough knowledge of the Wordpress script to do so [cite: 1].
* **Is there an integration guide for PHP frameworks such as Yii or Symfony?**
  Short answer, no [cite: 1]. However, there are forks and tutorials around the web that provide info on how to integrate with many different frameworks [cite: 1].

## License

AdminLTE is an open source project that is licensed under the [MIT license](http://opensource.org/licenses/MIT) [cite: 1]. This allows you to do pretty much anything you want as long as you include the copyright in "all copies or substantial portions of the Software." [cite: 1] Attribution is not required (though very much appreciated) [cite: 1].

---
*Copyright © 2014-2016 Almsaeed Studio. All rights reserved.* [cite: 1]