Données d'exemple et votre API
Ce qui est donnée d'exemple, ce que le navigateur retient, quelles actions n'enregistrent encore rien, et où brancher votre propre API.
Tout est donnée d'exemple
Le template n'a ni back end ni base de données. Chaque solde, carte, action, point de graphique, transaction, notification et personne que vous voyez est une donnée d'exemple écrite dans le code, si bien que le tableau de bord paraît complet dès son démarrage. Vous la remplacez par vos propres données, le plus souvent issues de votre propre API.
Les données d'exemple se trouvent à côté de l'écran qui les affiche, un fichier par widget : vous pouvez donc remplacer une partie à la fois.
Ce qui fonctionne sans serveur
| Fonctionne dans le navigateur | N'enregistre encore rien |
|---|---|
| Rechercher, trier et parcourir par pages le tableau des transactions, et le réduire avec la plage de dates et la boîte de dialogue Filter | Add Transaction sur la page des transactions |
| Exporter les transactions dans un fichier CSV, et les graphiques en images PNG | Le virement rapide et le transfert express |
| Faire glisser les chiffres clés dans un nouvel ordre, que le navigateur retient | Add Card sur la page des cartes |
| Verrouiller, déverrouiller et supprimer une carte jusqu'au prochain rechargement | Les boutons de recherche et d'actualisation de l'en-tête |
| Marquer les notifications comme lues jusqu'au prochain rechargement | Save Changes et Help & Support dans les paramètres |
| Dark Mode et Language dans les Preferences des paramètres, et Sign Out | Les boutons de connexion Apple et Google, Remember me et Forgot password? |
La page des transactions s'ouvre sur les 30 derniers jours, qui contiennent toutes les transactions d'exemple : leurs dates avancent pour que la plus récente soit toujours aujourd'hui. Les formulaires de la colonne de droite vérifient quand même ce qui est saisi. Ce sont les endroits où votre propre API intervient.
Ce que le navigateur retient
- L'utilisateur connecté, jusqu'à Logout.
- Le mode clair ou sombre.
- L'ordre des chiffres clés sur chaque page où vous les avez déplacés.
- En mode démo uniquement, la couleur choisie dans le sélecteur de couleur.
Ces éléments sont conservés par navigateur. Effacer les données du site les réinitialise tous.
Où se trouvent les données de chaque écran
Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.
Le fichier et la constante derrière les données d'exemple de chaque widget.
Brancher votre API
Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.
Un exemple complet qui charge la page des transactions depuis votre API, et où placer les actions d'enregistrement.
Le store Redux
Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.
Ce que le store contient aujourd'hui et comment l'utiliser pour des données partagées.