线上推币机H5游戏全套源码含游戏商城任务转盘充值后台 ...

zhang*** · 前天 23:31

线上推币机H5游戏全套源码含游戏商城任务转盘充值后台可运营

复制代码

## 推币机游戏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形态 + 完整性（含前后端+后台）+ 可直接商用，同时自然嵌入了搜索引擎高频检索词。

复制代码

1986*** · 前天 23:31

沙发！！

nihaob*** · 昨天 02:35

非常好！！

1988*** · 昨天 10:14

已加客服

teyt*** · 昨天 10:20

你历害！！

zhaocha*** · 昨天 12:02

顶一下！！

sas*** · 昨天 15:19

支持！！！

		自动登录	找回密码
密码			立即注册

线上推币机H5游戏全套源码 含游戏商城任务转盘充值后台 ...

线上推币机H5游戏全套源码 含游戏商城任务转盘充值后台 ...

线上推币机H5游戏全套源码含游戏商城任务转盘充值后台 ...

线上推币机H5游戏全套源码含游戏商城任务转盘充值后台 ...