10 个 GitHub 上超火和超好看的管理后台模版，后台管理项目有着落了

大家好，我是你们的 超级猫，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~

前言

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。

久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。

初步前端与高级前端之间，最大的差距可能就是信息差造成的。

超级猫从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。

从 2018 年开始，我就养成了每天逛 GitHub 的习惯，一般在早上上班前或者中午午休的时候都会逛一下。

看看每天都开源了哪些好的前端项目，还有用到的主流前端技术栈又是哪些，值得我去学习的。

因此也收藏了不少好的开源项目，在此推荐给大家，每周会有一到三篇精华文章推送。

希望你在浏览、学习了超级猫推荐的这些开源项目的过程中，你能学习到更多编程知识、提高编程技巧、找到编程的乐趣。

平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

以下为【前端GitHub】的第 8 期精华内容。

今天给大家带来的是 GitHub 上 10 个超火和超好看管理后台模版，希望你在这里面找到写 省时省力的模版！

喵~ 喵~ 喵~ 正文开始了，上车坐稳扶好了~

Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套管理后台模版并不容易，幸运的是有很多开源免费的管理后台模版可以给开发者使用。

那么有哪些优秀的开源免费的管理后台模版呢？

我在 GitHub 上收集了一些优秀的管理后台模版，而且是还在不断更新和维护的项目，并总结得出 Top 10。

1. vue-Element-Admin

vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui 实现。

它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

同时配套了系列教程文章，如何从零构建后一个完整的后台项目。

• 手摸手，带你用 vue 撸后台 系列一(基础篇)
• 手摸手，带你用 vue 撸后台 系列二(登录权限篇)
• 手摸手，带你用 vue 撸后台 系列三 (实战篇)
• 手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)
• 手摸手，带你用 vue 撸后台 系列五(v4.0新版本)
• 手摸手，带你封装一个 vue component
• 手摸手，带你优雅的使用 icon
• 手摸手，带你用合理的姿势使用 webpack4（上）
• 手摸手，带你用合理的姿势使用 webpack4（下）

该项目还在一直维护中。

而且也是配有使用文档的，很不错。

Github Star 数 62.2K， Github 地址：

2. iview-admin

iView Admin 是基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案，由 TalkingData 前端可视化团队部分成员开发维护。

iView Admin 遵守 iView 设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。

不过该项目已经一年多没有更新维护了，估计是在等出了配合 Vue3 相关的 iView UI 库再更新了吧。

而且也是配有使用文档的，很不错。

Github Star 数 15.3K，Github 地址：

3. vue-admin-template

这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。

目前版本为 v4.0+ 基于 vue-cli 进行构建，若你想使用旧版本，可以切换分支到 tag/3.11.0，它不依赖 vue-cli。

极简版，就是 vue-Element-Admin 的简化版，功能简单一点，方便快速开发用的。

而且也是配有使用文档的，很不错。

Github Star 数 12K，Github 地址：

4. ant-design-pro

开箱即用的中台前端 / 设计解决方案。

Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。

随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。

Ant Design Pro 在力求提供开箱即用的开发体验，为此我们提供完整的脚手架，涉及国际化，权限，mock，数据流，网络请求等各个方面。

为这些中后台中常见的方案提供了最佳实践来减少学习和开发成本。

而且也是配有使用文档的，很不错。

Github Star 数 27.2K，Github 地址：

5. ngx-admin

基于Angular 10+ 的可定制管理仪表板模，还拥有 6 个惊人的视觉主题。

Github Star 数 21.7K，Github 地址：

6. vue-admin-beautiful

vue-admin-beautiful 是一款基于 vue+element-ui 的绝佳的中后台前端开发管理框架（基于 vue/cli 4 最新版，同时支持电脑，手机，平板）。

vue-admin-beautiful-pro 拥有四种布局（画廊布局、综合布局、纵向布局、横向布局）四种主题（默认、海洋之心、绿茵草场，荣耀典藏），共计 16 布局主题种组合，满足所有项目场景。

已支持常规 bug 自动修复，前端代码自动规范，代码一键生成等众多功能，可以在完全不依赖后台的情况下独立开发完成项目，以及接口自动模拟生成，支持 JAVA、php、NODE、.NET、Django 等常用所有后台对接，甚至完全放弃 JAVA 等常规后端开发，内置 node 服务支持直接操作数据库进行增删改查，支持当前流行的 unicloud、serverless 云开发。

该项目还在不断更新和维护中，不错。

7. vuestic-admin

这是一个免费与美妙 Vue.js 管理模板，包括 38 以上个定制用户界面组件。

响应布局 | 图表(Charts.js) | 进度表 | 表格 | 选辑 | 日期选择器 | 复选框和单选框 | 静态表与数据表 | medium editor | 平滑设计字体 | 按钮 | 塌缩 | 颜色选择器 | 时间线 | 土司通知 | 工具提示 | 弹窗 | 图标 | 自旋体 | 模式 | 文件上传 | 厚切薯条通知 | 树 | 卡片 | 等级 | 滑动器 | 聊天系统 | 地图(Google, Yandex, Leaflet, amMap) | 登录/注册页模板 | 404页模板 | i18n

Github Star 数 7.6K，Github 地址：

8. antd-admin

一套优秀的中后台前端解决方案。

特性

• 国际化，源码中抽离翻译字段，按需加载语言包
• 动态权限，不同权限对应不同菜单
• 优雅美观，Ant Design 设计体系
• Mock 数据，本地数据调试

而且也是配有使用文档的，很不错。

9. eladmin

一个简单且易上手的 Spring boot 后台管理框架

技术栈

使用 SpringBoot、Jpa、Security、Redis、Vue 等前后端前沿技术开发。

模块化

后端采用按功能分模块开发方式，提升开发，测试效率。

高效率

项目简单可配，内置代码生成器，配置好表信息就能一键生成前后端代码。

分离式

前后端完全分离，前端基于 Vue，后端基于 Spring boot。

响应式

支持电脑、平板、手机等所有主流设备访问。

易用性

几乎可用于所有 Web 项目的开发，如 OA、Cms，网址后台管理等。

前后端都有，还是挺不错的。

10. AdminLTE

AdminLTE 是一个完全响应的管理模板。基于 Bootstrap 4.5 框架以及 JS / jQuery 插件。

高度可定制且易于使用。适合从小型移动设备到大型台式机的多种屏幕分辨率。

AdminLTE 的所有 JS，SCSS 和 HTML 文件均经过精心编码，并带有清晰的注释。SCSS 已用于提高代码的可定制性。

ui 风格也不偏向于外国吧，比较简结。

好的地方是还一直在更新和维护，最大的不足就是还依赖于 jQuery 这个旧时代的产物，唉。

Github Star 数 36.8K 也非常高 ， Github 地址：

最后

最近加班有点严重，经常都是晚上 10、11 点多才下班，所以文章更新慢了很多。

因为文章都是在晚上肝出来的，一篇文章要肝几个晚上才行，肝到这里时，已经过了零晨了，唉。

同是打工猫，生活不易啊！

最后就以一张很治愈的图片来治愈一下疲惫的心灵吧。

好了啦，【前端GitHub】的第 8 期内容已经讲完了啦。

更多精彩内容请关注下方仓库，你将发现更大的前端世界：

平时如何发现好的开源项目，可以看看这两篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目 和 恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧。

可以加超级猫的 wx：CB834301747 ，一起闲聊 前端GitHub。

往期精文

• 10 个 GitHub 上超火的前端面试项目，打造自己的加薪宝库！

• 10 个 GitHub 上超火的 CSS 技巧项目，找到写 CSS 的灵感！

• 11 个超火的大厂前端代码规范，你也能写出诗一样的代码！

• 恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧

• GitHub上最火的、最值得前端学习的数据结构与算法项目！没有之一

• 全球最火的WEB开发学习路线！没有之一！3 天就在GitHub收获了接近 1w 点赞

• Github标星1.6W+，程序员不得不知的“潜规则”又火了，早知道就不会秃头了

觉得有用 ？喜欢就收藏，顺便点个赞吧，你的支持是我最大的鼓励！