node vue moba

[Top of the Full Stack] Développement full stack Node.js + Vue.js du site officiel mobile Honor of Kings et du backend de gestion

Ce projet est le code source pertinent du didacticiel vidéo haut de gamme de Bilibili https://github.com/wxs77577/node-vue-moba... Il est mis à jour en permanence... Veuillez faire attention.

1. Pour commencer

1. Présentation du projet
2. Installation d'outils et construction d'environnement (nodejs, npm, mongodb)
3. Initialiser le projet

2. Expérience en gestion

1. Construction d'une interface de gestion backend de base basée sur Element UI

2. Créer des catégories

3. Liste des catégories

4. Modifier le classement

5. Supprimer la catégorie

6. sous-catégorie

7. Interface CRUD générique

8. Gestion des équipements

9. Téléchargement d'images (multer)

10. Gestion des héros

11. Modifier le héros (association, sélection multiple, el-select, multiple)

12. Éditeur de compétences

13. Gestion des articles

14. Éditeur de texte enrichi (plume)

15. Gestion de la publicité à domicile

16. Gestion des comptes administrateur (bcrypt)

17. Page de connexion

18. Interface de connexion (jwt, jsonwebtoken)

19. Vérification de la connexion au serveur

20. Restrictions de routage client (beforeEach, méta)

21. Vérification de connexion pour les fichiers téléchargés (el-upload, en-têtes)

3. Site Web mobile

1. Concepts "Style d'outil" et SASS (SCSS)
2. réinitialisation du style
3. Couleur du site Web et définition de la police (couleurs, texte)
4. Définition du style de mise en page flexible universel (flex)
5. Définitions de marge couramment utilisées (marge, remplissage)
6. Cadre de la page d'accueil et menu supérieur
7. Image carrousel en haut de la page d'accueil (vue swiper)
8. Utiliser des sprites
9. Utiliser des icônes de police (iconfont)
10. Composant de carte (carte)
11. Liste des composants de la carte (liste-carte, navigation, swiper)
12. Accueil Actualités et informations - Saisie de données (+ correction de bug backend)
13. Accueil Actualités et informations-Interface de données
14. Accueil Nouvelles et informations-Affichage de l'interface
15. Liste des héros de la page d'accueil - Extraire les données du site officiel
16. Liste des héros de la page d'accueil-saisir les données
17. Affichage de l'interface de la liste des héros de la page d'accueil
18. Page de détails de l'actualité
19. Page de détails de l'actualité parfaite
20. Détails du héros page 1-préparation frontale
21. Détails du héros page-2-Édition backend
22. Détails du héros page 3 - haut du front-end
23. Détails du héros page-4-parfait

4. Sortie et déploiement (Alibaba Cloud)

1. Compiler pour l'environnement de production
2. Acheter un nom de domaine et un serveur
3. Résolution de nom de domaine
4. Installation et configuration de Nginx
5. Installation et configuration de la base de données MongoDB
6. installation et configuration de git clé ssh
7. Node.js installe et configure l'image Taobao
8. Extrayez le code, installez pm2 et démarrez le projet
9. Configurer le proxy inverse Nginx
10. Migrer les données locales vers le serveur (mongodump)

5. Avancé

1. Activez la connexion sécurisée HTTPS avec un certificat SSL gratuit
2. Utilisez le stockage cloud Alibaba Cloud OSS pour stocker les fichiers téléchargés