【全棧之巔】Node.js + Vue.js 全棧開發(fā)王者榮耀手機端官網(wǎng)和管理后臺
本項目是 Bilibili 全棧之巔 視頻教程相關(guān)源碼，求三連
https://github.com/wxs77577/node-vue-moba
持續(xù)更新中... 敬請關(guān)注
一斗这、 入門
- 項目介紹
- 工具安裝和環(huán)境搭建(nodejs,npm,mongodb)
- 初始化項目
二、 管理后臺
基于Element UI的后臺管理基礎(chǔ)界面搭建
創(chuàng)建分類
分類列表
修改分類
刪除分類
子分類
通用 CRUD 接口
裝備管理
圖片上傳 (multer)
英雄管理
編輯英雄
裝備的多選 (el-select, multiple)
技能的編輯
文章管理
富文本編輯器 (quill)
首頁廣告管理
管理員賬號管理 (bcrypt)
登錄頁面
登錄接口 (jwt,jsonwebtoken)
服務端登錄校驗
客戶端路由限制 (beforeEach, meta)
三毡庆、移動端網(wǎng)站
- 開發(fā)服務端接口
- 考慮整體樣式
- 使用字體圖標 (iconfont)
- 首頁頂部輪播圖片 (swiper)
- 考慮通用組件 (SFC)
- 卡片組件
- 菜單組件 (tab + swiper)
- 首頁新聞資訊
- 新聞詳情頁
- 首頁英雄列表
- 英雄詳情頁
四趋艘、發(fā)布和部署 (阿里云)
- 生產(chǎn)環(huán)境編譯
- 購買域名和服務器
- 域名解析
- Nginx 安裝和配置
- MongoDB數(shù)據(jù)庫的安裝和配置
- git 安裝枢泰、配置ssh-key
- Node.js 安裝逐工、配置淘寶鏡像
- 拉取代碼膨疏，安裝pm2并啟動項目
- 配置 Nginx 的反向代理
五、進階
- 使用免費SSL證書啟用HTTPS安全連接
- 使用阿里云OSS云存儲存放上傳文件
