Vue管理后台框架选择推荐

阳光穿透心脏的1/2处 2023-10-11 13:58 28阅读 0赞

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

#### 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
> 
> ![640?wx\_fmt=png][640_wx_fmt_png]
> 
> image.png

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

#### 2、Vue Admin ####

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

> 官网：https://admin.vuebulma.com  
> 地址：https://github.com/taylorchen709/vue-admin
> 
> ![640?wx\_fmt=png][640_wx_fmt_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
> 
> ![640?wx\_fmt=png][640_wx_fmt_png 2]
> 
> image.png

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

#### 4、iview-admin ####

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

> 地址：https://github.com/iview/iview-admin
> 
> ![640?wx\_fmt=png][640_wx_fmt_png 3]
> 
> image.png

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

#### 5、vuestic-admin ####

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

> 地址：https://github.com/epicmaxco/vuestic-admin
> 
> ![640?wx\_fmt=png][640_wx_fmt_png 4]
> 
> image.png

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

#### 6、d2-admin ####

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

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

> 地址：https://github.com/d2-projects/d2-admin
> 
> ![640?wx\_fmt=png][640_wx_fmt_png 5]
> 
> image.png

[640_wx_fmt_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9pYm1Bd21ZeGdEQk9sYlRBQURpY3FSU3RlUngycG9yVU1iemJpYWhOVEVkMkZRdU9pYnRPbHkyeFloUjRGb2I2Q1h1MkE1YkM4cFN2U1BmaGxSRGpxS2JLRFEvNjQwP3d4X2ZtdD1wbmc?x-oss-process=image/format,png
[640_wx_fmt_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9pYm1Bd21ZeGdEQk9sYlRBQURpY3FSU3RlUngycG9yVU1iZkxpY09hQlBPdEhHSEROWXYxY1Rsd1FXVnlHMldTVzl3V2dRdVhHUXh1bHpQVlVtaWJQenlWSUEvNjQwP3d4X2ZtdD1wbmc?x-oss-process=image/format,png
[640_wx_fmt_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9pYm1Bd21ZeGdEQk9sYlRBQURpY3FSU3RlUngycG9yVU1icmhIRWNpYkZLS1dmTlhhWGg4SDF6SXVJRWVYeWxCclBmU1RIMTFLeUVzbWg3cFp0VVZVNDNwQS82NDA_d3hfZm10PXBuZw?x-oss-process=image/format,png
[640_wx_fmt_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9pYm1Bd21ZeGdEQk9sYlRBQURpY3FSU3RlUngycG9yVU1ieFRJUEdyWVp0aDNjMnhkeG5WcVpxWDF3cEVDaGlhZW1YWXc1ZGlib0FlQno3UEltRDgxbnNDWGcvNjQwP3d4X2ZtdD1wbmc?x-oss-process=image/format,png
[640_wx_fmt_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9pYm1Bd21ZeGdEQk9sYlRBQURpY3FSU3RlUngycG9yVU1iN0V1UHB6T0lsU1hnaWFjZWhpYlVtSGdpYnhuWDNvd1BpY1I4b2I2ZXUySkpaTHl0NWFZbG5DSmRhdy82NDA_d3hfZm10PXBuZw?x-oss-process=image/format,png
[640_wx_fmt_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9pYm1Bd21ZeGdEQk9sYlRBQURpY3FSU3RlUngycG9yVU1iMVZwVjI3Q3hieHRJTjFESjJQUEJnaWN1VmJuekRKWEo1WTZBUUVpYTladDdpYmliWlBQMWV1TXp1dy82NDA_d3hfZm10PXBuZw?x-oss-process=image/format,png