新闻排行榜

永恒,诺如病毒,bt搜索-尼采书香

GitHub Vue项目引荐|Node.js (Express.js) + Vue.js (Element UI) 全栈开发王者荣耀手机端官网和办理后台

项目在线视频:https://www.bilibili.com/video/av50341412

视频播放量很高哦,作者讲的很细心

项目分析

库房称号:node-vue-moba

标星(star):195 (不错哦,潜力股项目)

标星趋势

重视(watch):9

复制(fork):56

奉献人数:1

库房巨细:5 MB

归纳引荐指数: 2星

开发言语

首要言语:Vue

言语散布:Vue:46.00%、JavaScript:26.26%、CSS:14.89%、HTML:12.85%

项目概述

【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和办理后台

本项目是 Bilibili 全栈之巅 视频教程相关源码 https://github.com/wxs77577/node-vue-moba 继续更新中... 敬请重视

一、 入门

  1. 项目介绍
  2. 东西装置和环境建立(nodejs,npm,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. 主页新闻资讯-数据录入(+后台bug修正)
  13. 主页新闻资讯-数据接口
  14. 主页新闻资讯-界面展现
  15. 主页英豪列表-提取官网数据
  16. 主页英豪列表-录入数据
  17. 主页英豪列表-界面展现
  18. 新闻详情页
  19. 新闻详情页-完善
  20. 英豪详情页-1-前端预备
  21. 英豪详情页-2-后台修改
  22. 英豪详情页-3-前端顶部
  23. 英豪详情页-4-完善

四、发布和布置 (阿里云)

  1. 出产环境编译
  2. 购买域名和服务器
  3. 域名解析
  4. Nginx 装置和装备
  5. MongoDB数据库的装置和装备
  6. git 装置、装备ssh-key
  7. Node.js 装置、装备淘宝镜像
  8. 拉取代码,装置pm2并发动项目
  9. 装备 Nginx 的反向署理
  10. 搬迁本地数据到服务器 (mongodump)

五、进阶

  1. 运用免费SSL证书启用HTTPS安全衔接
  2. 运用阿里云OSS云存储寄存上传文件

项目地址

https://github.com/wxs77577/node-vue-moba

程序员新视界:共享风趣、有料的盛行程序员论题,每天前进一点点。

推荐新闻