私活必备，一个react+vite+antd的标准后台管理系统开发模版，动态菜单配置、权限精确到按钮

概述

本文介绍了一个基于React、Vite和Antd技术栈的后台管理系统开发模板。该模板不使用create-rect-app脚手架，支持动态菜单配置，权限精确到按钮，并且具有良好的本地开发体验和强大的可扩展性。

技术栈

使用的技术包括react、redux、hook、vite、antd、less、axios等，基于vite构建，提供非服务端渲染，界面仿照antd-pro，但没有使用dva和roadhog。

项目启动

项目启动包括安装依赖、运行开发环境、打包以及代码格式化等命令，通过pnpm工具进行管理。

启动问题解决

构建时可能出现的TS错误可以通过修改getData方法的定义，增加any类型来解决。

本地开发与Mock数据

本地开发时使用mockjs库进行接口拦截和模拟数据，正式环境需要关闭mock配置。

动态菜单配置

动态菜单通过接口返回的特定格式数据实现，允许对菜单进行灵活配置。

登录信息保存

登录状态通过localstorage保存，登录信息加密后存入sessionStorage，并存入store。用户登录流程包括表单验证、显示登录成功信息、存储用户信息和跳转到主页等步骤。

资源链接

完整的项目代码可在GitHub上找到，地址为：https://github.com/javaLuo/react-admin。

摘要： 本文提供了一个基于React、Vite和Antd的后台管理系统模板，特点是不用create-rect-app脚手架，支持动态菜单和精确权限控制。技术栈包括react、redux、hook等，使用vite进行构建。项目启动流程通过pnpm管理，包括安装依赖、开发环境运行和打包命令。提及的构建问题可以通过类型定义调整解决。本地开发使用mockjs模拟数据，而正式环境需关闭mock配置。动态菜单由接口返回格式化数据配置，登录状态保存在localstorage，且登录信息加密后存入sessionStorage。项目代码可在GitHub上找到。