node vue moba

[Top of the Full Stack] Desarrollo de pila completa de Node.js + Vue.js del sitio web oficial móvil de Honor of Kings y el backend de administración

Este proyecto es el código fuente relevante del video tutorial superior de Bilibili https://github.com/wxs77577/node-vue-moba. Se actualiza continuamente... Preste atención.

1. Primeros pasos

1. Introducción del proyecto
2. Instalación de herramientas y construcción del entorno (nodejs, npm, mongodb)
3. Inicializar proyecto

2. Antecedentes de gestión

1. Construcción de una interfaz básica de gestión de backend basada en Element UI

2. Crear categorías

3. Lista de categorías

4. Modificar clasificación

5. Eliminar categoría

6. subcategoría

7. Interfaz CRUD genérica

8. Gestión de equipos

9. Subir imagen (multer)

10. Gestión de héroes

11. Editar héroe (asociación, selección múltiple, el-select, múltiple)

12. editor de habilidades

13. Gestión de artículos

14. Editor de texto enriquecido (pluma)

15. Inicio Gestión de Publicidad

16. Gestión de cuentas de administrador (bcrypt)

17. Página de inicio de sesión

18. Interfaz de inicio de sesión (jwt, jsonwebtoken)

19. Verificación de inicio de sesión del servidor

20. Restricciones de enrutamiento del cliente (antes de cada uno, meta)

21. Verificación de inicio de sesión para archivos cargados (el-upload, encabezados)

3. Sitio web móvil

1. Conceptos de "Estilo de herramienta" y SASS (SCSS)
2. reinicio de estilo
3. Color del sitio web y definición de fuente (colores, texto)
4. Definición de estilo de diseño flexible universal (flex)
5. Definiciones de márgenes de uso común (margen, relleno)
6. Marco de la página de inicio y menú superior
7. Imagen del carrusel en la parte superior de la página de inicio (vue swiper)
8. usar sprites
9. Utilice iconos de fuentes (iconfont)
10. Componente de tarjeta (tarjeta)
11. Componentes de la tarjeta de lista (tarjeta de lista, navegación, deslizador)
12. Inicio Noticias e información-Entrada de datos (+corrección de errores de backend)
13. Inicio Noticias e Información-Interfaz de Datos
14. Inicio Noticias e información-Pantalla de interfaz
15. Lista de héroes de la página de inicio: extraer datos del sitio web oficial
16. Lista de héroes de la página de inicio: ingresar datos
17. Visualización de la interfaz de la lista de héroes de la página de inicio
18. Página de detalles de noticias
19. Página de detalles de noticias perfecta
20. Página de detalles del héroe-1-preparación del front-end
21. Página de detalles del héroe-2-Edición de backend
22. Página de detalles del héroe-3-parte superior de la interfaz
23. Detalles del héroe página 4 perfecto

4. Lanzamiento e implementación (Nube de Alibaba)

1. Compilar para entorno de producción.
2. Comprar nombre de dominio y servidor
3. Resolución de nombres de dominio
4. Instalación y configuración de Nginx
5. Instalación y configuración de base de datos MongoDB.
6. instalación y configuración de git ssh-key
7. Node.js instala y configura la imagen de Taobao
8. Extraiga el código, instale pm2 e inicie el proyecto.
9. Configurar el proxy inverso de Nginx
10. Migrar datos locales al servidor (mongodump)

5. Avanzado

1. Habilite la conexión segura HTTPS con certificado SSL gratuito
2. Utilice el almacenamiento en la nube Alibaba Cloud OSS para almacenar archivos cargados