17款优秀开源免费管理后台模版,建议收藏

607次阅读
没有评论

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

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

1. vue-Element-Admin Star : 57.5k

https://github.com/PanJiaChen/vue-element-admin

这个项目,是一个后台管理系统的前端网页模板,它基于 vue 和 element-ui实现。
直接使用了目前最新的前端开发技术,可以帮助企业快速搭建企业级的后台产品项目原型。
这个项目模板有几个特点:

  1. 动态路由
  2. 权限验证
  3. 提典型的业务模型
  4. 丰富的功能组件
  5. 内置 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 的后台管理框架模板,他有下面这些不错的特点:

  1. Angular 9+和Typescript
  2. Bootstrap 4+和SCSS
  3. 响应式布局
  4. RTL支持
  5. 高分辨率
  6. 可通过热重载灵活配置主题
  7. 40多个 Angular 组件
  8. 60多个用法示例

使用typescript,用法示例比较多,也是练手的好模板。
效果地址:https://hubs.ly/H0n4Tk70

5. blur-admin Star : 11k

https://github.com/akveo/blur-admin

blur-admin这个项目模板,是基于Bootstrap 和 Angular 的后台管理系统模板。
主要有这九个特点:

  1. AngularJS
  2. Jquery
  3. Charts (amChart, Chartist, Chart.js, Morris)
  4. Maps (Google, Leaflet, amMap)
  5. 响应式布局
  6. 高分辨率
  7. Bootstrap CSS Framework
  8. Sass
  9. Gulp 构建

比较有科技感,坐一些数据可视化的项目体验感不错的。
效果地址:https://akveo.github.io/blur-admin/

6. iview-admin Star 15.3K

github.com/iview/iview…

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

iView Admin 遵守 iView 设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。不过该项目已经一年多没有更新维护了,估计是在等出了配合 Vue3 相关的 iView UI 库再更新了吧,而且也是配有使用文档的,很不错。

7. vue-admin-template Star 12K

github.com/PanJiaChen/…

这是一个极简的 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

项目地址:github.com/chuzhixin/v…

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

项目地址:github.com/zuiidea/ant…

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

特性

  • 国际化,源码中抽离翻译字段,按需加载语言包
  • 动态权限,不同权限对应不同菜单
  • 优雅美观,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

地址:lin-xin/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 加载,已经做好大部分项目前期准备工作。

正文完
可以使用微信扫码关注公众号(ID:xzluomor)
post-qrcode
 
评论(没有评论)