推荐6款Vue管理后台框架，收藏好，留备用

比眉伴天荒 2023-05-29 05:13 63阅读 0赞

> Vue.js 是一个目前比较流行的前端框架，在业界也算很有名气，今天这里为大家罗列一下基于Vue的后端管理的框架。使用这些框架你会发现它包括了我们常用的路由，状态，交互等等，我们只需要去复用它的代码，加上一下我们自己少量的逻辑就能轻松的完成项目。会为你节约更多时间喝喝咖啡等，给你一种“框架在手，天下我有”的感觉。这篇文章主要介绍element和Vue Admin。

### 1、element ###

Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本。在这个月的 NingJS 上我们开源了这个项目，当时它的文档还没有准备好。今天，经过两周多的完善， Element UI 的文档正式上线啦！目前它处于 rc 阶段，正式版将于 Vue 2.0 发布后第一时间跟进。 欢迎大家来使用和完善，一起把它做成 Vue 最好的企业级组件库。

*  评价： 网站快速成型工具 Element，非常出色的后台管理系统框架，直接填内容即可。

> 官网：[http://element.eleme.io][http_element.eleme.io]  
> 地址：[https://github.com/PanJiaChen/vue-element-admin][https_github.com_PanJiaChen_vue-element-admin]
> 
> ![format_png][]
> 
> image.png
> 
>

--------------------

### 2、Vue Admin ###

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

> 官网：[https://admin.vuebulma.com][https_admin.vuebulma.com]  
> 地址：[https://github.com/taylorchen709/vue-admin][https_github.com_taylorchen709_vue-admin]
> 
> ![format_png 1][]
> 
> image.png
> 
>

--------------------

### 3、vue-manage-system ###

基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案 ,弥补了element中缺少图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能。适用于绝大部分的后台管理系统（Web Management System）开发。基于vue.js,使用vue-cli脚手架快速生成项目目录，引用Element UI组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。

*  评价： 系统出色，界面美观，更新活跃

> 地址：[https://github.com/lin-xin/vue-manage-system][https_github.com_lin-xin_vue-manage-system]
> 
> ![format_png 2][]
> 
> image.png
> 
>

--------------------

### 4、iview-admin ###

基于Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案，由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。

> 地址：[https://github.com/iview/iview-admin][https_github.com_iview_iview-admin]
> 
> ![format_png 3][]
> 
> image.png
> 
>

--------------------

### 5、vuestic-admin ###

一个响应式的仪表盘模板，采用Bootstrap 4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。

> 地址：[https://github.com/epicmaxco/vuestic-admin][https_github.com_epicmaxco_vuestic-admin]
> 
> ![format_png 4][]
> 
> image.png
> 
>

--------------------

### 6、d2-admin ###

基于 vue.js 和 ElementUI 的管理系统前端解决方案 。

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，使用最新的前端技术栈，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统敏捷开发。

> 地址：[https://github.com/d2-projects/d2-admin][https_github.com_d2-projects_d2-admin]
> 
> ![format_png 5][]
> 
> image.png

[http_element.eleme.io]: https://links.jianshu.com/go?to=http%3A%2F%2Felement.eleme.io%2F%23%2Fzh-CN%2Fcomponent%2Finstallation
[https_github.com_PanJiaChen_vue-element-admin]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FPanJiaChen%2Fvue-element-admin
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xODk5MDE1LTlkMTk1ZTYwZDY0ZGJkMjAucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTIwMC9mb3JtYXQvd2VicA?x-oss-process=image/format,png
[https_admin.vuebulma.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fadmin.vuebulma.com%2F%23%2F
[https_github.com_taylorchen709_vue-admin]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Ftaylorchen709%2Fvue-admin
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xODk5MDE1LTlhZWYyNGVlZmI3ZmY5ZTYucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTIwMC9mb3JtYXQvd2VicA?x-oss-process=image/format,png
[https_github.com_lin-xin_vue-manage-system]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Flin-xin%2Fvue-manage-system
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xODk5MDE1LWJiOWY4NDBmZjZmMDIyZjUucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvNzUwL2Zvcm1hdC93ZWJw?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
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xODk5MDE1LTcwNzdiOTQ2ZTI1OTY0NzcucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTIwMC9mb3JtYXQvd2VicA?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/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xODk5MDE1LTA4ZjdjZDhhNzQwYTNmNzgucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTIwMC9mb3JtYXQvd2VicA?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 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xODk5MDE1LTYwNTBmYjM0YzdlODJmY2YucG5nP2ltYWdlTW9ncjIvYXV0by1vcmllbnQvc3RyaXB8aW1hZ2VWaWV3Mi8yL3cvMTIwMC9mb3JtYXQvd2VicA?x-oss-process=image/format,png