GitHub上的7个超棒Vue管理后台框架

我不是女神ヾ 2022-11-27 03:07 158阅读 0赞

说到使用vue做一个管理后台系统，大部分人都会使用饿了么的框架vue-element-admin，因为很方便，很快就能够搭建出来一个漂亮的系统，但是有的时候，会不满足自己的业务需求的样式，这个时候，我就总结了7个宝藏级Vue管理后台框架 ，给喜欢使用vue技术栈的小伙伴门。

1：vue-element-admin

推荐指数：star:55k  
Github 地址：[https://github.com/PanJiaChen/vue-element-admin][https_github.com_PanJiaChen_vue-element-admin]  
Demo体验：[https://panjiachen.github.io/vue-element-admin/\#/dashboard][https_panjiachen.github.io_vue-element-admin_dashboard]

一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

![format_png][]

## 2：**ant-design-vue-pro** ##

推荐指数：star:11.2k  
官网：[https://www.antdv.com/docs/vue/introduce-cn/][https_www.antdv.com_docs_vue_introduce-cn]  
GitHub 地址：[https://github.com/vueComponent/ant-design-vue/][https_github.com_vueComponent_ant-design-vue]

![format_png 1][]

## 3： **iview-admin** ##

推荐指数：star:15k  
GitHub 地址：[https://github.com/iview/iview-admin][https_github.com_iview_iview-admin]  
演示地址：[https://admin.iviewui.com][https_admin.iviewui.com]

iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 组件库形成的一套后台集成解决方案 。

![format_png 2][]

## 4：d2-admin ##

推荐指数：star：9k  
GitHub地址：[https://github.com/d2-projects/d2-admin][https_github.com_d2-projects_d2-admin]

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，基于 vue.js 和 ElementUI 的管理系统前端解决方案 ，小于 60kb 的本地首屏 js 加载,已经做好大部分项目前期准备工作

![format_png 3][]

## 5：vuestic-admin ##

推荐指数：star：7.4k

GitHub地址：[https://github.com/epicmaxco/vuestic-admin][https_github.com_epicmaxco_vuestic-admin]

vuestic-admin，一款免费而美妙Vue.js管理模板包括38以上个定制用户界面组件，像地图，聊天，个人资料卡，图标，进度条、登录和注册的预建页面等等。

![format_png 4][]

## 6：Vue Admin ##

推荐指数：star：6.5k  
Vue Admin 是一个基于 Vue 2.0 & Bulma 0.3 的后台管理面板（管理系统），相当于是 Vue 版本的 Bootstrap 管理系统，提供了一组通用的后台界面 UI 和组件，其中还有丰富的图表组件，开箱即用

官网：[https://admin.vuebulma.com][https_admin.vuebulma.com]  
GitHub地址：[https://github.com/taylorchen709/vue-admin][https_github.com_taylorchen709_vue-admin]

## 7：**vue-manage-system** ##

推荐指数：star：10.9k  
GitHub地址：[https://github.com/lin-xin/vue-manage-system][https_github.com_lin-xin_vue-manage-system]  
演示地址：[https://lin-xin.gitee.io/example/work/\#/dashboard][https_lin-xin.gitee.io_example_work_dashboard]

基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案 ,弥补了element中缺少图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能。适用于绝大部分的后台管理系统（Web Management System）开发。

![format_png 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70][]

[https_github.com_PanJiaChen_vue-element-admin]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FPanJiaChen%2Fvue-element-admin
[https_panjiachen.github.io_vue-element-admin_dashboard]: https://links.jianshu.com/go?to=https%3A%2F%2Fpanjiachen.github.io%2Fvue-element-admin%2F%23%2Fdashboard
[format_png]: /images/20221124/b699dcd6b32048908fe0cfa685fd187c.png
[https_www.antdv.com_docs_vue_introduce-cn]: https://links.jianshu.com/go?to=https%3A%2F%2Fwww.antdv.com%2Fdocs%2Fvue%2Fintroduce-cn%2F
[https_github.com_vueComponent_ant-design-vue]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FvueComponent%2Fant-design-vue%2F
[format_png 1]: /images/20221124/9d9b2b9fc5094d69a8e71181a601a8f7.png
[https_github.com_iview_iview-admin]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fiview%2Fiview-admin
[https_admin.iviewui.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fadmin.iviewui.com
[format_png 2]: /images/20221124/6c3b4f9aa8bc4aa58a15a25c8f96e31b.png
[https_github.com_d2-projects_d2-admin]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fd2-projects%2Fd2-admin
[format_png 3]: /images/20221124/a5ae769ce5284741908ec62e179b6856.png
[https_github.com_epicmaxco_vuestic-admin]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fepicmaxco%2Fvuestic-admin
[format_png 4]: /images/20221124/35335d3cb1214ee185c80faebcc1e110.png
[https_admin.vuebulma.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fadmin.vuebulma.com
[https_github.com_taylorchen709_vue-admin]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Ftaylorchen709%2Fvue-admin
[https_github.com_lin-xin_vue-manage-system]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Flin-xin%2Fvue-manage-system
[https_lin-xin.gitee.io_example_work_dashboard]: https://links.jianshu.com/go?to=https%3A%2F%2Flin-xin.gitee.io%2Fexample%2Fwork%2F%23%2Fdashboard
[format_png 5]: /images/20221124/c44393fc9f8948ad923d1d5f197a5889.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70]: /images/20221124/98d20caf36f84cc0bfa777b3bec1ce19.png