node-vue-moba

授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 网页开发工具
软件类型 开源软件
地区 不详
投 递 者 暨承平
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

【全栈之巅】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云存储存放上传文件
  • 前言 最近在跟着Johnny的全栈之巅系列视频教程学习使用NodeJS+Express+Element-UI+MongoDB等开发王者荣耀,服务端server,移动端web,admin,学到了不少东西。总体来说,他讲的视频思路蛮清晰的,跟着做基本上都能快速上手。 Element-UI,网站快速成型工具,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element-UI中

  • 【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台学习笔记(4.1-4.10) 本项目是 学习Bilibili 全栈之巅 视频教程相关源码和体会 https://gitee.com/blaunicorn/node-vue-wangzherongyao 持续更新中… 4.1 生产环境编译 把admin和web都编译到server的某个文件里,让他们能被server访问

  • 前言 经过前前后后差不多一周的摸爬滚打,无数次的踩坑,几次想要放弃,终于还是完成了这个部署。 最大的收获还是在遇到问题时要尝试从多个角度思考,反复尝试。网上的文章质量确实良莠不齐,但大多数情况是作者与自己所遇到的问题存在差异,要仔细思考,深刻理解问题的本质是什么。另外,作者与自己的知识背景不同,可能他一笔带过的地方是自己的知识盲点,这就需要另外寻找参考资料。 对于一个复杂的问题而言,往往不可能在网

 相关资料
  • Série de Vídeos - Coding Stuff: Projeto #01 - Desenvolvendo Aplicação JWT com Node + MongoDB + Vue & Azure Repositório responsável pelo primeiro projeto da série de vídeos: Coding Stuff. O objetivo da

  • vn-pastime 基于vue全家桶、mongodb和nodejs的全栈项目,其实是个大杂烩。通过这个项目,了解前后端的整合,以及产品上线的基本流程 前端使用axios与后台api交互获取数据,vue全家桶进行数据的管理和渲染,mongodb存储网上爬取的原始数据以及用户后期产生的数据,nodejs主要提供api接口以及token的签发与验证 线上使用阿里云服务器部署,nginx进行http反向

  • 本文向大家介绍VUE+node(express)实现前后端分离,包括了VUE+node(express)实现前后端分离的使用技巧和注意事项,需要的朋友参考一下 vue作为前端的框架,node(express)作为后端的框架。无数据库,使用端口保存数据。 VUE: 使用vue-cli构建vue项目(vueapp)。 axios:(与ajax相似) axios没安装的记得装一下。(安装不细说) nod

  • vue项目怎么查看node版本?

  • 遇到的问题:项目第一次运行时,没问题不报错,然后保存项目,热更新重新加载时,导致项目断开,需要重新运行, 已经设置了set NODE_OPTIONS=--max_old_space_size但是不起作用,请问是什么原因呢? 报错信息如下:

  • 本文向大家介绍vue引入ueditor及node后台配置详解,包括了vue引入ueditor及node后台配置详解的使用技巧和注意事项,需要的朋友参考一下 最近公司的某个客户要用上我们公司的产品,他的后台管理里的富文本编辑器要求有点多,开始打算用Quill,但是发现Quill根本满足不了他的需求。在调研了市面上的富文本编辑器后,最后似乎只剩了百度的ueditor。虽然很丑~~~,不过没关系,政府网