node vue moba

[Top of the Full Stack] Node.js + Vue.js full stack development of the Honor of Kings mobile official website and management backend

This project is the relevant source code of Bilibili's top-of-stack video tutorial https://github.com/wxs77577/node-vue-moba. It is being updated continuously... Please pay attention.

1. Getting Started

1. Project introduction
2. Tool installation and environment construction (nodejs, npm, mongodb)
3. Initialize project

2. Management background

1. Building a basic interface for background management based on Element UI

2. Create categories

3. Category list

4. Modify classification

5. Delete category

6. subcategory

7. Generic CRUD interface

8. Equipment management

9. Image upload (multer)

10. Hero management

11. Edit hero (association, multiple selection, el-select, multiple)

12. Skills editor

13. Article management

14. Rich text editor (quill)

15. Home Advertising Management

16. Administrator account management (bcrypt)

17. Login page

18. Login interface (jwt, jsonwebtoken)

19. Server login verification

20. Client routing restrictions (beforeEach, meta)

21. Login verification for uploaded files (el-upload, headers)

3. Mobile website

1. "Tool Style" Concepts and SASS (SCSS)
2. style reset
3. Website color and font definition (colors, text)
4. Universal flex layout style definition (flex)
5. Commonly used margin definitions (margin, padding)
6. Home page frame and top menu
7. Carousel image at the top of the homepage (vue swiper)
8. Use sprites
9. Use font icons (iconfont)
10. Card component (card)
11. List card components (list-card, nav, swiper)
12. Home News and Information-Data Entry (+Backend Bug Fix)
13. Home News and Information-Data Interface
14. Home News and Information-Interface Display
15. Home page hero list-extract official website data
16. Home page hero list-enter data
17. Home page hero list-interface display
18. News details page
19. News details page-perfect
20. Hero details page-1-front-end preparation
21. Hero details page-2-Backend editing
22. Hero details page-3-top of front end
23. Hero details page-4-perfect

4. Release and Deployment (Alibaba Cloud)

1. Compile for production environment
2. Buy domain name and server
3. Domain name resolution
4. Nginx installation and configuration
5. Installation and configuration of MongoDB database
6. git installation and configuration ssh-key
7. Node.js installs and configures Taobao image
8. Pull the code, install pm2 and start the project
9. Configure Nginx reverse proxy
10. Migrate local data to the server (mongodump)

5. Advanced

1. Enable HTTPS secure connection with free SSL certificate
2. Use Alibaba Cloud OSS cloud storage to store uploaded files