# react项目实战

**Repository Path**: qiuyong1996/actual-combat-of-react-project

## Basic Information

- **Project Name**: react项目实战
- **Description**: 基于React全家桶、UmiJS、Ant Design Pro、RESTful前端开发栈的实战项目。
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 2
- **Created**: 2022-01-09
- **Last Updated**: 2025-07-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React

## README

# React项目实战

**************************************************************************************************************************************************

## 一、项目介绍

  ### 	项目效果

  - 一个完整系统的<b>前台展示</b>、<b>中台接口</b>和<b>后台管理</b>

    

### 	技术栈

  - ##### React全家桶 v17.0.2 || create-react-app脚手架 v0.1.0

  - ##### Git版本控制

  - ##### UmiJS 3.2

  - ##### Ant-Design of react

  - ##### Ant-Design Pro V4

  - ##### RESTful API 接口规范



  ### 	开发环境

  - ##### Node.js v14.17.1

  - ##### Npm v6.14.13

  - ##### Yarn v1.22.17

  - ##### Git v2.32.0

  - ##### Google Chrome v96.0.4664.110（正式版本64 位）

  - ##### SQL Server || PostMan 或 ApiPost v5.4.2 for Windows10



  ### 	API文档

  - ##### [文档地址](https://www.showdoc.com.cn/1207745568269674?page_id=6094279351627422)

    

  ## 二、开发流程

  #### 		一、UmiJS基础

  #### 		二、Ant Design Pro应用

  #### 		三、初始化项目

  #### 		四、登录与退出

  #### 		五、用户管理

  #### 		六、商品管理（重点）

  #### 		七、分类管理

  #### 		八、订单管理

  #### 		九、轮播图管理

  #### 		十、前后台联动

  #### 		十一、项目部署上线

 
  ## 项目运行
  ```
  // 安装依赖
  $ yarn
  // 启动项目
  $ yarn start
  ```