前言

背景

vben 框架是功能很多的一款框架, 由于element admin已经停止更新, 而 vue3+ts 已经流行开来, 所以在寻找框架中发现了 vben (2022)。

一开始只是感觉框架界面美观, 而且还适配移动端 (对, vben 作为后台框架移动端也有支持), 作者做了大量的封装, 用了大量的组合式函数来减少冗余的操作, 比如表格来说, 基础到提供 api 和 column 就能完成显示和翻页。但是上手难度确实有点高

其实这个框架原本是为 RuoYi 做的, 可以在 src/views/monitor/server 找到适配 RuoYi 的代码(可自行删除)。

而中途为什么切换成 RuoYi-Plus 呢, 一些基础模块发现两者几乎是兼容的, 前端不用动, 而真正让我替换成 RuoYi-Plus 是因为我在修改后端 mybatis 到 mubatis-plus 时各种问题, 官网对于新技术没有替换, 而是给出文档或者插件包来升级, 所以我找到 RuoYi-Plus, 使用的都是新技术栈, 所以开始适配 RuoYi-Plus 框架

ps: antdv4 版本的 UI 比 ele 好看太多

是否需要选择

小白提前考虑 特别是不是很熟悉 vue3+typescript+antdv4 从上手难度来说

框架	难度(1 - 5)
element 系列	2
vben-admin	3.5-4

关于二次封装的组件

组件二次封装就像 react 版本 Antd ProComponents 的关系 实现不了的功能也能用基础 UI 框架解决 不是说用了BasicTable antdv 的Table就不能用了

封装的组件大部分为经常用到的form table modal等 拿 table 来说 普通的增删改查是极其好用的