topfullstack / Node Vue Moba
Licence: mit
Node.js (Express.js) + Vue.js (Element UI) 全栈开发王者荣耀手机端官网和管理后台
Stars: ✭ 750
Projects that are alternatives of or similar to Node Vue Moba
vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+1628.27%)
Mutual labels: admin-dashboard, element-ui
Filmsys
一个使用Vue全家桶和后台Express框架结合Mysql数据库搭建起来的移动端电影售票和管理系统,实现了热映、即将上映、电影和影院全局搜索、评论、选座、购票、点赞、收藏、订单等一系列购票和管理流程功能
Stars: ✭ 217 (-71.07%)
Mutual labels: express, element-ui
Fontend
使用Node、Vue、ElementUI、iViewUI,验证码等等搭建一个综合性网站(含后台管理系统)
Stars: ✭ 97 (-87.07%)
Mutual labels: express, element-ui
Ktv Select music System
KTV点歌系统,含后台管理系统(完整版)
Stars: ✭ 305 (-59.33%)
Mutual labels: express, element-ui
vueAdmin
采用Vue+Vue-router+element实现的后台管理模板
Stars: ✭ 15 (-98%)
Mutual labels: admin-dashboard, element-ui
Element Vue Admin
vue admin template base on element 2
Stars: ✭ 73 (-90.27%)
Mutual labels: element-ui, admin-dashboard
nuxt-element-dashboard
⚡️develop your admin-dashboard fast
Stars: ✭ 45 (-94%)
Mutual labels: admin-dashboard, element-ui
Generator Expressjs Rest
Project template for an ExpressJS application
Stars: ✭ 41 (-94.53%)
Mutual labels: express, admin-dashboard
Vue Element Admin Tpl
Admin platform template base on vue + element-ui
Stars: ✭ 384 (-48.8%)
Mutual labels: element-ui, admin-dashboard
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+9639.2%)
Mutual labels: element-ui, admin-dashboard
Cool Admin Api
cool-admin-api 是基于egg.js、typeorm、jwt等封装的api开发脚手架、快速开发api接口
Stars: ✭ 188 (-74.93%)
Mutual labels: express, element-ui
Login
Vue + Vue-router + Vuex 实现前端页面及逻辑,Express 实现注册登录登出的RestFul API 。
Stars: ✭ 246 (-67.2%)
Mutual labels: express, element-ui
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+1362.4%)
Mutual labels: element-ui, admin-dashboard
vue-element-admin-ts
vue-element-admin 的 typescript 版本
Stars: ✭ 101 (-86.53%)
Mutual labels: admin-dashboard, element-ui
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (-56.93%)
Mutual labels: express, element-ui
Nideshop Admin
NideShop 开源微信小程序商城(后台管理系统)
Stars: ✭ 550 (-26.67%)
Mutual labels: element-ui, admin-dashboard
【全栈之巅】Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台
本项目是 Bilibili 全栈之巅 视频教程相关源码 https://github.com/wxs77577/node-vue-moba 持续更新中... 敬请关注
一、 入门
- 项目介绍
- 工具安装和环境搭建(nodejs,npm,mongodb)
- 初始化项目
二、 管理后台
-
基于Element UI的后台管理基础界面搭建
-
创建分类
-
分类列表
-
修改分类
-
删除分类
-
子分类
-
通用 CRUD 接口
-
装备管理
-
图片上传 (multer)
-
英雄管理
-
编辑英雄 (关联,多选,el-select, multiple)
-
技能编辑
-
文章管理
-
富文本编辑器 (quill)
-
首页广告管理
-
管理员账号管理 (bcrypt)
-
登录页面
-
登录接口 (jwt,jsonwebtoken)
-
服务端登录校验
-
客户端路由限制 (beforeEach, meta)
-
上传文件的登录校验 (el-upload, headers)
三、移动端网站
- "工具样式"概念和 SASS (SCSS)
- 样式重置
- 网站色彩和字体定义 (colors, text)
- 通用flex布局样式定义 (flex)
- 常用边距定义 (margin, padding)
- 主页框架和顶部菜单
- 首页顶部轮播图片 (vue swiper)
- 使用精灵图片 (sprite)
- 使用字体图标 (iconfont)
- 卡片组件 (card)
- 列表卡片组件 (list-card, nav, swiper)
- 首页新闻资讯-数据录入(+后台bug修复)
- 首页新闻资讯-数据接口
- 首页新闻资讯-界面展示
- 首页英雄列表-提取官网数据
- 首页英雄列表-录入数据
- 首页英雄列表-界面展示
- 新闻详情页
- 新闻详情页-完善
- 英雄详情页-1-前端准备
- 英雄详情页-2-后台编辑
- 英雄详情页-3-前端顶部
- 英雄详情页-4-完善
四、发布和部署 (阿里云)
- 生产环境编译
- 购买域名和服务器
- 域名解析
- Nginx 安装和配置
- MongoDB数据库的安装和配置
- git 安装、配置ssh-key
- Node.js 安装、配置淘宝镜像
- 拉取代码,安装pm2并启动项目
- 配置 Nginx 的反向代理
- 迁移本地数据到服务器 (mongodump)
五、进阶
- 使用免费SSL证书启用HTTPS安全连接
- 使用阿里云OSS云存储存放上传文件
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].