react drag
1.0.0
(Ce projet est la conception de la remise des diplômes de l'auteur)
Grâce à des recherches connexes sur les systèmes d'édition visuelle, à la réflexion sur les scénarios commerciaux, l'abstraction et la division des composants, etc. Nous nous engageons à résoudre les problèmes de quelques développeurs frontaux, plus de demandes de pages, des exigences plus répétitives et une faible réutilisabilité. Implémentez un système basé sur la plate-forme de visualisation frontale basée sur React. La plate-forme peut fournir aux utilisateurs la fonction de modification visuellement des pages frontales et de générer des codes de réaction correspondants. Pour les techniciens, il est disponible pour créer une plate-forme de construction de pages universelles.
La partie frontale de ce système utilise la technologie React comme cadre de vue. Le système utilise le cadre UMI pour le contrôle de routage et utilise DV pour la gestion de l'état. Le frontal s'appuie sur Node.js en tant que couche intermédiaire pour le rendu sur le serveur, améliorant ainsi davantage la vitesse de rendu du premier écran de la page. Dans la partie d'affichage frontale, il est terminé via des pages, des dispositions et des composants. Dans la section de gestion de l'État, coopérez avec les modèles et connectez les vues aux données via Connect in DVA. Dans le même temps, pour les demandes frontales, ils sont mis en œuvre via la couche de services. Placez certaines méthodes couramment utilisées sous ULLS comme ensembles d'outils. Mettez les variables avec des significations spéciales en commun.
Les modules de ce système incluent principalement cinq modules principaux: la gestion des utilisateurs, la gestion organisationnelle, l'édition de glisser-déposer et de drop, l'aperçu et l'exportation de pages et la gestion des composants. Parmi eux, puisque JWT est utilisé comme méthode d'authentification de connexion avant et arrière, le module d'authentification utilisateur est ajouté. Le processus fonctionnel principal du système est que l'utilisateur se connecte au système, entre dans la zone de modification de la page visuelle, sélectionne les composants pour modifier, enregistre la page sur le serveur, construit du code pertinent et les packages pour générer des packages compressés correspondants.
