# FlowerTip-Admin-React

**Repository Path**: akaedu2012/flower-tip-admin-react

## Basic Information

- **Project Name**: FlowerTip-Admin-React
- **Description**: React18+ TypeScript + Antd Design + Axios + React-Router-Dom + Valtio 开发的企业级后台管理系统
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://flowertip.site/pro/#/login
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2024-11-15
- **Last Updated**: 2024-11-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FlowerTip-Admin

> 一个基于 React18 + TypeScript + Antd Design + Axios + React-Router-Dom@6 + Valtio + Vite 开发的企业级后台管理系统

## 项目预览

项目预览地址：https://flowertip.site/pro/#/login
默认填充的有超级管理员的账号密码，直接登录
可以自行添加测试账号，分配权限

## 项目模块

1. 驾驶舱

2. 表格组件

3. 上传组件

4. 表单组件

5. 图表组件

6. 常用功能

7. 在线文档

8. 开源项目

9. 系统管理

## 安装启动

这里推荐的是 `pnpm` 来管理和安装我们的包，Node 环境建议 18 及以上

```bash

1. cd FlowerTip-Admin # 切换到项目目录

2. pnpm install | pnpm i # 安装项目依赖

3. pnpm run dev | pnpm dev # 启动项目

4. pnpm run build | pnpm build # 打包项目进行部署

```

## 项目展示

1. 登录页
   ![登录页面](docs/image.png)

2. 驾驶舱
   ![驾驶舱页面](docs/image-1.png)

3. 系统管理

   - 用户管理
     ![用户管理](docs/image-2.png)
   - 角色管理
     ![角色管理](docs/image-3.png)
   - 菜单管理
     ![菜单管理](docs/image-4.png)

4. 主题设置
   ![主题设置](docs/image-5.png)

## 支持打赏

如果本项目对您有帮助，愿意支持打赏一下作者，可以捐赠一杯咖啡

![支付宝收款码](docs/image-9.png)

![微信收款码](docs/image-8.png)