开篇为王者荣耀前后端项目规划

文章目录

开篇为王者荣耀前后端项目规划
前言
一、技术栈
二、项目规划
- 1.入门
- 2.管理后台
- 3.移动端网站
- 4.发布和部署(腾讯云)
- 5.进阶
总结

前言

本项目用于个人实践前后端开发，联调，配合，希望我的文章能带领你喜欢上代码，喜欢上前端。本文章只是开篇规划。后续还会对项目的规划的划分模块进行详细续写

一、技术栈

王者荣耀手机端：uniapp+VueJs+ElementUI+Vue-cli
王者荣耀后端可视化管理系统：VueJs+ElementUI+Vue-cli
王者荣耀后端：NodeJS+Express+MongoDB+mongoose

二、项目规划

1.入门

1.初始化项目（Vue-cli）

2.管理后台

1.基于ElementUI的后台管理页面
2.创建分类
3.分类列表
4.修改分类
5.删除分类
6.通用CRUD接口(create read update delete)
7.装备管理
8.图片上传和文件管理(multer)
9.英雄管理
10.编辑英雄
11.装备的多选(el-select, multiple)
12.技能的编辑
13.文章的管理
14.富文本编辑器
15.首页广告管理
16.管理员账号管理
17.登录页面
18.登录接口(jwt：jsonwebtoken)
19.服务端登录鉴权
20.客户端路由器限制(Vue自带的路由守卫和 meta字段)

3.移动端网站

1.开发服务端接口
2.考虑整体样式
3.使用字体图标（iconfont）
4.首页顶部轮播图片（swiper）
5.考虑通用组件（封装）
6.靠骗组件
7.菜单组件
8.首页新闻详情页
9.新闻详情页
10.首页英雄列表
11.英雄详情页

4.发布和部署(腾讯云)

1.生产环境编译
2.购买域名和服务器
3.域名解析
4.Nginx安装和配置
5.MongoDB数据库的安装和配置
6.git安装·配置ssh-key
7.NodeJs安装、升级、配置淘宝镜像
8.拉取代码、安装pm2并启动项目
9.配置Nginx的反向代理

5.进阶

1.使用免费SSL证书启动HTTPS安全连接
2.使用腾讯云OSS云存储放上传文件

总结

本项目，让本人受益良多，对js 对VueJs ，对NodeJs 的常用操作，对前后端交互，联调熟练运用。

基于NodeJs+VueJs开发王者荣耀手机端官网和管理后台(个人学习)相关推荐

Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台
前言最近在跟着Johnny的全栈之巅系列视频教程学习使用NodeJS+Express+Element-UI+MongoDB等开发王者荣耀,服务端server,移动端web,admin,学到了不少东西 ...
Node.js+Vue.js全栈开发王者荣耀手机端官网和管理后台(一)
文章目录 [全栈之巅]Node.js+Vue.js全栈开发王者荣耀手机端官网和管理后台(一) 工具安装和环境搭建初始化项目基于ElementUI的后台管理基础界面搭建创建分类(客户端) 创建分类 ...
【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记（4.1-4.10）
[全栈之巅]Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记(4.1-4.10) 本项目是学习Bilibili 全栈之巅视频教程相关源码和体会 https://git ...
学习【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台笔记（2.8-2.9）
[全栈之巅]Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台本项目是学习Bilibili 全栈之巅视频教程相关源码和体会 https://gitee.com/blaunic ...
【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记（3.11-3.12）
[全栈之巅]Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记(3.11-3.12) 本项目是学习Bilibili 全栈之巅视频教程相关源码和体会 https://gi ...
学习【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台笔记（2.10-2.12）
[全栈之巅]Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台本项目是学习Bilibili 全栈之巅视频教程相关源码和体会 https://gitee.com/blaunic ...
学习【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台笔记（1.1-2.5）
[全栈之巅]Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台本项目是学习Bilibili 全栈之巅视频教程相关源码和体会 https://gitee.com/blaunic ...
【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记（3.6-3.10）
[全栈之巅]Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记(3.6-3.10) 本项目是学习Bilibili 全栈之巅视频教程相关源码和体会 https://git ...
【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记（3.16-3.20）
[全栈之巅]Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记(3.16-3.20) 本项目是学习Bilibili 全栈之巅视频教程相关源码和体会 https://gi ...

基于NodeJs+VueJs开发王者荣耀手机端官网和管理后台(个人学习)