乐趣区

关于前端:最好用的-7-款-Vue-admin-后台管理系统测评

本文首发:《最好用的 7 款 Vue admin 后盾管理系统测评 – 卡拉云》

Vue admin 后盾管理系统作为每个我的项目必备的治理后盾,对大家来说非常重要。选不好,配不好,不仅当初用着抓狂,将来迭代降级也困难重重,步步是坑。所以在技术选型阶段,就要对市面上支流的 Vue admin 做到全面理解,晓得他们的优缺点,再依据本人我的项目的需要,有针对性的抉择。

我试用了市面上所有支流 Vue admin 都 npm 到本地测了一遍,筛掉长期不更新,bug 显著,社区活跃度低,性能繁多的 admin 后盾,把最好、最有特点的 7 款 Vue admin 挑出来,分享给大家。这些后盾各有各的特点,有些性能多样,但整体很重;有些尽管稳固,但上线年头长远,含有大量古老性能;有些性能尽管少,但某一项性能优化的特地好。心愿我的测评能够帮忙你选到适合你需要的 admin 后盾零碎。

另外,这个世界曾经悄悄发生变化,当初基本无需写任何前端代码,间接应用卡拉云—— 新一代低代码开发工具帮你搭建 admin 后盾管理系统。无需部署装置、一键接入数据库及 API,前端仅需简略拖拽,即可依照你的需要,得心应手搭建适宜任何利用场景的 admin 后盾零碎。原来三天的工作量,当初 1 小时搞定,谁用谁晓得,用上早上班,详见本文文末。

本文测评的 7 款 Vue admin 后盾管理系统

  • Vue element admin – 老牌 admin 后盾治理 求稳首选
  • Antd Pro Vue – 背靠阿里,代码过硬,大型项目首选
  • Vue vben admin – 宝藏后盾治理 基于 Vue3 UI 清爽 性能扎实
  • iView Admin – 老牌 admin 代码工程化 建设生态 高价高品质
  • D2Admin – 趁手 好用 代码工程化 RBAC 权限治理
  • Naive Ui admin – 基于 Vue3 的后盾治理新星 适宜小我的项目
  • mall admin web – 电商类 Vue admin 后盾治理
  • 卡拉云 – 新一代低代码开发工具,无需部署,无需任何前端技术,得心应手搭建属于你的 admin 后盾

一. Vue element admin – 老牌 admin 后盾治理 求稳首选

Vue element admin 是国内最早也是目前最欠缺的后盾前端解决方案,肯定得放在第一个说。作为 Vue admin 解决方案的前辈之一,element admin 的用户泛滥,社区宏大,无论你在应用中碰到什么问题,到处搜搜,基本上都能找与你碰到相似问题的用户发问及解答。

element admin 基于 Vue + element UI 来实现,内置动静路由,权限治理,i18n(国际化插件),它把典型的业务模型帮你提炼进去,在你须要的业务场景中做到比你想的还要更好,极其丰富的性能组件,是你搭建企业外部后盾的好抉择。

当然,它的长处也是它的毛病,通过这么多年的迭代,一直的加性能,一直迭代沉积,element admin 略微有点臃肿,不适宜当根底模版来二开,它集成的泛滥粗疏性能,会造成不少代码冗余。

Vue element admin 通过工夫筛选进去,能活到当初仍然沉闷是有起因的,如果你刚开始搭建治理后盾,举荐你从 Vue element admin 开始试用。作者花裤衩本人写了个教程《手摸手带你用 vue 撸后盾》特地棒,前端萌新能够跟着这个走一遍。

扩大浏览:《手把手教你 Vue3+Node.js+Expres+MySQL 环境搭建》

二. Antd Pro Vue – 背靠阿里,代码过硬,大型项目首选

2018 年 3 月,蚂蚁正式开源了 Ant Design 的 Vue 版本,几个月后,紧接着公布了这套 Vue 组件库的残缺前端脚手架 Antd Pro Vue(Vue admin 后盾管理系统)。

Antd Pro Vue 作为 Vue admin 后盾治理框架,视觉设计上传承了 Antd 的谨严业余。官网文档通过这么多多年的迭代,曾经从最开始的粗略版降级至当初涵盖各类问题解决方案的业余好文档。

Antd Pro Vue 从出世那一刻开始就是为简单业务所建,它不是从简略性能逐步迭代到简单性能,而是从一开始设计时,就依照大公司简单业务来设计,从一个更宏观的视角来有序安顿,提炼出各类业务场景做成制式页,不管你是什么独特的业务场景,都能够找到适合本人的,稍加改变即可上线。

三. Vue vben admin – 宝藏后盾治理 基于 Vue3 UI 清爽 性能扎实

Vue vben admin 是我始终想举荐的宝藏 admin 后盾管理系统,视觉效果一流,性能安顿正当。目前基于 Vue3 构建又好用的后盾不是太多,Vben admin 基于最新的 Vue3、Vite、Ant-Design-Vue、TypeScript 构建。

Vben 尽管晚期版本有些问题,有些中央适度封装,有一些学习老本,但作者迭代的相当快,大多数问题在文档都能够找到并解决。

vben 提供了完整版和 2 两个不同类型的精简版,毕竟大多数使用者会依据本人的应用场景进行二开,会删掉本人不须要的代码,作者洞察到了这个需要,帮大家实现了这一步。

尽管 vben 文档里形容本人适宜做中大型中后盾,但 vben 公布工夫还比拟短,还有挺多降级迭代的路要走,倡议审慎抉择。我集体十分看好 vben,期待它有朝一日,独霸一方。

扩大浏览:《Axios 教程:Vue + Axios 装置及实战 – 手把手教你搭建加密币实时价格看板》

四. iView Admin – 老牌 admin 代码工程化 建设生态 高价高品质

2017 年 iView admin 刚公布时,国内各类 Vue UI 框架都刚起步,还没有当初这种头部一家独大的场面。过后正好在 V2EX 看到相干信息,试了试很喜爱,通过这么多年,当初曾经迭代多个版本,并且在 2019 年公布了 iView admin pro 版,我来说说这两个版本。

iView admin 基于 Vue + iView UI 组件库构建的后盾治理解决方案,它作为 iView 生态上的成员之一,遵循 iView 设计逻辑,格调对立。iView 组件很合乎 Vue 开发模式,如果你同时也很相熟 React,那么切到 Vue,应用 iView 也会更容易适应。但这个 admin 根底版对数据量较大的状况,解决的不是很好,把它当作轻便的根底 admin 应用更适合。

iView 在 2019 年推出了全系列 Pro 版本之后,对根底版的保护和更新就很少了,不过我依然感觉根底版当初的状态,用在本人的小我的项目中,边用边学习是不错的抉择。

iView admin Pro 在根底版的根底上有很多重大降级,对各类利用场景都做了粗疏的反对。另外 pro 对 PC 端和挪动端做了十分好的自适应解决。Pro 版内置了 Quill 富文本编辑器,我本人也超爱 Quill,它十分简洁,没有多余性能,特地是对代码书写极其敌对,具体能够看我写的这篇《最好用的 7 款 Vue 3 富文本编辑器》。

iView admin Pro 售价高达 1 万元,它有着商业软件应有的晦涩和趁手,这种付费 admin 我找机会单开一篇写个测评,这里不开展了。

扩大浏览:《最好的 6 个收费天气 API 接口比照测评》

五. D2Admin – 趁手 好用 代码工程化 RBAC 权限治理

D2Admin 相对是一款低调又好用的 admin 后端管理系统。它是完全免费开源的企业中后盾治理集成计划,在 element-ui 相干的开源我的项目里,D2 admin 的构造和代码格调顺畅清晰,小于 60kb 的本地首屏 JS 加载,而且 D2 的权限治理遵循 RBAC 模型。

D2Admin 应用 Vue-cli3 构建,内置 UEditor 富文本编辑器,多款主题,拆散的路由和菜单设置,可拖拽的页面布局,Fontawesome 图标库以及提供了数据导出另存为 Excel 文件,这对有些数据看板类的我的项目尤为重要。

扩大浏览:《最好的 5 款翻译 API 接口比照测评》

六. Naive Ui admin – 基于 Vue3 的后盾治理新星 适宜小我的项目

Naive Ui admin 是我最近用过特地轻便的一款 Vue admin 中后盾管理系统解决方案。它完全免费,可商用。

目前基于 Vue3 有好用的我的项目并不多,老牌前端框架还在反对 Vue3 的路上,当初反对 Vue3 完成度又高的我的项目比比皆是,Naive Ui Vue Admin 相对来说,是一个比拟残缺的我的项目,尽管有些组件还有待开发,但以目前作者的更新频率来说,应该很快就能赶上。

扩大浏览:《Postman 应用教程 – 手把手教你 API 接口测试》

七. mall admin web – 电商类 Vue admin 后盾治理

mall admin web 次要针对电商垂直场景,开发的电商后盾管理系统。mall admin 内置性能次要围绕电商需要开展,商品治理、订单、会员、促销、统计报表、财务管理等有针对性的性能场景开展。

对于疾速上线的电商我的项目,这套零碎是十分好的抉择,性能全笼罩,简略又间接。

mall admin web 基于 Vue + Element 构建,整个性能散布正当,蕴含电商的大部分所需,不便大家进行二次开发。作者也写了它的后端我的项目 mall,基于 SpringBoot+MyBatis 实现,采纳 Docker 容器化部署,配合应用更加。

八. admin 治理后盾总结及「卡拉云」

本文介绍了我本人用过的 7 款 Vue admin 后盾管理系统的特点,大家能够依据本人工作中的理论场景来筛选适合本人的后管零碎。

如果你想搭建本人的 admin 后盾管理工具,但又不是很相熟前端,能够思考应用卡拉云,真正开箱即用,无需写任何前端代码,仅需拖拽,即可疾速生成适宜你我的项目的 admin 后盾管理系统。


上图为 卡拉云用户依据本人我的项目状况,搭建的广告投放监测零碎,整个搭建过程用时 50 分钟

卡拉云是新一代低代码开发工具,免装置部署,可一键接入包含 MySQL 在内的常见数据库及 API。可依据本人的工作流,定制开发。无需繁琐的前端开发,只须要简略拖拽,即可疾速搭建企业外部工具。三天的工作量,应用卡拉云后,可缩减至 1 小时,欢送收费试用卡拉云。

九. 本文作者

蒋川,卡拉云联结创始人,B 端数据开发。

如果你有任何问题,欢送增加微信一起交换。我的微 HiJiangChuan

扩大浏览:

  • 最好的 5 款翻译 API 接口比照测评
  • 最好用的七大顶级 API 接口测试工具
  • 最好用的 5 款 React 富文本编辑器
  • Postman 应用教程 – 手把手教你 API 接口测试
  • 最好的 6 个收费天气 API 接口比照测评
  • PAW 应用教程 – 手把手教你 API 接口测试
退出移动版