React_Cherry_Demo

反应樱桃演示

这是一个由React和Material UI制造的网络项目。在此项目中，我们有一个用户系统，产品和订单页面，并获取数据表格API。

在用户系统中，我们有一个寄存器和一个登录页面，该页面可以注册新用户并通过用户登录。如果我们不以用户登录，我们只能访问主页，否则我们可以输入产品和订单页面以检查API的产品和订单数据。

在产品页面中，我们从API中获取所有产品数据，并在材料UI中显示它们的分页，分类和搜索，可以编辑和删除每个产品，我们还可以将新产品添加并上传图像中添加到产品中。

在与产品页面相同的订单页面中，我们从API中获取所有订单数据并在表中显示。订单行可以按日期过滤。

产品和订单页面都可以将数据导出到CSV文件中。

使用的依赖项

材料UI

npm install @material-ui/core

材料UI开始

轴

npm install axios

Axios开始了

React路由器DOM

npm install react-router-dom

REACT Router Router dom入门

反应CSV

npm i react-csv

React CSV已安装

项目屏幕截图

主页

登录页面

注册页面

产品页面

添加产品

编辑产品

删除产品

产品搜索

旋转器

分页不同的订单

订单日期过滤器