# 【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台
> 本项目是 [Bilibili 全栈之巅](https://space.bilibili.com/341919508) 视频教程相关源码
> https://github.com/wxs77577/node-vue-moba
> 持续更新中... 敬请关注
## 一、 入门
1. 项目介绍
1. 工具安装和环境搭建(nodejs,npm,mongodb)
1. 初始化项目
## 二、 管理后台
1. 基于Element UI的后台管理基础界面搭建
1. 创建分类
1. 分类列表
1. 修改分类
1. 删除分类
1. 子分类
1. **通用 CRUD 接口**
1. 装备管理
1. 图片上传 (multer)
1. 英雄管理
1. 编辑英雄 (关联,多选,el-select, multiple)
1. 技能编辑
1. 文章管理
1. 富文本编辑器 (quill)
1. 首页广告管理
1. 管理员账号管理 (bcrypt)
1. 登录页面
1. 登录接口 (jwt,jsonwebtoken)
1. 服务端登录校验
1. 客户端路由限制 (beforeEach, meta)
1. 上传文件的登录校验 (el-upload, headers)
## 三、移动端网站
1. "工具样式"概念和 SASS (SCSS)
1. 样式重置
1. 网站色彩和字体定义 (colors, text)
1. 通用flex布局样式定义 (flex)
1. 常用边距定义 (margin, padding)
1. 主页框架和顶部菜单
1. 首页顶部轮播图片 (vue swiper)
1. 使用精灵图片 (sprite)
1. 使用字体图标 (iconfont)
1. 卡片组件 (card)
1. 列表卡片组件 (list-card, nav, swiper)
1. 首页新闻资讯-数据录入(+后台bug修复)
1. 首页新闻资讯-数据接口
1. 首页新闻资讯-界面展示
1. 首页英雄列表-提取官网数据
1. 首页英雄列表-录入数据
1. 首页英雄列表-界面展示
1. 新闻详情页
1. 新闻详情页-完善
1. 英雄详情页-1-前端准备
1. 英雄详情页-2-后台编辑
1. 英雄详情页-3-前端顶部
1. 英雄详情页-4-完善
## 四、发布和部署 (阿里云)
1. 生产环境编译
1. 购买域名和服务器
1. 域名解析
1. Nginx 安装和配置
1. MongoDB数据库的安装和配置
1. git 安装、配置ssh-key
1. Node.js 安装、配置淘宝镜像
1. 拉取代码,安装pm2并启动项目
1. 配置 Nginx 的反向代理
1. 迁移本地数据到服务器 (mongodump)
## 五、进阶
1. 使用免费SSL证书启用HTTPS安全连接
1. 使用阿里云OSS云存储存放上传文件
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
包括: 项目介绍、工具安装和环境搭建(nodejs,npm,mongodb)、初始化项目等内容。 含有PPT、代码、软件安装包以及视频等内容。 基于Element UI的后台管理基础界面搭建 以及 移动端网站的搭建。 还可以,发布和部署 (阿里云),使用免费SSL证书启用HTTPS安全连接、使用阿里云OSS云存储存放上传文件。
资源推荐
资源详情
资源评论
收起资源包目录
《基于Vue + Node的游戏资讯系统的设计与实现》.zip (284个子文件)
WiredTigerPreplog.0000000001 100MB
WiredTigerLog.0000000001 100MB
WiredTigerPreplog.0000000002 100MB
metrics.2021-04-20T03-20-24Z-00000 164KB
storage.bson 114B
config 308B
chunk-vendors.24c39596.css 220KB
chunk-vendors.af67b8ba.css 213KB
app.8bf564a8.css 22KB
chunk-vendors.23d90689.css 18KB
demo.css 9KB
iconfont.css 2KB
app.67e61f29.css 493B
style.css 435B
description 73B
.env.development 47B
.env.development 45B
iconfont.eot 3KB
exclude 240B
robo3t-1.3.1-windows-x86_64-7419c406.exe 15.9MB
.gitignore 984B
.gitignore 235B
.gitignore 235B
HEAD 176B
HEAD 176B
HEAD 32B
HEAD 23B
demo_index.html 11KB
index.html 894B
index.html 882B
index.html 564B
index.html 560B
favicon.ico 4KB
favicon.ico 4KB
favicon.ico 4KB
favicon.ico 4KB
pack-29263c4f65911b8e4abe1d30e835356c6d100216.idx 27KB
index 24KB
210794580bb9303653804bb7b482f2a4.jpeg 84KB
210794580bb9303653804bb7b482f2a4.21079458.jpeg 84KB
ddc8c8922cbb694dfb73c86bb03fce22.jpeg 80KB
b9905b35bb0afa9050d9ddbe04d82d29.jpeg 66KB
89517772414729.jpg 123KB
182.jpg 97KB
478c868ed3eb872b6d34226356f35f9b.1559127538.5e36ac558b88d6dd07b01ca9a7c3cc01.230x140_69933.jpg 68KB
afdc514c9b4d22785c9d7e0016a4e80d.1559125999.b3259d2575226266179450a16d8beaf7.230x140_69065.jpg 67KB
12dda3e41fb5e12195ae3dc94ca992d0.1559038112.a13f3c53c95bb3152e9600b7fb159e7f.230x140_61124.jpg 60KB
c81e728d9d4c2f636f067f89cc14862c.1535178637.9b2d4b61c17f2fb310a90e4fe7562d22.184x124_58419.jpg 57KB
24390a97b42bfed66100cfec709fe241.1559023159.43dfa3ea75c60024421acd8b64e09261.230x140_51188.jpg 50KB
33a92007b5f1069c52c8b614efe9e9df.1559134600.231e17eec641eeb9c0a0d25b3a2068f6.230x140_51128.jpg 50KB
7acce3193127d4b71a6c2b140c22dc95.1559155614.13f8d231715d38323f144865d0dd8d3b.230x140_47886.jpg 47KB
d9fbed9da256e344c1fa46bb46c34c5f.1559122468.ed6b20b904dea3ced06eda250abe14b1.230x140_47631.jpg 47KB
2f423485ab865af4456fc4afbbf4fd8a.1559121831.29be5395e224e28768b3368ae490a1ee.230x140_44058.jpg 43KB
934b535800b1cba8f96a5d72f72f1611.1559143480.ca548a2c0c51fed1569d5593ee2b54e7.230x140_35570.jpg 35KB
Q750422.1516178581.bb8a035a3fe6bd3832efa4cb1ed51cf1.750x422_27946.jpg 27KB
Q750422.1515569787.8387b4634da8cb683007d3f7dc201a2c.750x422_26024.jpg 25KB
6bd0306ccc1b1dfce02580976be979c0.1559124052.c90c88f357888bbe434ca80329a833f7.230x140_24149.jpg 24KB
0426a7913eedc8b6934b19ccd22d4ab5.1559107034.80d936e909a753faa88675dc99183337.230x140_22257.jpg 22KB
6da9003b743b65f4c0ccd295cc484e57.1559116998.82e0eaa75cff42ffae8870dd2ed4aa11.230x140_21456.jpg 21KB
705bb5199bd0aaa463b7f5b886c404bd.1559190890.b1b9e7faecb5d9633bb9ed7e67400def.230x140_21049.jpg 21KB
179.jpg 20KB
a81dba90f3c1c99db858712aad6975a6.1559121597.dd8c9d37c6fe01b3b5c15021307f84cf.230x140_19104.jpg 19KB
6da9003b743b65f4c0ccd295cc484e57.1559015221.ed73a77ae43df3920a4cee55e9a228f6.230x140_18091.jpg 18KB
507.jpg 17KB
529.jpg 17KB
106.jpg 16KB
115.jpg 16KB
156.jpg 16KB
139.jpg 16KB
312.jpg 16KB
5afe19c0fd9dbc9befbd7922656d9090.1559054152.921723a8e2772484663118727fe28305.230x140_16010.jpg 16KB
508.jpg 15KB
146.jpg 15KB
513.jpg 15KB
107.jpg 14KB
230x140.1514973379.f13b6ae0ad01c866ee2d0f9209f8297a.230x140_13634.jpg 13KB
137.jpg 13KB
193.jpg 13KB
195.jpg 12KB
127.jpg 12KB
152.jpg 11KB
515.jpg 11KB
194.jpg 11KB
e9af8a8f42909657795c092eb8adc7ef.1559120014.011fbdfc21154b59a0738af2e016088f.230x140_10943.jpg 11KB
111.jpg 10KB
121.jpg 10KB
5b6ba13f79129a74a3e819b78e36b922.1558861853.a8378d195d8d586b930150e8c5199391.184x124_9550.jpg 9KB
110.jpg 9KB
511.jpg 8KB
169.jpg 8KB
506.jpg 8KB
196.jpg 8KB
174.jpg 7KB
183.jpg 7KB
109.jpg 7KB
154.jpg 7KB
135.jpg 7KB
178.jpg 7KB
136.jpg 7KB
120.jpg 7KB
共 284 条
- 1
- 2
- 3
资源评论
强连通子图
- 粉丝: 661
- 资源: 36
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功