# 基于react+ts的管理后台

**Repository Path**: paofuniuniu/react-project

## Basic Information

- **Project Name**: 基于react+ts的管理后台
- **Description**: 使用了react+ts+vite+antd5，实现了简单的管理后台前端界面
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-26
- **Last Updated**: 2023-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React + TypeScript + Vite + antd 说明文档

之前看完了react全家桶，并没有巩固练习，于是为了回顾之前学的知识，简单地完成了该项目。

该项目使用了react + ts + vite，很简洁，没什么功能，只有练习到路由、手写路由前置守卫、react-redux、redux-thunk。

# 运行方式

1.克隆/下载该仓库，安装依赖 npm i

2.运行react项目，npm run dev

3.打开文件夹Create-a-simple-interface-with-node-and-express，安装依赖 npm i（该文件夹是独立的，只是为了方便，放在了react-project文件夹下而已。这是一个简单的后端文件，使用了node.js+express做了用户登录、获取验证码两个接口）

4.运行后端文件，npm run dev

5.浏览器输入地址 http://localhost:5000 即可访问

# 页面展示

<img src="https://gitee.com/paofuniuniu/typora-picture/raw/master/img/image-20231218162104682.png" alt="image-20231218162104682" style="zoom:50%;" />

<img src="https://gitee.com/paofuniuniu/typora-picture/raw/master/img/image-20231218162140961.png" alt="image-20231218162140961" style="zoom:50%;" />

# 目录说明

<img src="https://gitee.com/paofuniuniu/typora-picture/raw/master/img/image-20231218160827664.png" alt="image-20231218160827664" style="zoom: 67%;" />

<img src="https://gitee.com/paofuniuniu/typora-picture/raw/master/img/image-20231218160958822.png" alt="image-20231218160958822" style="zoom:67%;" />

<img src="https://gitee.com/paofuniuniu/typora-picture/raw/master/img/image-20231218161145586.png" alt="image-20231218161145586" style="zoom:67%;" />