【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台
本项目是 Bilibili 全栈之巅 视频教程相关源码,求三连
https://github.com/wxs77577/node-vue-moba
持续更新中... 敬请关注
一、 入门
- 项目介绍
- 工具安装和环境搭建(nodejs,npm,mongodb)
- 初始化项目
二、 管理后台
-
基于Element UI的后台管理基础界面搭建
-
创建分类
-
分类列表
-
修改分类
-
删除分类
-
子分类
-
通用 CRUD 接口
-
装备管理
-
图片上传 (multer)
-
英雄管理
-
编辑英雄
-
装备的多选 (el-select, multiple)
-
技能的编辑
-
文章管理
-
富文本编辑器 (quill)
-
首页广告管理
-
管理员账号管理 (bcrypt)
-
登录页面
-
登录接口 (jwt,jsonwebtoken)
-
服务端登录校验
-
客户端路由限制 (beforeEach, meta)
三、移动端网站
- 开发服务端接口
- 考虑整体样式
- 使用字体图标 (iconfont)
- 首页顶部轮播图片 (swiper)
- 考虑通用组件 (SFC)
- 卡片组件
- 菜单组件 (tab + swiper)
- 首页新闻资讯
- 新闻详情页
- 首页英雄列表
- 英雄详情页
四、发布和部署 (阿里云)
- 生产环境编译
- 购买域名和服务器
- 域名解析
- Nginx 安装和配置
- MongoDB数据库的安装和配置
- git 安装、配置ssh-key
- Node.js 安装、配置淘宝镜像
- 拉取代码,安装pm2并启动项目
- 配置 Nginx 的反向代理
五、进阶
- 使用免费SSL证书启用HTTPS安全连接
- 使用阿里云OSS云存储存放上传文件
网友评论