# mobaDemo

**Repository Path**: hyscode/mobaDemo

## Basic Information

- **Project Name**: mobaDemo
- **Description**: moba
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-09-29
- **Last Updated**: 2024-06-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

项目结构和所用技术

## 一、 入门

1. 项目介绍
2. 工具安装和环境搭建(nodejs,npm,nodemon(实时后端运行工具),mongodb)
mongoDB数据库镜像下载地址
注：如需用到可视化数据库编辑软件建议使用native of mongoDB
3. 初始化项目

## 二、 管理后台

1. 基于 Element UI 的后台管理基础界面搭建
2. 创建分类
3. 分类列表
4. 修改分类
5. 删除分类
6. 子分类
7. 通用 CRUD(增、删、改、查) 接口
8. 装备管理
9. 图片上传 (multer)
10. 英雄管理
11. 编辑英雄 (关联,多选,el-select, multiple)
12. 技能编辑
13. 文章管理
14. 富文本编辑器 (quill)
15. 首页广告管理
16. 管理员账号管理 (bcrypt)
17. 登录页面
18. 登录接口 (jwt,jsonwebtoken)
19. 服务端登录校验
20. 客户端路由限制 (beforeEach, meta)
21. 上传文件的登录校验 (el-upload, headers)

## 三、移动端网站

1. "工具样式"概念和 SASS (SCSS)
2. 样式重置
3. 网站色彩和字体定义 (colors, text)
4. 通用 flex 布局样式定义 (flex)
5. 常用边距定义 (margin, padding)
6. 主页框架和顶部菜单
7. 首页顶部轮播图片 (vue swiper)
8. 使用精灵图片 (sprite)
9. 使用字体图标 (iconfont)
10. 卡片组件 (card)
11. 列表卡片组件 (list-card, nav, swiper)
12. 首页新闻资讯-数据录入
13. 首页新闻资讯-数据接口
14. 首页新闻资讯-界面展示
15. 首页英雄列表
16. 新闻详情页
17. 英雄详情页
--------------------------------------------------------------------
--------------------------------------------------------------------
简历上面的项目介绍内容
--------------------------------------------------------------------
项目名称:王者荣耀移动版官网
--------------------------------------------------------------------
技术栈:HTML5、CSS3、SASS(SCSS)、JS(ES6)、Vue.js(全家桶)、Element-ui、Node.js、Express、MongoDB
--------------------------------------------------------------------
项目描述:该项目是基于王者荣耀原官网的架构和内容模式的基础上改进而成,主要是由前端部分(web)、服务端部分(server)和后端部分(admin)三部分所组成。前端部分采用HTML5、CSS3、SASS(SCSS)、JS(ES6)和Vue.js(全家桶)等技术实现,服务端部分采用了Node.js、Express和MongoDB数据库等技术实现,后端部分采用了Node.js、Express、Vue.js(全家桶)、Element-ui等技术实现。
---------------------------------------------------------------------
责任描述:
        1.首先将前端部分(web)、服务端部分(server)和后端部分(admin)的大致结构创建出来。
        2.使用HTML5、SASS(SCSS)加Vue.js(全家桶)将前端页面部分(web)渲染出来。
        3.搭建MongoDB数据库环境,用Node.js和Express写出服务端的数据路由和与后端程序对接数据的处理方法和中间件。
        4.使用Node.js、Express和Axios来写出后端与服务端数据库(MongoDB)和前端(web)页面的数据交互接口和处理方法,之后用Vue.js和Element-ui来实现后端程序的前端页面和处理程序。
        5.最后写出后端程序的登录限制,联调三端程序使其能够互联互通。