react-antd-admin

一个使用 React 和 Antd 开发管理系统

简介

react-antd-admin 使用 vite 与 antd v5 开发，包含常用后台使用的基本模块，依赖项少，结构简单，同时提供完整功能的后端程序，可快速用于二次开发及功能扩展。

	url	introduction
backend	https://github.com/basefas/admin-go	使用 Go & Gin 开发的后台管理系统后端
frontend	https://github.com/basefas/react-antd-admin	使用 react & vite & antd 开发的后台管理系统前端

页面截图

登录页面

用户管理

分组管理

菜单管理

角色及权限管理

快速开始

1. 克隆项目到本地

git clone https://github.com/basefas/react-antd-admin

2. 安装依赖

npm install

3. 运行

npm run dev

Build

1. 本地编译

npm run build

2. 本地查看编译结果

npm run preview

2. 使用 docker 编译并打包 docker 镜像

docker build -f Dockerfile -t react-antd-admin:<your_version> .

注：将 <your_version> 替换为你需要的版本号

3. 修改配置

本地开发修改 env.development 文件修改配置 打包需在编译前修改 env.production 文件修改配置 可配置项如下

# API 的 URL
VITE_API_HOST=http://localhost
# API 的 PORT
VITE_API_PORT=8086
# API 的 超时时间
VITE_API_TIMEOUT=5000
# 用于显示的平台名称
VITE_PLATFORM_NAME=React Antd Admin

版权声明

react-antd-admin 基于 MIT 协议， 详情请参考 license。