摩友圈 – 摩托车赛事和活动组局系统

一套基于微信公众号搭建的H5系统，面向摩托车爱好者，一站式提供赛事管理、骑行活动组局、摩友社交互动、二手闲置交易、钱包资产收益全链路服务。对接的易支付(多渠道对接集成)和虎皮椒支付

目录

• 一、核心功能
• 二、技术栈与整体架构
• 三、项目核心优势
• 补充说明

---

一、核心功能

1. 首页 · 民间车神榜

• 榜单分类：车神榜（按赛事获奖次数排序）、热度榜（按近一周明信片点赞量排序）
• 支持城市维度榜单筛选，附带摩友社区快捷入口

2. 活动 / 赛事模块

• 普通用户：浏览、报名他人发布的骑行聚会/短途长途组局；自主创建骑行活动；可查看报名各类摩托车赛事
• 城市代理：拥有本地赛事发布、编辑、审核、全流程管理权限
• 配套能力：所有赛事、活动内置官方微信群二维码，方便参与者一键入群对接

3. 摩友明信片（社区动态）

• 内容发布：全国分地区展示，支持图文、短视频动态发布
• 互动能力：点赞、评论完整社交链路
• 用户标识：VIP贵宾图标、实名认证标签、车神榜排名外露展示
• 闲置联动：可直接发布二手车辆/装备出售、出租信息

4. 个人中心 · 我的

• 钱包板块：余额充值、余额提现、好友转账；收益来源包含赛事奖金、闲置交易收入
• 账号管理：个人名片自定义编辑、VIP开通、实名认证、登录密码修改
• 内容管理：闲置商品管理、我的名片、关注列表、粉丝列表、全部订单
• 消息通知：配置QQ邮箱，接收赛事提醒、活动通知、评论消息推送

5. 通用配套底层能力

• 微信生态：OAuth2.0微信授权登录、微信JS-SDK朋友圈/好友分享
• 账号安全：短信验证码、svg图形验证码、密码找回重置
• 自动化定时任务：每日刷新车神榜单、每周更新热度榜单、每日9点推送赛事提醒

---

二、技术栈与整体架构

项目拆分为三大端：移动端H5前端、Node后端API、PC管理后台，统一使用JavaScript技术体系。

前端（H5移动端）frontend/

• 基础语言：JavaScript（ESM模块化）
• 核心框架：Vue3 + Vue Router4 + Pinia状态管理
• UI组件：Vant4移动端组件库、FontAwesome图标、emoji表情选择器
• 构建&工具：Vite4打包构建；Axios网络请求；dayjs时间处理
• 三方工具：html2canvas/html-to-image/qrcode（海报、二维码生成）；weixin-js-sdk（微信能力对接）

后端（API服务）backend/

• 运行环境：Node.js ≥ 16，JavaScript开发
• 主体框架：Express4
• 数据存储：MySQL2主库 + Redis（ioredis缓存）
• 身份安全：JWT(jsonwebtoken)鉴权、bcryptjs密码哈希加密
• 常用中间件：cors跨域、helmet安全防护、morgan日志、express-validator参数校验、multer文件上传
• 第三方依赖：nodemailer邮件发送、node-cron定时任务、puppeteer页面截图/海报渲染、svg-captcha图形验证码、qrcode二维码
• 对象存储：腾讯云COS / 阿里云OSS双兼容，存放图片、视频资源
• 进程托管：PM2，配套ecosystem.config.js配置文件

后台管理系统 admin/

• 技术：Vue3 + Vite + JavaScript
• PC端UI：Element Plus
• 可视化：ECharts数据统计图表
• 配套：Pinia状态管理、Vue Router路由

数据库

• 数据库：MySQL
• 12张核心数据表：
  users、postcards、races、race_registrations、activities、activity_participants、likes、comments、idle_items、wallet_transactions、notifications、city_agents
• 初始化文件：database/schema.sql，一键建表初始化

---

三、项目核心优势

1. 全栈JS同构开发
   前端、后端、管理后台全部使用JavaScript，技术栈统一，降低多人协作、迭代维护成本。
2. 完整商业业务闭环
   社交（明信片动态）→赛事（报名参赛、奖金结算）→闲置交易（车件买卖租赁）→资金钱包（充值提现转账）→本地化运营（城市代理、榜单自动化、邮件通知）全链路打通。
3. 深度适配微信私域生态
   公众号一键登录、微信原生分享、赛事活动引导微信群沉淀，适配摩友社群私域运营需求。
4. 三端职责完全解耦
   移动端H5面向普通用户（Vant移动端适配）、管理后台面向运营（Element Plus桌面端）、后端统一提供API接口；三端独立部署、单独迭代，扩展性强。
5. 生产环境开箱可用
   自带PM2进程部署方案、HTTPS配置指引、helmet/cors多层安全防护、JWT接口鉴权、.env环境变量配置、完整数据库初始化SQL，可直接上线部署。
6. 全端响应式兼容
   手机端完美适配；额外做PC浏览器适配，页面居中对齐，电脑访问体验和移动端一致，不影响移动端原有交互。

---

补充说明

如需细化拆解任意模块，可定向展开：赛事完整报名流程、钱包资金流水逻辑、管理后台权限功能、定时任务细节、OSS图片配置、微信对接步骤等。

资源地址

https://www.bygoukai.com/shop/40578.html