almasaeed2010/adminlte 问题修复 & 功能扩展

解决BUG、新增功能、兼容多环境部署,快速响应你的开发需求

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

almasaeed2010/adminlte

Composer 安装命令:

composer require almasaeed2010/adminlte

包简介

AdminLTE - admin control panel and dashboard that's based on Bootstrap 4

README 文档

README

npm version Packagist cdn version License: MIT Discord Invite Netlify Status

AdminLTE is the most popular open-source admin dashboard template — fully responsive, built on Bootstrap 5.3 with vanilla JavaScript (no jQuery), highly customizable, and easy to use. It fits every screen from small mobile devices to large desktops, and it's MIT-licensed.

Live Demo · Documentation · Framework Editions · Premium Templates

AdminLTE 4 dashboard — light mode AdminLTE 4 dashboard — dark mode

Framework editions

The same AdminLTE 4 dashboard, officially integrated for the framework you know best — you're looking at the HTML / Bootstrap core:

HTML React Next.js Vue Nuxt Angular Laravel Symfony Django ASP.NET Drupal Docs
Edition Repository Live demo Install
HTML / Bootstrap (this repo) AdminLTE themes/v4 npm install admin-lte
React & Next.js — 30+ typed components, RSC-ready, ⌘K palette adminlte-react themes/next-react see repo
Vue 3 & Nuxt — 45+ typed components, composables, SSR-safe theming adminlte-vue themes/vue-nuxt see repo
Laravel — Blade components, config-driven menu, auth scaffolding adminlte-laravel laravel.adminlte.io composer require colorlibhq/adminlte-laravel
Django — reusable app, menu filter pipeline, themed admin adminlte-django django.adminlte.io pip install django-adminlte4
Symfony — Twig Components, AssetMapper, config-driven menu, EasyAdmin theme adminlte-symfony see repo composer require colorlibhq/adminlte-symfony
Angular 22 — 44 standalone signal components, dark mode, ⌘K palette adminlte-angular see repo npm i @adminlte/angular
ASP.NET Core (.NET 10) — Blazor components + MVC/Razor Pages Tag Helpers adminlte-aspnet see repo dotnet add package ColorlibHQ.AdminLTE.AspNetCore
Drupal — admin theme for Drupal 10.3+/11, themed admin UI adminlte-drupal see repo see repo
Docs — guides, components, and API reference for every edition docs.adminlte.io docs.adminlte.io

Every edition ships the full AdminLTE 4 design — Bootstrap 5.3, dark mode, RTL — with idiomatic integrations for its stack (components, routing, auth, theming).

Quick start

CDN — no build step:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/css/adminlte.min.css">
<script src="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/js/adminlte.min.js"></script>

npm:

npm install admin-lte@4

Composer:

composer require almasaeed2010/adminlte

Then start from the Getting Started guide or copy one of the demo pages.

Developing AdminLTE itself

  1. Install dependencies: npm install
  2. Start the dev server: npm start (opens http://localhost:3000 with live reload)
  3. Build: npm run build — or npm run production for the full lint + optimize + bundlewatch pipeline
All npm scripts
  • npm start — development server with file watching
  • npm run build — build all assets for development
  • npm run production — full production build with linting and bundlewatch
  • npm run lint — run all linters (JS, CSS, docs, lockfile)
  • npm run css — build CSS only
  • npm run js — build JavaScript only

What's new in v4

The v4 line is a ground-up rewrite on Bootstrap 5.3 with no jQuery: 18 new demo pages (Calendar, Kanban, Chat, File Manager, Mailbox, Wizard, Tabulator data tables, and more), a documentation overhaul, and major dependency upgrades. See the CHANGELOG for full details.

Highlights

18 new demo pages

  • Apps: Calendar (FullCalendar), Kanban (SortableJS), Chat, File Manager, Projects, Mailbox (Inbox / Read / Compose)
  • Forms: Wizard (4-step with validation)
  • Tables: Data Tables (Tabulator — jQuery-free)
  • Pages: Profile, Settings, Invoice, Pricing, FAQ
  • Errors: 404, 500, Maintenance

Documentation overhaul

  • New pages: Getting Started, Customization & Theming, RTL Support, Migration from v3, Layout Blueprint, Recipes, Deployment & Performance, Recommended Integrations, JavaScript Plugins Overview
  • Rewritten Introduction with four labelled install paths (CDN / npm / source / Composer)
  • FAQ rebuilt with hero, live search, section chips, and an accordion of 19 questions
  • Split sidebar navigation: dashboard demo and docs each have their own nav

Major dependency upgrades

  • ESLint 10, TypeScript 6, Stylelint 17, Astro 6.3, Bootstrap 5.3.8, Node 22 LTS in CI
  • npm install runs clean with 0 vulnerabilities
Breaking changes from v3
  • Class renames: .wrapper.app-wrapper, .main-header.app-header, .main-sidebar.app-sidebar, .content-wrapper.app-main
  • Data attributes: data-toggledata-bs-toggle, data-widget="pushmenu"data-lte-toggle="sidebar", data-widget="treeview"data-lte-toggle="treeview"
  • Dark mode: .dark-mode body class → data-bs-theme="dark" attribute (Bootstrap 5.3 native)
  • jQuery no longer required; plugins are vanilla TypeScript

See the dedicated Migration from v3 guide.

Premium templates

AdminLTE will always be free and open source. When a project needs more — app-ready pages, framework-native codebases, dedicated support — our team hand-picks premium dashboards at adminlte.io/premium, including editions built for the same stacks AdminLTE integrates with:

Admindek — feature-rich Bootstrap 5 dashboard with dark mode
Admindek
The natural next step from AdminLTE: Bootstrap 5 + vanilla JS, 100+ components, dark/light modes, RTL, 10 color presets.
Also for Laravel · Next.js · Angular
Apex Dashboard — admin template available for Next.js, Laravel, Django and Angular
Apex Dashboard
5 dashboard variants, 20+ app pages, 125+ routes, full CRUD — in your backend's native stack.
For Next.js · Laravel · Django · Angular
Zenith — ultra-minimal admin dashboard, Django edition
Zenith Dashboard — Django
Achromatic, ultra-minimal design as a ready-to-run Django project: 50+ pages, 6 dashboards, live theme customizer.
Haze — Nuxt 4 admin dashboard with 92+ pages and 5 dashboards
Haze — Nuxt
Nuxt 4 + Nuxt UI v4 + Tailwind CSS v4. 92+ pages, 7 layouts, 5 dashboards, RTL, i18n, mock API layer.

View all premium templates →

Browser & platform support

AdminLTE supports the latest versions of all modern browsers (Chrome, Firefox, Safari, Edge) via Bootstrap 5.3.8. The build scripts run cross-platform — Windows (CMD, PowerShell, Git Bash), macOS and Linux — using cross-platform npm utilities throughout.

Security & production deployment

AdminLTE is a UI template. Deploy only the compiled production assets (dist/js/adminlte.min.js, dist/css/adminlte.min.css) and your own application files — never node_modules/, the demo HTML pages, or the src/ directory.

About CVE-2021-36471: this CVE is disputed and does not represent a vulnerability in AdminLTE — it refers to demo pages being accessible when example files are incorrectly deployed to production. AdminLTE v4 cleanly separates development demos from production assets.

For detailed guidelines, authentication requirements, and best practices, see SECURITY.md.

Sponsorship

Support AdminLTE development by becoming a sponsor or donor.

Sponsor on GitHub    Donate via PayPal

Our sponsors

User avatar: spizzo14   User avatar: tomhappyblock   User avatar: stefanmorderca   User avatar: tito10047   User avatar: sitchi   User avatar: npreee   User avatar: isaacmorais  

Your avatar here? Become a sponsor

Contributing

Contributions are highly welcome:

  1. Install Node.js (LTS) and clone this repository (master branch).
  2. npm install, then npm start to run the dev server.
  3. Make your changes (run npm run lint before committing) and open a PR against master.

License

AdminLTE is an open source project by AdminLTE.io licensed under MIT. AdminLTE.io reserves the right to change the license of future releases.

Image credits

Pixeden, Graphicsfuel, Pickaface, Unsplash, Uifaces, Unavatar

almasaeed2010/adminlte 适用场景与选型建议

almasaeed2010/adminlte 是一款 基于 CSS 开发的 Composer 扩展包,目前已累计 8.94M 次下载、GitHub Stars 达 45.48k, 最近一次更新时间为 2014 年 11 月 26 日, 在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向: 「admin」 「css」 「theme」 「template」 「JS」 「web」 等业务场景。在实际项目中,围绕这些方向常见需要落地的问题包括:接口对接、性能调优、并发安全、与既有框架(Laravel / ThinkPHP / Yii / Webman 等)的兼容适配,以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 almasaeed2010/adminlte 或与其功能相近的方案,如果你在选型或落地过程中遇到问题,例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查,欢迎联系我们协助评估。

围绕 almasaeed2010/adminlte 我们能提供哪些服务?
定制开发 / 二次开发

基于 almasaeed2010/adminlte 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复;针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维;也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ:316430983 微信:yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

统计信息

  • 总下载量: 8.94M
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 45523
  • 点击次数: 38
  • 依赖项目数: 185
  • 推荐数: 1

GitHub 信息

  • Stars: 45482
  • Watchers: 1946
  • Forks: 18200
  • 开发语言: CSS

其他信息

  • 授权协议: MIT
  • 更新时间: 2014-11-26