Skip to content

React 超级表格(后台管理系统)

体验地址

https://react-admin.laucoya.com

展示图片

超级表格

数据大屏

主要功能

React Admin 一款基于 React18、React-RouterV6、React-Hooks、Redux-Toolkit、Zustand、TypeScript、Vite5、Ant-Design5 的后台管理框架。

  1. 使用 React18 + TypeScript 开发,整个项目使用高质量 Hooks + TypeScript 代码完成
  2. 使用 Vite5 作为开发、打包工具(配置 Gzip | Brotli 压缩打包、PWA 应用、Visualizer 包分析…)
  3. 使用 React-RouterV6 全新路由钩子,项目支持多路由(Hash | History)切换、路由懒加载配置
  4. 项目菜单、路由权限使用 动态路由 控制,完全根据后端菜单数据动态生成路由
  5. 使用 Redux-Toolkit、Zustand 作为状态管理工具(多分支),集成 persist 持久化工具
  6. 使用 Ant-Design 5 组件库开发,将 Design Token 注入到 CSS 变量中,方便配置项目主题
  7. 项目支持多主题:主题颜色、暗黑模式、灰色模式、色弱模式、紧凑主题、圆角大小配置
  8. 项目支持多布局:横向布局、经典布局(可开启菜单分割功能)、纵向布局、分栏布局配置
  9. 项目其它功能:菜单手风琴模式、无限级菜单、多标签页(拖拽)、详情页标签、面包屑导航、页面水印、ECharts 组件封装、SVG 图标组件、数据大屏…
  10. 使用 Prettier 统一格式化代码,集成 Eslint、Stylelint 代码校验规范
  11. 使用 husky、lint-staged、commitlint、czg、cz-git 规范代码提交信息