node vue moba

[Top of the Full Stack] Desenvolvimento full stack Node.js + Vue.js do site oficial móvel Honor of Kings e back-end de gerenciamento

Este projeto é o código-fonte relevante do tutorial em vídeo topo da pilha de Bilibili https://github.com/wxs77577/node-vue-moba. Ele está sendo atualizado continuamente... Preste atenção.

1. Primeiros passos

1. Introdução do projeto
2. Instalação de ferramentas e construção de ambientes (nodejs, npm, mongodb)
3. Inicializar projeto

2. Histórico de gestão

1. Construindo uma interface básica para gerenciamento de segundo plano baseada no Element UI

2. Criar categorias

3. Lista de categorias

4. Modificar classificação

5. Excluir categoria

6. subcategoria

7. Interface CRUD genérica

8. Gestão de equipamentos

9. Upload de imagem (multer)

10. Gerenciamento de heróis

11. Editar herói (associação, seleção múltipla, el-select, múltiplo)

12. Editor de habilidades

13. Gerenciamento de artigos

14. Editor de rich text (quill)

15. Gestão de Publicidade Doméstica

16. Gerenciamento de conta de administrador (bcrypt)

17. Página de login

18. Interface de login (jwt, jsonwebtoken)

19. Verificação de login do servidor

20. Restrições de roteamento do cliente (beforeEach, meta)

21. Verificação de login para arquivos enviados (el-upload, cabeçalhos)

3. Site móvel

1. Conceitos de "Estilo de Ferramenta" e SASS (SCSS)
2. redefinição de estilo
3. Cor do site e definição de fonte (cores, texto)
4. Definição de estilo de layout flexível universal (flex)
5. Definições de margem comumente usadas (margem, preenchimento)
6. Quadro da página inicial e menu superior
7. Imagem do carrossel na parte superior da página inicial (vue swiper)
8. Usar sprites
9. Use ícones de fonte (iconfont)
10. Componente do cartão (cartão)
11. Listar componentes do cartão (list-card, nav, swiper)
12. Início Notícias e entrada de dados de informações (+ correção de bug de back-end)
13. Início Notícias e Interface Informação-Dados
14. Início Notícias e exibição de interface de informações
15. Lista de heróis da página inicial - extração de dados do site oficial
16. Dados de inserção da lista de heróis da página inicial
17. Exibição da interface da lista de heróis da página inicial
18. Página de detalhes de notícias
19. Página de detalhes de notícias perfeita
20. O herói detalha a preparação do front-end da página 1
21. Detalhes do herói página 2-Edição de back-end
22. Detalhes do herói, página 3, parte superior do front-end
23. Detalhes do herói página 4-perfeito

4. Liberação e implantação (Alibaba Cloud)

1. Compilar para ambiente de produção
2. Compre nome de domínio e servidor
3. Resolução de nome de domínio
4. Instalação e configuração do Nginx
5. Instalação e configuração do banco de dados MongoDB
6. instalação e configuração do git chave ssh
7. Node.js instala e configura imagem Taobao
8. Extraia o código, instale o pm2 e inicie o projeto
9. Configurar proxy reverso Nginx
10. Migrar dados locais para o servidor (mongodump)

5. Avançado

1. Habilite a conexão segura HTTPS com certificado SSL gratuito
2. Use o armazenamento em nuvem Alibaba Cloud OSS para armazenar arquivos carregados