# blog-server

**Repository Path**: MrXuxu/blog-server

## Basic Information

- **Project Name**: blog-server
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-04
- **Last Updated**: 2022-02-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 【全栈之巅】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. **通用 CRUD 接口**

1. 装备管理
1. 图片上传和文件管理 (multer)

1. 英雄管理
1. 编辑英雄
1. 装备的多选 (el-select, multiple)
1. 技能的编辑

1. 文章管理
1. 富文本编辑器 (quill)

1. 首页广告管理

1. 管理员账号管理 (bcrypt)
1. 登录页面
1. 登录接口 (jwt,jsonwebtoken)
1. 服务端登录校验
1. 客户端路由限制 (beforeEach, meta)

## 三、移动端网站

1. 开发服务端接口
1. 考虑整体样式
1. 使用字体图标 (iconfont)
1. 首页顶部轮播图片 (swiper)
1. 考虑通用组件 (SFC)
1. 卡片组件
1. 菜单组件 (tab + swiper)
1. 首页新闻资讯
1. 新闻详情页
1. 首页英雄列表
1. 英雄详情页

## 四、发布和部署 (阿里云)

1. 生产环境编译
1. 购买域名和服务器
1. 域名解析
1. Nginx 安装和配置
1. MongoDB数据库的安装和配置
1. git 安装、配置ssh-key
1. Node.js 安装、配置淘宝镜像
1. 拉取代码，安装pm2并启动项目
1. 配置 Nginx 的反向代理

## 五、进阶
1. 使用免费SSL证书启用HTTPS安全连接
1. 使用阿里云OSS云存储存放上传文件