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已安裝

項目屏幕截圖

主頁

登錄頁面

註冊頁面

產品頁面

添加產品

編輯產品

刪除產品

產品搜索

旋轉器

分頁不同的訂單

訂單日期過濾器