# Learn-React

**Repository Path**: xiao-liran/learnt-react

## Basic Information

- **Project Name**: Learn-React
- **Description**: react框架做的一个具有前后端的小项目，能够导入Excel数据或者接口数据到Table,Table数据能导出Excel或者保存到数据库。前端：react+react-router+ant-design 后端：express框架
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-18
- **Last Updated**: 2024-02-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Learnt-React

#### 介绍
react框架做的一个具有前后端的小项目，能够导入Excel数据或者接口数据到Table,Table数据能导出Excel或者保存到数据库。

#### 软件架构
软件架构说明
前端：react+react-router+ant-design 后端：express框架

#### 安装教程
1.安装node_modules包
前端：npm install
后端：cd server
然后npm install

2.安装依赖
 "dependencies": {
    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "antd": "^5.12.5",
    "axios": "^1.6.5",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.21.1",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4",
    "xlsx": "^0.18.5"
  },

#### 使用说明

1. 启动前端项目
npm run start 
2. 启动后端项目
cd server
npm start
或者安装nodemon 
nodemon start

#### 参考截图
![输入图片说明](image.png)