Plateforme de gestion de composants frontaux développée sur la base de Vue Family Bucket

Contexte du projet

Le contexte du projet est que dans les entreprises de création de sites Web externalisées, un grand nombre de composants réutilisables sont accumulés dans le processus de conception. Les concepteurs n'ont souvent besoin que d'affiner les composants pour reconstituer la page et la présenter au premier plan. En théorie, ces composants peuvent également être réutilisés dans le front-end, mais en fait, le front-end doit réimplémenter la page entière à chaque fois, ce qui gaspille beaucoup de main-d'œuvre.

Exigences fonctionnelles

L'idée de ce projet est de développer tous les composants et de les saisir dans une plate-forme de gestion unifiée. Les concepteurs peuvent accéder à la plate-forme pour sélectionner les composants, puis prévisualiser et ajuster les composants en temps réel. vous obtenez pendant tout le processus, et la plateforme fera des ajustements. En conséquence, une chaîne de code est générée. Tant que le code est transmis au front-end, vous pouvez utiliser cette chaîne de code pour reproduire le composant modifié. par le concepteur sur la plateforme. Vous pouvez également copier le code html/css/js du composant en un seul clic et l'appliquer rapidement au projet Go pour rendre le coût de développement front-end du composant proche de zéro. La plateforme doit mettre en œuvre les fonctions suivantes :

* Composant de gestion, prend en charge la classification, la recherche et le tri

* Afficher les composants et prendre en charge la prévisualisation/édition en ligne des composants

* Transfert de composants, prend en charge la génération de code de composant et la reproduction de composants basés sur le code

* Statistiques d'utilisation, statistiques de support sur l'utilisation des composants pour faciliter une optimisation ultérieure des composants

Pile technologique

Vue+Vue-routeur+Vuex

Aperçu du projet

Plateforme de gestion de composants front-end

Code source

Github

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!