Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套管理后台模版并不容易,幸运的是有很多开源免费的管理后台模版可以给开发者使用。
那么有哪些优秀的开源免费的管理后台模版呢?
1. vue-Element-Admin Star : 57.5k
https://github.com/PanJiaChen/vue-element-admin
这个项目,是一个后台管理系统的前端网页模板,它基于 vue 和 element-ui实现。
直接使用了目前最新的前端开发技术,可以帮助企业快速搭建企业级的后台产品项目原型。
这个项目模板有几个特点:
- 动态路由
- 权限验证
- 提典型的业务模型
- 丰富的功能组件
- 内置 i18n 国际化解决方案
而且这个项目模板居然还有配套的教程API,带你如何从零开始构建项目,简直就是练手好项目啊!特别是最近面试缺少项目经验的同学们,可以直接拿来练项目经验!
效果地址:https://panjiachen.github.io/vue-element-admin
2. tabler Star : 21.6k
https://github.com/tabler/tabler
这个是一个后台管理模板,技术是基于 BootStrap 4 ,有4个不错的特点:
- 响应式:有了对移动设备,平板电脑和台式机显示器的支持,
- 无论您使用什么设备。Tabler在所有主要浏览器中都响应迅速。
- HTML5和CSS3:包括一些体验感不错的CSS3动画
- 代码简洁:遵循Bootstrap规范
- 兼容现代浏览器:支持最新的Chrome,Firefox +,最新的Safari,Opera,Edge和移动浏览器完美配合。
3. AdminLTE Star : 35.5k
https://github.com/almasaeed2010/AdminLTE
AdminLTE后台管理模板也是基于Bootstrap 4.4框架以及JS / jQuery插件的。
最大的特点就是高度可定制而且容易上手使用,方便快捷。并且支持从小型移动设备到大型台式机的多种屏幕分辨率,兼容性强。
效果地址:https://adminlte.io/themes/v3/
4. ng2-admin Star : 21k
https://github.com/akveo/ngx-admin
ng2-admin是基于 Angular 9+, Bootstrap 4 的后台管理框架模板,他有下面这些不错的特点:
- Angular 9+和Typescript
- Bootstrap 4+和SCSS
- 响应式布局
- RTL支持
- 高分辨率
- 可通过热重载灵活配置主题
- 40多个 Angular 组件
- 60多个用法示例
使用typescript,用法示例比较多,也是练手的好模板。
效果地址:https://hubs.ly/H0n4Tk70
5. blur-admin Star : 11k
https://github.com/akveo/blur-admin
blur-admin这个项目模板,是基于Bootstrap 和 Angular 的后台管理系统模板。
主要有这九个特点:
- AngularJS
- Jquery
- Charts (amChart, Chartist, Chart.js, Morris)
- Maps (Google, Leaflet, amMap)
- 响应式布局
- 高分辨率
- Bootstrap CSS Framework
- Sass
- Gulp 构建
比较有科技感,坐一些数据可视化的项目体验感不错的。
效果地址:https://akveo.github.io/blur-admin/
6. iview-admin Star 15.3K
iView Admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案,由 TalkingData 前端可视化团队部分成员开发维护。
iView Admin 遵守 iView 设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。不过该项目已经一年多没有更新维护了,估计是在等出了配合 Vue3 相关的 iView UI 库再更新了吧,而且也是配有使用文档的,很不错。
7. vue-admin-template Star 12K
这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。
目前版本为 v4.0+
基于 vue-cli
进行构建,若你想使用旧版本,可以切换分支到 tag/3.11.0,它不依赖 vue-cli
。
极简版,就是 vue-Element-Admin 的简化版,功能简单一点,方便快速开发用的。
而且也是配有使用文档的,很不错。
8. ant-design-pro Star 27.2K
Github 地址: github.com/ant-design/…
开箱即用的中台前端 / 设计解决方案。
Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。
随着『设计者』的不断反馈,我们将持续迭代,逐步沉淀和总结出更多设计模式和相应的代码实现,阐述中后台产品模板/组件/业务场景的最佳实践,也十分期待你的参与和共建。
Ant Design Pro 在力求提供开箱即用的开发体验,为此我们提供完整的脚手架,涉及国际化,权限,mock,数据流,网络请求等各个方面。
为这些中后台中常见的方案提供了最佳实践来减少学习和开发成本。
而且也是配有使用文档的,很不错。
9. 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 云开发。
该项目还在不断更新和维护中。
10. vuestic-admin Star 7.6K
Github 地址: github.com/epicmaxco/v…
这是一个免费与美妙 Vue.js 管理模板,包括 38 以上个定制用户界面组件。响应布局 | 图表(Charts.js) | 进度表 | 表格 | 选辑 | 日期选择器 | 复选框和单选框 | 静态表与数据表 | medium editor | 平滑设计字体 | 按钮 | 塌缩 | 颜色选择器 | 时间线 | 土司通知 | 工具提示 | 弹窗 | 图标 | 自旋体 | 模式 | 文件上传 | 厚切薯条通知 | 树 | 卡片 | 等级 | 滑动器 | 聊天系统 | 地图(Google, Yandex, Leaflet, amMap) | 登录/注册页模板 | 404页模板 | i18n
11. antd-admin
一套优秀的中后台前端解决方案。
特性
- 国际化,源码中抽离翻译字段,按需加载语言包
- 动态权限,不同权限对应不同菜单
- 优雅美观,Ant Design 设计体系
- Mock 数据,本地数据调试
而且也是配有使用文档的,很不错。
12. eladmin
前后端都有,还是挺不错的。 github.com/elunez/elad…
一个简单且易上手的 Spring boot 后台管理框架
技术栈
使用 SpringBoot、Jpa、Security、Redis、Vue 等前后端前沿技术开发。
模块化
后端采用按功能分模块开发方式,提升开发,测试效率。
高效率
项目简单可配,内置代码生成器,配置好表信息就能一键生成前后端代码。
分离式
前后端完全分离,前端基于 Vue,后端基于 Spring boot。
响应式
支持电脑、平板、手机等所有主流设备访问。
易用性
几乎可用于所有 Web 项目的开发,如 OA、Cms,网址后台管理等。
13. layuiAdmin
采用自身模块规范编写的前端 UI 框架 地址:https://www.layui.com/admin/
14. gentelella Gentelella Admin Start 18.7k
是一个免费使用的Bootstrap管理模板
Github 地址:https://github.com/ColorlibHQ/gentelella
15、vue-manage-system
demo预览:vue-manage-system | vue后台管理系统
vue-manage-system,一个基于 Vue.js 和 element-ui 的后台管理系统模板,挺喜欢这个界面的UI,简约清晰不累赘,多功能的后台框架模板,适用于绝大部分的后台管理系统开发。
16、material-dashboard
推荐指数:star:9.1k
Github 地址:creativetimofficial/material-dashboard
demo:Page not found · GitHub Pages
基于 Bootstrap 4 和 Material 风格的控制面板。Material Dashboard 是一个开源的 Material Bootstrap Admin,其设计灵感来自谷歌的 Material Design 。
17、d2-admin
推荐指数:star:8.7k
github地址:d2-projects/d2-admin
D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案,基于 vue.js 和 ElementUI 的管理系统前端解决方案 ,小于 60kb 的本地首屏 js 加载,已经做好大部分项目前期准备工作。