![640?wx_fmt=jpeg](https://i-blog.csdnimg.cn/blog_migrate/20a7c539489f4030e33dfcec8d7bbb3b.jpeg)
作者:
jeffrey_hjf
来源 | https://www.jianshu.com/p/0f41bfe211a8
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
地址: https://github.com/PanJiaChen/vue-element-admin
地址: https://github.com/PanJiaChen/vue-element-admin
![640?wx_fmt=other](https://i-blog.csdnimg.cn/blog_migrate/d601b429f4f7f38d67e7dcfb30a12211.jpeg)
2、Vue Admin
Vue Admin 是一个基于 Vue 2.0 & Bulma 0.3 的后台管理面板(管理系统),相当于是 Vue 版本的 Bootstrap 管理系统,提供了一组通用的后台界面 UI 和组件,其中还有丰富的图表组件,开箱即用
官网:
https://admin.vuebulma.com
地址: https://github.com/taylorchen709/vue-admin
地址: https://github.com/taylorchen709/vue-admin
![640?wx_fmt=other](https://i-blog.csdnimg.cn/blog_migrate/4d9b8f91ab0fa840d9b7081b720903d5.jpeg)
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
![640?wx_fmt=other](https://i-blog.csdnimg.cn/blog_migrate/f24a29fc1232f97ee49e2515a5461223.jpeg)
4、iview-admin
基于Vue.js,搭配使用iView UI组件库形成的一套后台集成解决方案,由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。
地址:
https://github.com/iview/iview-admin
![640?wx_fmt=other](https://i-blog.csdnimg.cn/blog_migrate/c5deee60060a41f87b6417d3850d8a0a.jpeg)
5、vuestic-admin
一个响应式的仪表盘模板,采用Bootstrap 4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件,如地图,聊天,个人资料卡,图标,进度条等,以及用于登录和注册的预建页面。
地址:
https://github.com/epicmaxco/vuestic-admin
![640?wx_fmt=other](https://i-blog.csdnimg.cn/blog_migrate/9a3849b1c002874126985f0f211f2d79.jpeg)
6、d2-admin
基于 vue.js 和 ElementUI 的管理系统前端解决方案 。
D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案,使用最新的前端技术栈,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。
地址:
https://github.com/d2-projects/d2-admin
![640?wx_fmt=other](https://i-blog.csdnimg.cn/blog_migrate/750cb13d9e92f5bfc185cb1bd0d8c6d2.jpeg)