# React-Global-News-Manage-System

**Repository Path**: woodcutter-plum/React-Program-01

## Basic Information

- **Project Name**: React-Global-News-Manage-System
- **Description**: React全球新闻发布管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-03-30
- **Last Updated**: 2022-08-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, JavaScript, HTML, CSS

## README

# 项目部分功能展示
## 登录页面
![tsparticles+Antd组件库实现登录页面!](https://gitee.com/woodcutter-plum/React-Program-01/raw/master/imagestore/login.png)
## echarts展示
![首页echarts实现数据可视化](https://gitee.com/woodcutter-plum/React-Program-01/raw/master/imagestore/echart.png)
## 新闻撰写页面展示
![撰写新闻展示](https://gitee.com/woodcutter-plum/React-Program-01/raw/master/imagestore/newsmanage.png)
## 首页展示
![首页](https://gitee.com/woodcutter-plum/React-Program-01/raw/master/imagestore/home.png)
## 已发布页面展示
![已发布页面展示!](https://gitee.com/woodcutter-plum/React-Program-01/raw/master/imagestore/sunset.png)
## 用户列表页面展示
![用户列表页面展示!](https://gitee.com/woodcutter-plum/React-Program-01/raw/master/imagestore/userlist.png)
## 更新用户功能展示
![更新用户功能展示](https://gitee.com/woodcutter-plum/React-Program-01/raw/master/imagestore/userupdate.png)
# 如何启动项目
## 先安装JsonServer
npm install json-server
## src中jsonserver文件夹下执行
json-seerver --watch .\db.json --port 5000
(此操作在localhost5000下创建后端模拟数据，注意：5000不可更改！）
## `npm start` 
执行npm start,将在localhost:3000上启动项目