[Top of the Full Stack] Pengembangan full stack Node.js + Vue.js dari situs web resmi seluler Honor of Kings dan backend manajemen
Proyek ini adalah kode sumber yang relevan dari tutorial video top-of-stack Bilibili https://github.com/wxs77577/node-vue-moba. Ini terus diperbarui... Mohon diperhatikan.
1. Memulai
- Pengenalan proyek
- Instalasi alat dan konstruksi lingkungan (nodejs, npm, mongodb)
- Inisialisasi proyek
2. Latar belakang manajemen
Konstruksi antarmuka manajemen backend dasar berdasarkan Elemen UI
Buat kategori
Daftar kategori
Ubah klasifikasi
Hapus kategori
subkategori
Antarmuka CRUD generik
Manajemen peralatan
Unggah gambar (banyak)
Manajemen pahlawan
Edit pahlawan (asosiasi, pilihan ganda, el-pilih, banyak)
Editor keterampilan
Manajemen artikel
Editor teks kaya (pena bulu)
Manajemen Periklanan Rumah
Manajemen akun administrator (bcrypt)
Halaman masuk
Antarmuka masuk (jwt, jsonwebtoken)
Verifikasi masuk server
Pembatasan perutean klien (beforeEach, meta)
Verifikasi login untuk file yang diunggah (el-upload, header)
3. Situs web seluler
- Konsep "Gaya Alat" dan SASS (SCSS)
- pengaturan ulang gaya
- Warna situs web dan definisi font (warna, teks)
- Definisi gaya tata letak fleksibel universal (fleksibel)
- Definisi margin yang umum digunakan (margin, padding)
- Bingkai halaman beranda dan menu atas
- Gambar carousel di bagian atas beranda (vue wiper)
- Gunakan sprite
- Gunakan ikon font (iconfont)
- Komponen kartu (kartu)
- Komponen kartu daftar (kartu daftar, navigasi, penggesek)
- Beranda Berita dan Informasi-Entri Data (+Perbaikan Bug Backend)
- Beranda Berita dan Antarmuka Informasi-Data
- Beranda Berita dan Tampilan Antarmuka Informasi
- Daftar pahlawan halaman beranda-ekstrak data situs web resmi
- Daftar pahlawan halaman beranda-masukkan data
- Tampilan antarmuka daftar pahlawan halaman beranda
- Halaman detail berita
- Halaman detail berita sempurna
- Detail pahlawan persiapan halaman-1-front-end
- Halaman detail pahlawan-2-Pengeditan backend
- Detail pahlawan halaman-3-atas ujung depan
- Halaman detail pahlawan-4-sempurna
4. Rilis dan Penerapan (Alibaba Cloud)
- Kompilasi untuk lingkungan produksi
- Beli nama domain dan server
- Resolusi nama domain
- Instalasi dan konfigurasi Nginx
- Instalasi dan konfigurasi database MongoDB
- instalasi git dan konfigurasi ssh-key
- Node.js menginstal dan mengkonfigurasi image Taobao
- Tarik kodenya, instal pm2 dan mulai proyek
- Konfigurasikan proksi terbalik Nginx
- Migrasikan data lokal ke server (mongodump)
5. Lanjutan
- Aktifkan koneksi aman HTTPS dengan sertifikat SSL gratis
- Gunakan penyimpanan cloud Alibaba Cloud OSS untuk menyimpan file yang diunggah
