Web后台管理框架收集，后台模板

article/2025/9/16 19:50:42

Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用，以下是我整理的一些UI框架模板，可以拿来稍加改造就能直接使用，简单实用
1、sa-admin
演示站上面有相关下载地址
演示站 http://sa-admin.dev33.cn/
自工作以来，做了不少后台增删改查的工作，也用过不少优秀的后台模板，但大多都有着一些这样那样不尽人意的地方，直到找到了sa-admin

功能十分强大，而且不用修改一行代码就能集成到自己的项目中，比着官网的文档五分钟就能快速上手

github：https://github.com/click33/sa-admin
官网：http://sa-admin.dev33.cn/
在这里插入图片描述

2、vue-element-admin
https://panjiachen.github.io/vue-element-admin-site/zh/guide/

本项目的定位是后台集成方案，不适合当基础模板来开发，模板建议使用 vueAdmin-template ，桌面端 electron-vue-admin
在这里插入图片描述

3、Layui
https://www.layui.com/

在这里插入图片描述

由职业前端倾情打造，面向所有层次的前后端开发者，零门槛开箱即用的前端UI解决方案

4、AdminLTE
Github 地址：https://github.com/almasaeed2010/AdminLTE
国内示例及文档说明下载：http://adminlte.la998.com/、http://adminlte.la998.com/documentation/index.html
AdminLTE 是一个开源的后台控制面板和仪表盘 WebApp 模板，非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。
在这里插入图片描述

5、Gentelella
Github 地址：https://github.com/puikinsh/gentelella

演示地址： https://colorlib.com/polygon/gentelella/

一个基于 Bootstarp 的免费的后台控制面板。
在这里插入图片描述

6、ng2-admin
Github 地址：https://github.com/akveo/ngx-admin
演示地址：http://akveo.com/ng2-admin/#/pages/dashboard
基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。
在这里插入图片描述

7、ant-design-pro
Github 地址：https://github.com/ant-design/ant-design-pro
演示地址：https://preview.pro.ant.design/dashboard/analysis
开箱即用的中台前端/设计解决方案
在这里插入图片描述