# 基于react的数据分析系统

**Repository Path**: h11ling/data-management

## Basic Information

- **Project Name**: 基于react的数据分析系统
- **Description**: 该项目是初学react。基于react +express的数据分析平台，基本实现用户登陆，注册，首页，数据管理，用户管理，日志管理等功能。大神轻点喷。
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-09-21
- **Last Updated**: 2025-07-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于react的数据分析管理系统

#### 介绍
本项目是本人初学react做的一个基于react的数据分析系统，基本包括登陆注册，权限，首页，数据，数据管理，用户管理，日志管理等。

#### 技术架构
前端使用react + antd ,后端使用 express编写接口(初学，写的有点乱，大神轻一点喷)

#### 安装教程
##### 加载数据库
我使用navcat，打开navcat，创建数据库，右键数据库名称，点击运行sql文件即可。

##### 启动后端
>
    1.使用 npm install  下载依赖
    2.找到文件夹connent里面的mysqlPool.js文件，修改里面的用户名，密码，数据库名称
    3.使用 npm run dev 运行项目

##### 启动前端
>
    1.使用 npm install  下载依赖
    3.使用 npm start 运行项目



#### 项目截图说明
##### 注册页面
[![z0NFYt.png](https://s1.ax1x.com/2022/12/01/z0NFYt.png)](https://imgse.com/i/z0NFYt)

##### 登陆页面
>
    该页面检查用户是否存在，密码是否错误，当用户输入错误时，提示剩余次数，默认为6次，当1小时内连续输错6次将对该账号封禁24小时
  [![z0N8pV.png](https://s1.ax1x.com/2022/12/01/z0N8pV.png)](https://imgse.com/i/z0N8pV)

---
##### 首页
[![z0NI9P.png](https://s1.ax1x.com/2022/12/01/z0NI9P.png)](https://imgse.com/i/z0NI9P)
---

##### 数据管理页面

[![z0NqBQ.png](https://s1.ax1x.com/2022/12/01/z0NqBQ.png)](https://imgse.com/i/z0NqBQ)
>
     点击添加数据弹出添加框填写相应数据提交，点击导出提供三种导出方式，导出当前页面，指定页面，全部页面数据，点击图片显示详细信息，其余功能可自己探索
[![z0Nbng.png](https://s1.ax1x.com/2022/12/01/z0Nbng.png)](https://imgse.com/i/z0Nbng)
---
##### 用户管理页面
[![z0UlHH.png](https://s1.ax1x.com/2022/12/01/z0UlHH.png)](https://imgse.com/i/z0UlHH)

---
##### 日志管理页面
>
   该页面采集用于在系统的所以操作日志
[![z0UG4I.png](https://s1.ax1x.com/2022/12/01/z0UG4I.png)](https://imgse.com/i/z0UG4I)

##### 这里只是提了部分功能，其他功能还请各位自己去运行试用。本项目只是本小菜鸟练手，有点拉垮，各路大神，请轻轻喷