Ceci est un projet Web réalisé par React et Material UI. Dans ce projet, nous avons un système utilisateur, une page de produits et de commandes et d'obtenir l'API de formulaire de données.
Dans le système utilisateur, nous avons un registre et une page de connexion, qui peut enregistrer un nouvel utilisateur et la connexion par l'utilisateur. Si nous ne nous connectons pas en tant qu'utilisateur, nous ne pouvons accéder qu'à la page d'accueil, sinon nous pouvons saisir la page des produits et des commandes pour vérifier les produits et commander des données de l'API.
Dans la page des produits, nous obtenons toutes les données de produits de l'API et les affichons dans un tableau effondré de l'interface utilisateur de matériaux avec pagination, tri et recherche, chaque produit peut être édité et supprimé, nous pouvons également ajouter de nouveaux produits et télécharger l'image dans les produits.
Dans la page des commandes, identique à la page des produits, nous obtenons toutes les données de commandes de l'API et affichez dans le tableau. La ligne des commandes peut être filtrée par date.
Les produits et la page de commande peuvent exporter des données dans le fichier CSV.
npm install @material-ui/core
Matériel UI commence
npm install axios
Axios commence
npm install react-router-dom
React Router Dom commence
npm i react-csv
React CSV installé










