购买后自动跳转百度云，项目自提，轻松方便。
若有个人部署运行问题，点击右侧客服按钮咨询站长
站长联系方式
QQ：3484724101
微信：bgouyangxiaobai

文章目录

项目介绍:

平台推荐返现系统（英文项目名：baidu-cloud-agent-h5）是一套专为网盘类产品（如百度网盘、夸克网盘等）推广代理业务设计的全栈返佣管理平台。系统采用
CPA（按行动付费）+ CPS（按销售付费）混合佣金模式，帮助推广代理商高效完成”拉新推广 → 数据追踪 → 团队管理 → 佣金结算 → 提现到账”的完整业务闭环。

系统分为两大端：
· 用户端（H5 / 微信小程序）：面向推广代理，提供产品推广申请、收益数据查看、团队管理、钱包提现等功能，采用 uni-app + Vue 2 开发，支持同时编译为 H5
网页与微信小程序，主题色为科技紫（#6366f1）。

· 管理后台（Web 管理系统）：面向平台运营人员，提供用户管理、产品配置、申请审核、数据看板、财务结算、内容管理等全套管理能力，采用 Vue 2 + Element UI
构建，具备完善的权限控制。

核心技术栈一览：
· 用户端：uni-app、Vue 2、Vuex、uni-ui、QRCode.js· 管理后台：Vue 2、Element UI、Vue Router、Vuex、ECharts（图表）
· 后端 API：RESTful 风格（生产环境域名：api.julanxinh.xyz）·

高清视频演示:

https://www.bilibili.com/video/BV1AgVn6NEft/

系统说明:

================================================================================
一、系统简介
================================================================================

系统分为两大端：
· 用户端（H5 / 微信小程序）：面向推广代理，提供产品推广申请、收益数据查看、团队管理、钱包提现等功能，采用 uni-app + Vue 2 开发，支持同时编译为 H5
网页与微信小程序，主题色为科技紫（#6366f1）。· 管理后台（Web 管理系统）：面向平台运营人员，提供用户管理、产品配置、申请审核、数据看板、财务结算、内容管理等全套管理能力，采用 Vue 2 + Element UI
构建，具备完善的权限控制。

核心技术栈一览：
· 用户端：uni-app、Vue 2、Vuex、uni-ui、QRCode.js· 管理后台：Vue 2、Element UI、Vue Router、Vuex、ECharts（图表）· 后端 API：RESTful 风格（生产环境域名：api.julanxinh.xyz）· 部署环境：云服务器（IP：8.155.162.175），后端服务端口 8093

================================================================================
二、系统背景与解决的业务痛点
================================================================================

随着国内网盘市场的快速发展，百度网盘、夸克网盘等平台纷纷推出代理推广计划，吸引大量个人与团队参与拉新推广。然而，传统人工管理方式面临以下核心痛点：

1. 申请流程繁琐：代理申请、资质审核全靠线下邮件或微信沟通，效率极低。2. 数据不透明：推广数据（新增用户数、GMV）无法实时查看，代理商缺乏信心。
3. 结算周期长：佣金核算依赖人工 Excel 统计，误差多、周期长、纠纷频发。4. 团队管理难：多级代理团队缺乏统一管理工具，邀请关系链路不清晰。
5. 变现渠道单一：代理商除推广佣金外，缺乏学习成长与额外变现途径。平台推荐返现系统正是为解决上述痛点而生，通过数字化手段将整个推广代理流程
标准化、自动化，实现平台方、代理商、终端用户三方共赢。

================================================================================
三、系统功能详细介绍
================================================================================

————————————————————————
3.1 用户端功能（H5 / 微信小程序）
————————————————————————

【3.1.1 注册与登录】
· 手机号码注册，支持图形验证码防刷（接口：/h5/auth/captcha）· 手机号 + 密码登录，Token 鉴权，登录态本地持久化· 支持邀请码注册，自动绑定上级邀请关系· 登录状态检测，未登录自动跳转登录页，避免接口越权访问

【3.1.2 首页（产品发现中心）】
· 顶部轮播 Banner：平台可动态配置首页广告位图片与跳转链接· 热门推广产品展示：以卡片形式展示当前可申请推广的热门产品（百度网盘等）· 产品分类快捷入口：按类型（如云存储、效率工具等）分类导航· 公告快捷入口：展示最新平台公告，红点提示未读消息· 客服入口：快速访问在线客服二维码· 图标资源动态下发：TabBar 图标、页面图标均由后台统一配置，无需发版更新

【3.1.3 产品推广申请】
· 产品详情页：展示产品介绍、推广佣金规则、申请条件、推广物料说明
· 基础推广申请：
– 提交推广理由、预估推广量
– 支持上传推广资质截图（图片上传 /file/upload/image）
– 实时表单校验，防止空提交
· 高级推广申请：
– 在基础申请之上，需填写更详细的推广方案
– 适用于有较大推广资源的专业代理商
· 申请记录管理：
– 列表展示所有历史申请，状态标签（待审核 / 审核中 / 已通过 / 已拒绝）
– 支持查看申请详情，了解审核意见
– 支持撤销待审核状态的申请
· 审批状态追踪：实时同步申请审核进度，通过状态页查看当前进展

【3.1.4 数据统计中心】
· 个人数据面板：
– 今日收益、昨日收益、本月收益、历史总收益
– 推广数据列表（按日期维度展示推广量与佣金明细）
· 团队数据面板：
– 团队整体收益统计
– 批量结算记录查询（/batch-settlements）
· 个人/团队视图一键切换
· 数据刷新功能，保证数据实时性

【3.1.5 变现中心】
· 学习课程列表：展示平台提供的推广技能培训课程
· 课程详情：课程简介、章节目录、学习进度
· 学习统计：记录学习时长、完成进度
· 观看记录上报（/h5/monetization/watch）
· Banner 展示：课程专区顶部动态图片广告位
· 额外变现统计：通过学习与内容变现获取额外收益数据展示

【3.1.6 钱包与财务】
· 钱包首页：
– 可用余额、待结算金额、历史累计提现金额展示
– 流水记录列表（收入 / 支出 / 冻结记录）
· 提现功能：
– 填写提现金额，选择提现方式
– 支持设置多种支付方式（微信、支付宝、银行卡等）
– 提现记录查询，实时同步到账状态
· 支付方式管理：
– 添加 / 删除支付方式
– 设置默认支付方式
· 提现审核状态追踪

【3.1.7 邀请与分销】
· 专属邀请码：每位代理拥有唯一邀请码
· 邀请海报生成：含专属二维码，支持分享到微信、朋友圈
· 邀请政策说明：展示平台邀请奖励规则（/system/invite-policy）
· 被邀请人信息展示：显示邀请人信息，强化信任

【3.1.8 媒体账号管理】
· 绑定自己的媒体账号（微信公众号、抖音、微博等平台账号）
· 支持新增、编辑、删除媒体账号
· 媒体账号详情查看
· 平台资质展示，提升推广申请审核通过率

【3.1.9 个人中心（我的）】
· 个人资料展示：头像、昵称、手机号、账号等级、注册时间
· 编辑资料：修改昵称、头像上传（支持裁剪后上传）
· 快速入口导航：钱包、邀请好友、媒体账号、商务合作、意见反馈、FAQ
· 退出登录（清除本地 Token 与用户信息）

【3.1.10 公告系统】
· 公告列表：按时间倒序展示平台公告，支持置顶
· 公告详情：富文本内容展示，图文并茂
· 公告点赞：用户可对公告点赞互动
· 轮播公告：首页顶部支持公告轮播展示（/h5/announcements/carousel）

【3.1.11 客服与支持】
· 客服二维码：展示平台客服微信二维码，便于用户扫码咨询
· 二维码动态配置：后台可随时更新客服二维码图片

【3.1.12 FAQ 知识库】
· FAQ 分类导航：按问题类型分类展示常见问题
· 问题详情：富文本答案展示
· 有用反馈：用户标记 FAQ 是否有帮助，辅助运营优化内容

【3.1.13 商务合作】
· 商务合作申请表单：填写合作意向、联系方式、合作方案
· 合作申请记录查询
· 合作详情查看

【3.1.14 意见反馈】
· 问题反馈表单：文字描述 + 图片上传
· 反馈记录历史查看

————————————————————————
3.2 管理后台功能
————————————————————————

【3.2.1 仪表盘（数据概览）】
· 核心业务指标展示：用户总数、今日新增、累计佣金、待审核申请数等
· 趋势图表：注册量趋势、佣金发放趋势（ECharts）
· 快捷操作入口

【3.2.2 用户管理】
· 用户列表：分页查询，支持按手机号、用户名、账号状态筛选
· 用户详情：查看个人信息、账号等级、余额、推广数据
· 账号状态管理：启用 / 禁用用户账号
· 团队关系查看：展示用户的团队成员列表及邀请链路
· 用户统计数据：推广量、佣金、活跃度综合统计

【3.2.3 产品管理】
· 产品分类管理：新增、编辑、删除、启用/禁用、批量操作产品分类
· 产品列表管理：
– 新增 / 编辑 / 删除推广产品
– 产品基本信息配置（名称、图标、简介、推广说明等）
– 产品状态控制（上架 / 下架）
– 产品排序
· 推广内容管理：为每个产品配置推广话术、图文物料（支持启用/禁用）
· 佣金配置：为产品配置基础佣金、高级佣金、阶梯佣金规则
· 佣金模式管理：配置不同等级代理对应的佣金计算模式
· 结算周期配置：设置批量结算的周期规则（周结 / 月结等）

【3.2.4 申请审核管理】
· 申请记录列表：查看所有推广申请，支持多维度筛选（产品、状态、时间等）
· 申请详情审核：查看申请材料，执行审核通过 / 拒绝操作，填写审核意见
· 批量审核操作

【3.2.5 数据统计与推广管理】
· 推广数据统计：按用户、产品、时间维度统计推广量与佣金
· 邀请数据统计：查看邀请链路、邀请人数、邀请佣金
· 团队数据：团队业绩排行、团队整体数据

【3.2.6 财务管理】
· 批量结算管理：
– 创建批量结算任务
– 导入结算数据（Excel 批量导入）
– 结算数据审核确认
– 结算记录查询
· 提现管理：
– 用户提现申请列表
– 提现审核（通过 / 拒绝）
– 提现金额与状态统计
· 用户钱包管理：查看用户余额、流水、冻结情况
· 支付方式管理：查看用户配置的支付方式信息

【3.2.7 内容管理】
· 公告管理：
– 富文本编辑器创建公告（RichTextEditor 组件）
– 公告置顶、定时发布
– 公告列表管理（编辑 / 删除）
· 课程管理：
– 课程列表（添加 / 编辑 / 删除）
– 课程视频上传（VideoUpload 组件）
– 课程发布状态控制
· FAQ 管理：
– FAQ 分类管理
– FAQ 内容新增 / 编辑 / 删除
– 有用性统计查看

【3.2.8 商务合作管理】
· 商务合作申请列表
· 申请详情查看
· 合作状态跟进

【3.2.9 媒体平台与账号管理】
· 媒体平台配置：管理支持绑定的媒体平台（微信公众号、抖音等）
· 用户媒体账号查看：查看所有用户绑定的媒体账号信息

【3.2.10 意见反馈管理】
· 用户反馈列表：查看所有用户提交的意见反馈
· 反馈详情：查看反馈内容与附图，标记处理状态

【3.2.11 系统设置】
· Banner 管理：配置首页、课程等模块的轮播图（图片 + 链接）
· 首页模块管理：控制首页各功能模块的显示 / 隐藏与排序
· 图标资源管理：
– TabBar 图标动态配置
– 页面图标（首页功能图标、财务图标、推广申请图标等）动态配置
· 登录页配置：登录页背景图、logo、标语等可视化配置
· 邀请政策配置：编辑邀请奖励规则文案
· 默认佣金配置：设置全局默认佣金参数
· 客服二维码配置：更新客服微信二维码图片

================================================================================
四、系统技术亮点
================================================================================

1. 跨平台一套代码：
用户端基于 uni-app 框架，一套 Vue 代码同时编译为 H5 网页与微信小程序，极大降低开发维护成本，覆盖更多用户场景。

2. 动态化配置能力：
TabBar 图标、首页 Banner、页面图标、登录配置等均通过接口动态下发，平台运营可通过后台随时调整 UI 资源，无需重新发版，提升运营效率。

3. 完整的权限与安全体系：
· Token 鉴权：用户端所有接口请求携带 JWT Token· 登录态守卫：路由级别的登录状态检测与跳转· 管理后台角色权限控制

4. 分层架构设计：
· 前端采用 Vuex 统一状态管理，全局用户信息、团队数据、推广数据集中管理· API 层统一封装（utils/request.js），支持请求拦截器（自动注入 Token）与响应拦截器（统一错误处理、Token 失效自动登出）

5. 富媒体内容支持：
· 管理后台集成富文本编辑器，支持图文混排的公告与 FAQ 内容
· 视频上传组件支持课程视频的上传与管理
· 图片上传统一封装，支持客户端压缩与 OSS 上传

6. 完善的财务闭环：
从推广数据抓取 → 佣金计算 → 批量结算（支持 Excel 导入）→ 提现审核 →
到账确认，全流程线上化，减少人工干预，降低财务风险。

================================================================================
五、系统部署架构
================================================================================

· 用户端生产域名：api.julanxinh.xyz
· 后台 API 地址：8.155.162.175:8093/api
· 文件上传服务：统一接口 /file/upload/image

================================================================================
六、未来规划与扩展方向
================================================================================

1. 多平台扩展：支持更多网盘及数字内容平台的代理推广接入
2. 数据看板升级：引入更丰富的数据可视化图表，辅助代理商决策
3. IM 客服系统：将客服二维码升级为在线即时通讯，提升服务响应速度
4. 自动结算引擎：对接平台 API 自动抓取推广数据，减少人工导入结算
5. APP 原生版本：在 uni-app 基础上进一步优化编译为 Android / iOS 原生 App
6. 多语言国际化：支持繁体中文、英文等多语言，面向海外代理市场

================================================================================
七、总结
================================================================================

平台推荐返现系统以”让推广代理业务更高效、更透明、更智能”为核心目标，通过用户端与管理后台的协同配合，构建了一套完整的推广代理全生命周期管理平台。

系统具备优秀的可扩展性和动态化配置能力，前后端分离的架构保证了迭代效率，uni-app 跨平台方案则最大化了用户覆盖范围。无论是创业团队快速搭建推广体系，
还是成熟平台提升代理管理效率，本系统都能提供完整的技术支撑。如需进一步了解系统技术实现或商务合作，欢迎通过系统内客服渠道联系我们。