Comment créer un tableau de bord d'administration Django-Unfold avec des modèles, des filtres, des actions et des indicateurs clés de performance personnalisés

Le secteur technologique continue de livrer des avancées remarquables.

Comment créer un tableau de bord d’administration Django-Unfold avec des modèles, des filtres, des actions et des indicateurs clés de performance personnalisés

Dans ce tutoriel, nous allons créer un tableau de bord Django-Unfoldadmin avancé. Nous commencerons par installer Django, Django-Unfold et les dépendances nécessaires, puis nous créerons un inédit projet Django comprenant une application de boutique en ligne. Nous configurerons Unfold avec un thème d’administration moderne, une barre de navigation latérale personnalisée, des callbacks pour le tableau de bord, des badges de produits, des onglets, des filtres, des actions et une page d’accueil d’administration personnalisée. Nous définissons également des modèles de commerce électronique réalistes, tels que les catégories, les produits, les clients, les commandes et les lignes de commande, nous alimentons la base de données avec des informations d’exemple, puis nous lançons le serveur Django via le proxy de Colab afin de pouvoir accéder au panneau d’administration depuis le navigateur.

Nous installons Django, Django-Unfold et Pillow afin que l’environnement Colab dispose de toutes les dépendances nécessaires pour la démo de l’interface d’administration. Nous arrêtons ensuite tout serveur Django en cours d’exécution afin d’éviter les conflits de ports. Nous créons un nouveau projet Django, lançons l’application « shop » et préparons le répertoire des modèles personnalisés de l’interface d’administration.

Nous configurons le fichier de paramètres Django en y intégrant les applications installées, les middlewares, les paramètres de base de données, les chemins d’accès aux fichiers statiques et aux médias, ainsi que les options d’hôte et de CSRF adaptées à Colab. Nous ajoutons les paramètres Django-Unfold pour personnaliser le titre de l’interface d’administration, la couleur du thème, la navigation dans la barre latérale, les onglets, la fonction de rappel du tableau de bord et le badge d’environnement. Nous définissons aussi la configuration des URL afin que le chemin d’accès racine redirige directement vers le panneau d’administration.

Dans le même temps, nous définissons les modèles de base du commerce électronique pour les catégories, les clients, les produits, les commandes et les lignes de commande. Nous ajoutons des champs utiles tels que le statut du produit, le stock, les remises, les niveaux de fidélité des clients, le montant total des commandes et le statut des commandes. Nous créons également des callbacks utilitaires pour le tableau de bord Unfold, les badges de produit, les étiquettes d’environnement, les cartes KPI, les catégories les plus populaires et les résumés du statut des commandes.

Nous personnalisons l’interface d’administration de Django à l’aide de ModelAdmin de Django-Unfold, de filtres, d’étiquettes, d’onglets, d’éléments de commande intégrés et d’actions d’administration. Nous enregistrons des vues d’administration personnalisées pour les utilisateurs, les groupes, les catégories, les clients, les produits et les commandes, avec des fonctions de travaux de recherche, des filtres, des badges et des affichages formatés. Nous créons aussi un modèle d’IA de tableau de bord personnalisé qui affiche des fiches KPI, les principales catégories et des résumés de l’état des commandes sur la page d’accueil de l’administration.

Nous exécutons des migrations afin de créer les tables de base de données pour le projet Django et l’application de boutique en ligne. Nous alimentons la base de données avec un utilisateur administrateur, ainsi que des exemples de catégories, de produits, de clients, de commandes et de lignes de commande. Nous lançons ensuite le serveur de développement Django, vérifions que la page de connexion à l’interface d’administration fonctionne correctement, puis générons un lien proxy Colab permettant d’accéder au tableau de bord d’administration d’Unfold.

En conclusion, nous disposions d’une interface d’administration Django-Unfold pleinement opérationnelle, alimentée par des données de commerce électronique préchargées et offrant une expérience de tableau de bord très soignée. Nous avons utilisé Unfold pour transformer l’interface d’administration par défaut de Django en un système de back-office plus professionnel, doté d’une navigation personnalisée, d’étiquettes visuelles, de filtres, de lignes de commande intégrées, d’actions d’administration, de champs conditionnels et de fiches KPI. Il offre une base pratique pour créer des outils internes modernes, des panneaux d’administration et des tableaux de bord d’entreprise avec Django, tout en garantissant une configuration simple, reproductible et compatible avec Colab.

Les prochaines semaines permettront d’en mesurer la portée réelle.

Pour aller plus loin :

D’après MarkTechPost : MarkTechPost