Fantastic-admin

Weekly Pick

Fantastic-admin 是一款开箱即用的 Vue3 中后台管理系统框架,支持自由切换第三方组件库并提供统一的视觉风格,适用于企业/个人开发。

自荐理由Fantastic-admin 正式发布 V4.0 版本,这个版本最大的更新就是可以自由切换第三方组件库,并提供统一的视觉风格,提高企业/个人开发的产品的辨识度。<details><summary>了解更多</summary>## 动机 or 痛点市面上几乎所有后台系统和第三方 UI 组件库都是高度耦合,这就导致在做选型时会被限制。例如团队的技术偏好是 Element Plus ,那在做后台系统选型的时候,就必须排除像 vben 这种非 Element Plus 开发的。即使有少部分后台系统提供了多 UI 组件库的版本,但不同版本依旧和第三方 UI 组件库高度耦合,导致不同版本的视觉风格并不统一。甚至可能会因为组件库提供的 API 不同,导致后台系统提供的功能在使用上也会有差异,增加使用者的学习成本。## 解决方案Fantastic-admin 通过重写了部分第三方 UI 组件库内的组件,在功能保持不变的情况下,让后台系统与第三方 UI 组件库彻底解耦,使用者可以通过极低的成本,将系统默认提供的组件库替换成其他任意组件库,并且还能保证视觉风格统一。例如下方示例,通过替换 UI 组件库,将 Fantastic-admin 默认集成的 Element Plus 分别替换成 Ant Design Vue 、Arco Design Vue 、Naive UI 、TDesign 。<table> <tr> <th width="25%" style="text-align: center;">Ant Design Vue</th> <th width="25%" style="text-align: center;">Arco Design Vue</th> <th width="25%" style="text-align: center;">Naive UI</th> <th width="25%" style="text-align: center;">TDesign</th> </tr> <tr> <td><img src="https://z1.ax1x.com/2023/10/25/piVsQ4f.png" /></td> <td><img src="https://z1.ax1x.com/2023/10/25/piVsYuj.png" /></td> <td><img src="https://z1.ax1x.com/2023/10/25/piVsNbn.png" /></td> <td><img src="https://z1.ax1x.com/2023/10/25/piVsw5V.png" /></td> </tr></table></details>---<p align="center"> <img src="https://fantastic-admin.gitee.io/logo.png" width="200" height="200" /></p><h1 align="center"><a href="https://github.com/fantastic-admin/basic" target="_blank">Fantastic-admin</a></h1><p align="center">一款<b>开箱即用</b>的 Vue3 中后台管理系统框架</p>## 特点- 可自由替换 UI 组件库,默认使用 Element Plus- 丰富的布局与主题,覆盖市面上各种中后台应用场景,兼容PC、平板和移动端- 提供系统配置文件,轻松实现个性化定制- 根据路由配置自动生成导航栏- 基于文件系统的路由- 支持全方位权限验证- 内置多级路由最佳缓存方案- 轻松实现国际化多语言适配- 提供接近于浏览器原生标签栏操作体验的标签页功能<img width="1792" alt="image" src="https://github.com/ruanyf/weekly/assets/1574903/b2b024ec-425f-41b7-b48a-9f887f3d7c84">