Il ne s’agit pas d’un projet d’échafaudage, mais d’un projet de démonstration de base, débarrassé du véritable projet de référence métier. Créez un nouveau projet backend Vue, qui peut être modifié en fonction de ce projet.
Utiliser Mockjs pour simuler les données d'interface (à améliorer)
axios implémente les requêtes réseau (encapsulation ultérieure et gestion unifiée des erreurs)
gestion de l'état vuex
Contrôle des autorisations de routage
Démo en ligne
Nom d'utilisateur : admin
Mot de passe : 123456
Les utilisateurs pouvant se connecter se trouvent dans ${root_project}/src/mock/data/exampleData.js
Pour la gestion globale de l'état de Vuex, veuillez vous référer à la configuration dans src/vuex/modules/control.js. Toutes les requêtes asynchrones partagent une action et trois méthodes de mutation fixes.
Quant à la gestion de l'état de Vuex, elle est écrite dans le rappel de la méthode dans le modèle Vue, afin que le code puisse être partagé et qu'un grand nombre de codes similaires puissent être évités.
Toutes les requêtes réseau partagent également la même méthode axios.request(). Le type de requête et le rappel de réussite sont tous transmis à la requête sous forme de paramètres, ce qui évite également un grand nombre de codes similaires.
Pour comparaison avec le cas de référence, veuillez consulter la demande de connexion appelée et la demande d'obtention de la liste des salariés dans la gestion des salariés.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
Pour une explication détaillée du fonctionnement des choses, consultez le guide et la documentation de vue-loader.