推荐几个最受欢迎的vue管理后台框架

系统管理员 2024-04-23 20:08 6阅读 0赞

> 转载地址：[https://blog.csdn.net/weixin\_44763569/article/details/107821299][https_blog.csdn.net_weixin_44763569_article_details_107821299]

说到使用vue做一个管理后台系统，大部分人都会使用饿了么的[框架][Link 1]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[技术栈][Link 2]开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

![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://blog.csdn.net/weixin\_44763569/article/details/107821299][https_blog.csdn.net_weixin_44763569_article_details_107821299 1]

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

![format_png 5][]

[https_blog.csdn.net_weixin_44763569_article_details_107821299]: https://blog.csdn.net/weixin_44763569/article/details/107821299
[Link 1]: https://so.csdn.net/so/search?q=%E6%A1%86%E6%9E%B6&spm=1001.2101.3001.7020
[vue-element-admin]: https://so.csdn.net/so/search?q=vue-element-admin&spm=1001.2101.3001.7020
[Github]: https://so.csdn.net/so/search?q=Github&spm=1001.2101.3001.7020
[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
[Link 2]: https://so.csdn.net/so/search?q=%E6%8A%80%E6%9C%AF%E6%A0%88&spm=1001.2101.3001.7020
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LWNmNDdkOTBhNGVjMTYzNjQucG5n?x-oss-process=image/format,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]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTcxMzQ5ZDVkMDg1ZWYyOTkucG5n?x-oss-process=image/format,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]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LWQ5YzczZjQ1MDcxODA4ZmUucG5n?x-oss-process=image/format,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]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LWQzMzNjYTFmZTBlNGI1NzEuanBn?x-oss-process=image/format,png
[https_github.com_epicmaxco_vuestic-admin]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fepicmaxco%2Fvuestic-admin
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LTc3MTQ1Y2U1NjVmYjAwNTEuanBn?x-oss-process=image/format,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_blog.csdn.net_weixin_44763569_article_details_107821299 1]: https://links.jianshu.com/go?to=https%3A%2F%2Flin-xin.gitee.io%2Fexample%2Fwork%2F%23%2Fdashboard
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy81NjQwMjM5LWQ2NGUyOGQ5ZjQ0ZjUyZTIucG5n?x-oss-process=image/format,png