夜雨聆风## 推币机游戏H5 -- 项目功能详解
### 一、项目概述
这是一个完整的在线推币机（推钱机/硬币推土机）网页游戏平台，包含玩家端和管理后台两大部分。玩家可以在浏览器中体验推币机游戏，通过投币、完成任务、参与转盘抽奖等方式获取金币和钻石，并在商城中购买道具增强游戏体验。管理员可以通过后台管理系统监控运营数据、管理用户和配置系统参数。
---
### 二、用户系统
#### 2.1 登录与注册
- **游客登录**：一键快速进入游戏，系统自动生成游客账号，无需填写任何信息
- **账号密码登录**：支持通过用户名（昵称）、手机号或邮箱登录系统
- **账号注册**：新用户可设置用户名和密码完成注册，注册后获得初始金币和钻石奖励
- **JWT令牌认证**：登录成功后获取身份令牌，后续所有操作均需携带令牌进行身份验证
- **路由守卫**：未登录用户访问任何功能页面时自动跳转至登录页
#### 2.2 用户信息
- **个人资料**：展示用户头像、昵称、唯一标识UID、注册时间、VIP等级
- **双货币体系**：金币（主要游戏货币）和钻石（高级货币）
- **VIP等级制度**：分3个等级（青铜、白银、黄金），不同等级享受不同特权
- **签到系统**：记录连续签到天数，每日签到可获得递增奖励（第1天50金币至第7天1000金币），超过7天重置循环
- **充值总额统计**：累计记录用户的充值金额
---
### 三、核心游戏模块
#### 3.1 推币机主游戏
- **物理引擎驱动**：采用Matter.js二维物理引擎模拟真实的硬币碰撞、堆叠、掉落效果
- **投币机制**：每次投币消耗10金币，玩家可选择投放位置（横向坐标0到1之间）
- **推板控制**：底部设有自动往复运动的推板，推动台面上的硬币移动
- **中奖判定**：基于35%的基础中奖率，结合随机倍率（最高5倍）计算奖励
- **实时结算**：每枚硬币的投入和产出即时记录，中奖时显示浮动文字动画效果
- **粒子特效**：中奖时触发圆形、星形、菱形等粒子特效增强视觉反馈
- **每日免费额度**：每天提供5次免费投币机会
- **统计数据**：实时显示当前累计投币次数
#### 3.2 幸运转盘
- **抽奖消耗**：每次旋转消耗100金币
- **七格奖品池**：包含100金币、200金币、500金币、1000金币、50钻石、100钻石、谢谢参与共7种结果
- **动画效果**：转盘旋转约3秒后停止，带有缓动减速效果
- **防重复点击**：500毫秒内不可重复触发
- **结果弹窗**：展示获得的奖品详情和新余额
- **失败回滚**：若网络请求失败则返还扣除的金币
#### 3.3 每日任务系统
- **6项每日任务**：
- 勤奋投币手：投币10次，奖励100金币
- 投币达人：累计投币50次，奖励300金币
- 金币猎手：赚取500金币，奖励200金币
- 转盘爱好者：参与转盘3次，奖励150金币
- 购物狂人：购买任意道具1个，奖励100金币
- 每日打卡：完成当日签到，奖励50金币
- **7项成就任务**：
- 初出茅庐：累计投币100次，奖励500金币
- 资深玩家：累计投币1000次，奖励2000金币
- 小有成就：累计中奖50次，奖励1000金币
- 首次充值：完成第一次充值，奖励200金币
- 青铜会员/白银会员/黄金会员：达到对应VIP等级，分别奖励300/1000/3000金币
- **进度追踪**：每个任务显示当前进度条和完成状态
- **一键领取**：完成后点击领取按钮获取奖励，已领取的任务标记为已完成
- **每日重置**：每日任务在每天零点自动重置进度，成就任务永久有效
---
### 四、商城与背包系统
#### 4.1 道具商城
- **10种商品**：
- 磁力道具（500金币）：下次投币有概率吸引周围硬币，持续3回合
- 炸弹道具（1000金币）：清除推台障碍物，让金币更容易掉落
- 护盾道具（800金币）：保护金币不被推走，持续5回合
- 幸运金币（1500金币）：下次投币必定触发双倍奖励
- 时间冻结（2000金币）：暂停推板移动10秒
- 金币雨（3000金币）：立即在推台上空降10枚金币
- 钻石小礼包（30钻石）：含50钻石
- 钻石中礼包（80钻石）：含150钻石
- 钻石大礼包（250钻石）：含500钻石
- VIP月卡（28钻石）：30天VIP特权，每日额外加100金币
- **双货币支付**：部分商品支持金币或钻石支付
- **库存显示**：每个商品旁显示当前拥有数量
#### 4.2 我的背包
- **道具清单**：展示用户已购买的所有道具及对应数量
- **使用入口**：从商城页面切换至背包视图查看持有情况
#### 4.3 充值中心
- **6档充值套餐**：
- 6元购1000金币（无赠送）
- 18元购3000金币（赠送300）
- 30元购5000金币（赠送1000，推荐套餐）
- 68元购10000金币（赠送3000）
- 128元购20000金币（赠送8000）
- 298元购50000金币（赠送25000）
- **订单创建**：选择套餐后生成支付订单，返回订单号和支付链接
- **支付方式**：支持支付宝和微信支付
- **回调处理**：支付完成后通过URL参数通知前端，前端轮询确认支付状态
- **充值记录**：可查看历史充值订单列表，含订单号、金额、状态、支付方式、时间
---
### 五、个人中心
- **账户概览**：头像、昵称、UID、注册日期、VIP等级标识
- **资产展示**：金币余额和钻石余额分别以卡片形式醒目展示
- **快捷入口**：一键跳转充值页面和商城页面
- **游戏统计面板**：
- 连续签到天数
- 累计投币次数
- 累计中奖次数
- 历史最高单次奖励
- 当前胜率百分比
- **VIP等级说明**：各等级所需条件展示
---
### 六、管理后台
管理员通过独立的管理员账号登录后台（账号"管理员"，密码单独设置），具备以下全部管理功能：
#### 6.1 数据仪表盘
- **六大核心指标卡片**：总用户数、今日活跃用户数、今日游戏次数、今日推币次数、今日收入、本月收入
- **收入趋势图**：近7天每日收入柱状图，悬停显示具体金额
- **用户活跃趋势图**：近7天每日活跃用户数(DAU)和游戏会话数
- **热门商品排行**：按销量排序的商品列表
#### 6.2 用户管理
- **用户列表**：分页展示所有注册用户，每页20条
- **搜索筛选**：支持按昵称、手机号、邮箱模糊搜索，支持按状态（正常/封禁/冻结）筛选
- **用户详情**：显示ID、昵称、头像、联系方式、金币、钻石、VIP等级、状态、注册时间、最后登录时间
- **状态操作**：可将用户设为正常、封禁或冻结状态，需填写操作原因
- **余额调整**：可直接增减用户的金币和钻石数量，用于客服补偿或活动发放，需填写调整原因
#### 6.3 收入管理
- **收入明细表**：展示所有充值记录，含订单号、用户昵称、金额、金币数、赠送金币、状态、支付方式、支付时间
- **时间范围筛选**：可选择起止日期查询指定时间段数据
- **汇总统计**：总订单数、总收入、待处理金额、平均客单价
#### 6.4 系统配置
- **13项可调参数**：
- 游戏类：每次投币消耗(默认10)、基础奖励(默认15)、每日免费次数(默认5)、基础中奖率(默认35%)、最大倍率(默认5.0)
- 转盘类：抽奖消耗(默认100)、每日免费抽奖次数(默认1)
- 充值类：注册赠送金币(默认1000)、注册赠送钻石(默认100)
- VIP类：各级升级门槛、每日额外奖励数组
- 签到类：连续签到奖励数组、最大周期天数
- 系统类：维护模式开关、版本号、公告内容
- **实时生效**：修改后立即保存至数据库，前端下次请求即可读取最新配置
- **公开/私密区分**：部分配置仅管理员可见，部分对前端公开
#### 6.5 操作日志
- 所有管理操作（用户状态变更、余额调整等）自动记录日志，含操作人、模块、操作类型、变更前后数值
---
### 七、数据模型（10张数据库表）
| 表名 | 用途 | 核心字段 |
|------|------|---------|
| users | 用户基础信息 | 昵称、密码哈希、openid、手机、邮箱、金币、钻石、VIP等级、充值总额、签到连续天数、最后签到日、状态、是否管理员 |
| shop_items | 商城商品定义 | 商品ID、名称、描述、图标、价格、货币类型、效果类型、库存、排序 |
| user_inventory | 用户背包 | 用户ID、商品ID、持有数量 |
| task_definitions | 任务模板定义 | 任务ID、名称、描述、奖励、目标值、类型(每日/成就) |
| user_tasks | 用户任务进度 | 用户ID、任务ID、进度、是否完成、是否领取、日期 |
| coin_drops | 投币游戏记录 | 用户ID、投放位置、消耗、奖励、是否中奖、倍率、时间 |
| wheel_spins | 转盘抽奖记录 | 用户ID、奖品索引、奖品标签、奖品值、类型、消耗、时间 |
| recharge_records | 充值订单 | 订单号、用户ID、金额、金币数、赠送金币、套餐ID、状态、支付方式、支付时间 |
| system_configs | 系统配置键值 | 配置键、配置值(JSON)、类型、描述、是否公开 |
| operation_logs | 操作审计日志 | 用户ID、模块、操作类型、目标类型、目标ID、新旧值、IP |
---
### 八、导航结构
应用采用底部标签栏导航设计，包含5个主入口：
- **首页（推币机）**：进入游戏主界面，顶部显示金币余额和投币计数
- **转盘**：幸运大转盘抽奖页面
- **任务**：每日任务和成就任务列表
- **我的**：个人中心，含资料、资产、统计、快捷操作
- 底部导航栏在管理后台和登录页隐藏
此外还有独立的充值页（从个人中心进入）、商城页（从个人中心或底部导航进入）、管理后台页（独立路径）。
> 推币机H5网页游戏完整源码 含商城任务转盘充值管理后台 可直接部署运营
**备选标题（不同侧重点）：**
1. **侧重功能完整性：**
在线推币机游戏源码 前后端完整实现 道具商城每日任务幸运转盘VIP会员系统 管理后台数据看板
2. **侧重商业价值：**
推币机H5游戏商业级完整源码 双货币体系充值提现 任务成就系统 运营管理后台 一键部署
3. **侧重搜索覆盖：**
推币机网页游戏源码下载 H5手机端适配 金币钻石双币制 每日签到转盘抽奖道具商城 用户管理系统
4. **简洁版：**
推币机H5游戏全套源码 含游戏商城任务转盘充值后台 可运营
---
**SEO关键词覆盖分析：**
| 核心词 | 覆盖情况 |
|--------|---------|
| 推币机 / 推币游戏 | 已包含 |
| H5 / 网页游戏 / 手机端 | 已包含 |
| 源码 / 代码 / 项目 | 已包含 |
| 完整 / 全套 / 前后端 | 已包含 |
| 商城 / 道具 / 背包 | 已包含 |
| 任务 / 签到 / 成就 | 已包含 |
| 转盘 / 抽奖 | 已包含 |
| 充值 / 支付 | 已包含 |
| VIP / 会员 | 已包含 |
| 管理后台 / 数据看板 | 已包含 |
| 可运营 / 可部署 / 可上线 | 已包含 |
| 金币 / 钻石 / 双币 | 已包含 |
**建议使用第一个主标题**，因为它在60字以内涵盖了项目最核心的差异化卖点：推币机品类 + H5形态 + 完整性（含前后端+后台）+ 可直接商用，同时自然嵌入了搜索引擎高频检索词。
