{"id":13901441,"url":"https://github.com/topfullstack/node-vue-moba","last_synced_at":"2025-04-12T14:55:21.036Z","repository":{"id":37733288,"uuid":"185757840","full_name":"topfullstack/node-vue-moba","owner":"topfullstack","description":"Node.js (Express.js) + Vue.js (Element UI) 全栈开发王者荣耀手机端官网和管理后台","archived":false,"fork":false,"pushed_at":"2023-01-03T21:46:12.000Z","size":8518,"stargazers_count":982,"open_issues_count":54,"forks_count":303,"subscribers_count":30,"default_branch":"master","last_synced_at":"2025-04-03T13:18:21.565Z","etag":null,"topics":["admin-dashboard","element-ui","express","moba","nodejs","vuejs"],"latest_commit_sha":null,"homepage":null,"language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/topfullstack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-09T08:25:33.000Z","updated_at":"2025-03-30T09:08:21.000Z","dependencies_parsed_at":"2023-02-01T10:32:12.620Z","dependency_job_id":null,"html_url":"https://github.com/topfullstack/node-vue-moba","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/topfullstack%2Fnode-vue-moba","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/topfullstack%2Fnode-vue-moba/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/topfullstack%2Fnode-vue-moba/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/topfullstack%2Fnode-vue-moba/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/topfullstack","download_url":"https://codeload.github.com/topfullstack/node-vue-moba/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248586243,"owners_count":21128995,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin-dashboard","element-ui","express","moba","nodejs","vuejs"],"created_at":"2024-08-06T21:01:23.456Z","updated_at":"2025-04-12T14:55:21.015Z","avatar_url":"https://github.com/topfullstack.png","language":"Vue","readme":"# 【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台\n\u003e 本项目是 [Bilibili 全栈之巅](https://space.bilibili.com/341919508) 视频教程相关源码\n\u003e https://github.com/wxs77577/node-vue-moba\n\u003e 持续更新中... 敬请关注\n\n## 一、 入门\n1. 项目介绍\n1. 工具安装和环境搭建(nodejs,npm,mongodb)\n1. 初始化项目\n\n## 二、 管理后台\n1. 基于Element UI的后台管理基础界面搭建\n\n1. 创建分类\n1. 分类列表\n1. 修改分类\n1. 删除分类\n1. 子分类\n\n1. **通用 CRUD 接口**\n\n1. 装备管理\n1. 图片上传 (multer)\n\n1. 英雄管理\n1. 编辑英雄 (关联,多选,el-select, multiple)\n1. 技能编辑\n\n1. 文章管理\n1. 富文本编辑器 (quill)\n\n1. 首页广告管理\n\n1. 管理员账号管理 (bcrypt)\n1. 登录页面\n1. 登录接口 (jwt,jsonwebtoken)\n1. 服务端登录校验\n1. 客户端路由限制 (beforeEach, meta)\n1. 上传文件的登录校验 (el-upload, headers)\n\n## 三、移动端网站\n\n1. \"工具样式\"概念和 SASS (SCSS)\n1. 样式重置\n1. 网站色彩和字体定义 (colors, text)\n1. 通用flex布局样式定义 (flex)\n1. 常用边距定义 (margin, padding)\n1. 主页框架和顶部菜单\n1. 首页顶部轮播图片 (vue swiper)\n1. 使用精灵图片 (sprite)\n1. 使用字体图标 (iconfont)\n1. 卡片组件 (card)\n1. 列表卡片组件 (list-card, nav, swiper)\n1. 首页新闻资讯-数据录入(+后台bug修复)\n1. 首页新闻资讯-数据接口\n1. 首页新闻资讯-界面展示\n1. 首页英雄列表-提取官网数据\n1. 首页英雄列表-录入数据\n1. 首页英雄列表-界面展示\n1. 新闻详情页\n1. 新闻详情页-完善\n1. 英雄详情页-1-前端准备\n1. 英雄详情页-2-后台编辑\n1. 英雄详情页-3-前端顶部\n1. 英雄详情页-4-完善\n\n## 四、发布和部署 (阿里云)\n\n1. 生产环境编译\n1. 购买域名和服务器\n1. 域名解析\n1. Nginx 安装和配置\n1. MongoDB数据库的安装和配置\n1. git 安装、配置ssh-key\n1. Node.js 安装、配置淘宝镜像\n1. 拉取代码，安装pm2并启动项目\n1. 配置 Nginx 的反向代理\n1. 迁移本地数据到服务器 (mongodump)\n\n## 五、进阶\n1. 使用免费SSL证书启用HTTPS安全连接\n1. 使用阿里云OSS云存储存放上传文件\n","funding_links":[],"categories":["Vue"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftopfullstack%2Fnode-vue-moba","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftopfullstack%2Fnode-vue-moba","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftopfullstack%2Fnode-vue-moba/lists"}