后台管理系统，前端框架用什么最好？

时间：2024-04-25

我试用了市面上所有主流 Vue admin 都 npm 到本地测了一遍，筛掉长期不更新，bug 明显，社区活跃度低，功能单一的 admin 后台，把最好、最有特点的 7 款 Vue admin 挑出来，分享给大家。这些后台各有各的特点，有些功能多样，但整体很重；有些虽然稳定，但上线年头久远，含有大量陈旧功能；有些功能虽然少，但某一项功能优化的特别好。希望我的测评可以帮助你选到合适你需求的 admin 后台系统。

本文测评的 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 admin 经过时间筛选出来，能活到现在依然活跃是有原因的，如果你刚开始搭建管理后台，推荐你从 Vue element admin 开始试用。作者花裤衩自己写了个教程《手摸手带你用vue撸后台》特别棒，前端萌新可以跟着这个走一遍。

注意，Vue Element Admin 最大的一个问题可能是虽然它的社区足够大，但并没有再频繁更新，可能是主作者工作繁忙导致。因此如果碰上问题，或者需要作者的 bug-fix不见得是个好选择

二. 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 ，期待它有朝一日，独霸一方。

四. 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 我找机会单开一篇写个测评，这里不展开了。