后台管理系统是我们许多信息化项目必不可少的子系统。使用Vue作为后台管理系统或者业务系统的前端框架,开发起来非常便利,因为Vue是前端三大主流框架之一,也是目前最火的一个前端框架,拥有强大的社区支持。Vue作为一套构建用户界面的框架,关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合,能够提高开发效率。
目前Vue的3.0版本比2.0有了许多提升,这也是本文分享基于Vue3的后台管理项目的原因。Vue3主要提升的地方包括:
(1)响应式性能提升:性能比Vue2快1.2~2倍。
(2)代码体积更小:相比Vue2,Vue3按需编译,整体体积变小了。
(3)支持组合API(Composition Api):Vue2使用Options Api(选项api),而Vue3使用Composition Api (组合api)。
(4)更好的 ts 支持:Vue 新增了 DefineComponent 函数,使组件在 ts 下,更好地利用参数类型推断。
(5)拥有更多先进的组件。
总之,Vue3让项目更快、代码更少、更易于维护、开发更快。
在开源社区,已经有很多强人发布了基于Vue3的后台管理系统,以下是一些精心挑选的项目,这些项目非常优秀、外观漂亮、非常通用,适合用于各种后台管理类型的项目,同时也支持根据需求定制化开发。
01 eladmin
GitHub(20.3K):
https://github.com/elunez/eladmin
https://github.com/elunez/eladmin-mp
这是一个基于 Spring Boot 2.6.4 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue的前后端分离的后台管理系统。
这个项目现已发布基于 mybatis-plus 版本,eladmin jpa 版本项目基于 Spring Boot 2.6.4、 Jpa、 Spring Security、Redis、Vue的前后端分离的后台管理系统,项目采用分模块开发方式, 权限控制采用 RBAC,支持数据字典与数据权限管理,支持一键生成前后端代码,支持动态路由。PLUS版本的地址为:
https://github.com/elunez/eladmin-mp
02 Vue Admin Better
github(15.2k):
https://github.com/chuzhixin/vue-admin-better
功能特性:
-
40+高质量单页
-
RBAC 模型 + JWT 权限控制
-
10 万+ 项目实际应用
-
良好的类型定义
-
开源版本支持免费商用
-
跨平台 PC、手机端、平板
-
后端路由动态渲染
框架优势:
-
支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
-
已知来源 vue admin 框架中首家支持 mock 自动生成自动导出功能