React_Cherry_Demo

رد فعل توضيح الكرز

هذا مشروع ويب يصنعه React و Material UI. في هذا المشروع ، لدينا صفحة مستخدم ومنتجات وأوامر صفحة ، والحصول على واجهة برمجة تطبيقات نموذج البيانات.

في نظام المستخدم ، لدينا سجل وصفحة تسجيل دخول ، يمكنها تسجيل مستخدم وتسجيل الدخول الجديد بواسطة المستخدم. إذا لم نقم بتسجيل الدخول كمستخدم ، فيمكننا الوصول إلى الصفحة الرئيسية فقط ، وإلا يمكننا إدخال صفحة المنتجات والطلبات للتحقق من المنتجات والطلبات من API.

في صفحة المنتجات ، نحصل على جميع بيانات المنتجات من واجهة برمجة التطبيقات (API) ونظهر لها في طاولة واجهة مستخدم المواد مع ترقيم الصفحات والفرز والبحث ، ويمكن تحرير كل منتجات وحذفها ، ويمكننا أيضًا إضافة منتجات جديدة وتحميل صورة إلى منتجات.

في صفحة الطلبات ، مثل صفحة المنتجات ، نحصل على جميع البيانات من API ونظهر في الجدول. يمكن ترشيح صف الطلبات حسب التاريخ.

يمكن لكل من المنتجات وصفحة الطلب تصدير البيانات إلى ملف CSV.

التبعيات المستخدمة

واجهة المستخدم المادية

npm install @material-ui/core

تبدأ واجهة المستخدم المادية

البديهية

npm install axios

البديهية تبدأ

رد فعل Router DOM

npm install react-router-dom

رد فعل Ruter Router DOM بدأ

رد فعل CSV

npm i react-csv

رد فعل CSV مثبت

لقطة شاشة المشروع

الصفحة الرئيسية

صفحة تسجيل الدخول

صفحة التسجيل

صفحة المنتجات

أضف المنتج

تحرير المنتج

حذف المنتج

البحث عن المنتجات

الدوار

أوامر مع ترقيم الصفحات المختلفة

مرشح تاريخ الطلبات