精简网课橘子模板 - 项目文档

📖 目录


🎯 项目简介

精简网课后台系统是一个基于 uni-app 开发的在线课程订单管理平台,主要用于网课代刷、课程订单管理等业务场景。

主要特性

  • 用户管理:注册、登录、等级系统、个人中心
  • 订单管理:单个下单、批量下单、订单跟踪
  • 分站系统:支持多级分站、独立域名、下级用户管理
  • 邀请奖励:邀请注册、邀请下单分润、收益记录
  • 支付系统:卡密充值、余额转账、收款提现
  • 收藏功能:课程收藏、快速访问
  • 签到系统:每日签到、验证码保护
  • 消费排行:用户消费排行榜
  • 用户日志:操作日志记录

🛠️ 技术栈

前端框架

  • uni-app: 跨平台应用开发框架
  • Vue.js 2.x: 渐进式 JavaScript 框架
  • uView UI: uni-app UI 组件库
  • uv-ui: 扩展 UI 组件库
  • Vant: 移动端 Vue 组件库

核心依赖

  • jsbarcode: 条形码生成
  • crypto-js: 加密解密工具
  • ar-aes: AES 加密实现

开发工具

  • HBuilderX: uni-app 官方 IDE
  • Node.js: JavaScript 运行环境
  • npm: 包管理工具

📁 项目结构

精简网课[后台]/
├── pages/                      # 页面目录
│   ├── index/                  # 主要页面
│   │   ├── index.vue          # 首页
│   │   ├── goods.vue          # 商品详情页
│   │   ├── order.vue          # 订单管理
│   │   ├── user.vue           # 个人中心
│   │   ├── login.vue          # 登录页
│   │   ├── invite.vue         # 注册页
│   │   ├── invite-reward.vue  # 邀请奖励页
│   │   ├── collect.vue        # 我的收藏
│   │   ├── chongzhi.vue       # 卡密充值
│   │   ├── grade.vue          # 提升等级
│   │   ├── junior.vue         # 下级用户
│   │   ├── domain.vue         # 分站管理
│   │   ├── domain-standalone.vue # 独立域名
│   │   ├── payment.vue        # 支付配置
│   │   ├── transfer.vue       # 余额转账
│   │   ├── tixian.vue         # 收款提现
│   │   ├── ranking.vue        # 消费排行
│   │   ├── userlog.vue        # 操作日志
│   │   ├── upass.vue          # 修改密码
│   │   ├── alert.vue          # 公告配置
│   │   ├── settings.vue       # 设置
│   │   └── order/             # 订单子目录
│   │       ├── order.vue      # 分站订单
│   │       ├── orders.vue     # 我的订单
│   │       └── class.vue      # 分类页
│   └── user/                   # 用户相关页面
│       ├── about.vue          # 关于我们
│       └── feedback.vue       # 意见反馈
├── static/                     # 静态资源
│   ├── customicons.css        # 自定义图标
│   └── customicons.ttf        # 字体文件
├── js_sdk/                     # JavaScript SDK
│   └── ar-aes/                # AES 加密模块
├── uni_modules/                # uni-app 模块
├── docs/                       # 文档目录
│   ├── invite_order_documentation.md      # 邀请下单文档
│   └── 批量下单功能开发文档.md              # 批量下单文档
├── App.vue                     # 应用配置
├── main.js                     # 入口文件
├── pages.json                  # 页面配置
├── manifest.json               # 应用清单
├── uni.scss                    # 全局样式变量
└── package.json                # 项目依赖

🌟 核心功能

1. 用户系统

1.1 用户注册与登录

  • 支持邀请码注册
  • QQ头像自动获取
  • 登录状态持久化
  • Token 身份验证

1.2 用户等级系统

  • 多级用户等级
  • 等级权限管理
  • 分站开通权限
  • 等级升级功能

1.3 用户中心

  • 个人资料展示
  • 余额查看
  • 邀请码管理
  • 快捷功能入口

2. 订单系统

2.1 单个下单

  • 商品详情查看
  • 课程选择
  • 账号信息填写
  • 订单创建

2.2 批量下单 ⭐

  • 批量账号输入:支持格式化文本批量输入
  • 批量课程查询:一次性查询多个账号的课程
  • 分账号选课:为每个账号独立选择课程
  • 批量创建订单:一键创建所有账号的订单
  • 仅余额支付:批量下单仅支持余额支付

输入格式

学校名称1,账号1,密码1
学校名称2,账号2,密码2
学校名称3,账号3,密码3

2.3 订单管理

  • 订单列表查看
  • 订单状态跟踪
  • 订单详情查看
  • 分站订单管理

3. 邀请奖励系统 ⭐

3.1 邀请码管理

  • 自动生成邀请码
  • 重新生成功能(旧码失效)
  • 邀请链接生成
  • 一键复制分享

3.2 邀请收益模式

模式一:仅邀请注册(invite_commission_switch = 0
  • 用户通过邀请链接注册
  • 建立上下级关系
  • 不参与订单分润
模式二:邀请注册 + 订单分润(invite_commission_switch = 1
  • 注册奖励:邀请用户注册成为下级
  • 下级订单提成:下级用户每次下单获得提成
  • 直接下单提成:通过邀请链接直接下单获得提成

3.3 收益记录

  • 记录列表展示:分页显示收益记录
  • 收益详情:订单信息、金额、时间
  • 高亮显示:关键信息标注
  • 刷新功能:手动刷新记录

页面路径pages/index/invite-reward.vue


4. 分站系统

4.1 分站管理

  • 分站创建
  • 分站配置
  • 分站域名管理
  • 独立域名绑定

4.2 下级用户管理

  • 下级用户列表
  • 下级订单查看
  • 提成收益管理

4.3 支付配置

  • 支付宝配置
  • 微信支付配置
  • QQ支付配置
  • 收款码上传

5. 财务系统

5.1 卡密充值

  • 卡密输入
  • 余额充值
  • 充值记录

5.2 余额转账

  • 转账功能
  • 转账记录
  • 下拉刷新

5.3 收款提现

  • 提现申请
  • 提现记录
  • 审核状态

6. 收藏系统 ⭐

6.1 课程收藏

  • 一键收藏:商品详情页快速收藏
  • 取消收藏:支持取消已收藏课程
  • 收藏列表:查看所有收藏的课程
  • 分页加载:支持分页和下拉刷新
  • 快速下单:从收藏列表直接跳转下单

6.2 收藏功能特性

  • 下拉刷新数据
  • 上拉加载更多
  • 空状态提示
  • 防重复收藏

页面路径pages/index/collect.vue


7. 签到系统

7.1 每日签到

  • 签到悬浮按钮
  • 验证码验证
  • 签到奖励
  • 签到记录

7.2 签到状态

  • 今日签到检测
  • 签到按钮显示/隐藏
  • 签到成功提示

8. 其他功能

8.1 消费排行

  • 用户消费排行榜
  • 排名展示
  • 消费金额统计

8.2 操作日志

  • 用户操作记录
  • 日志时间记录
  • 日志详情查看

8.3 公告系统

  • 公告配置(分站)
  • 公告展示
  • 弹窗提醒

📄 页面说明

核心页面

页面路径功能说明
首页pages/index/index商品列表、分类导航、公告展示
商品详情pages/index/goods课程详情、批量下单、单个下单
订单管理pages/index/order订单进度查看、订单列表
个人中心pages/index/user用户信息、功能导航、签到
登录页pages/index/login用户登录、找回密码
注册页pages/index/invite用户注册、邀请码输入
邀请奖励pages/index/invite-reward邀请码管理、收益记录
我的收藏pages/index/collect收藏列表、快速下单

分站管理页面

页面路径功能说明
分站管理pages/index/domain分站信息、配置管理
独立域名pages/index/domain-standalone域名绑定、解析配置
分站订单pages/index/order/order下级订单查看
下级用户pages/index/junior下级用户列表
支付配置pages/index/payment支付方式配置
公告配置pages/index/alert分站公告设置

财务管理页面

页面路径功能说明
卡密充值pages/index/chongzhi卡密充值、余额充值
余额转账pages/index/transfer用户间转账
收款提现pages/index/tixian提现申请、记录查看
提升等级pages/index/grade用户等级升级

其他页面

页面路径功能说明
消费排行pages/index/ranking用户消费排行榜
操作日志pages/index/userlog用户操作记录
修改密码pages/index/upass密码修改
设置pages/index/settings系统设置
分类页pages/index/order/class商品分类浏览
我的订单pages/index/order/orders个人订单列表

🔌 API接口

通用接口说明

请求方式

  • Method: POST
  • Content-Type: application/json
  • 认证方式: Cookie (withCredentials: true)

通用返回格式

{
  "code": 1,              // 状态码 (1=成功, 0=失败)
  "msg": "操作成功",      // 提示信息
  "data": {},             // 返回数据
  "count": 0              // 总数(分页时)
}

用户相关接口

1. 获取系统信息

GET /api.php?act=inform

返回数据

{
  "code": 1,
  "data": {
    "title": "系统标题",
    "personal_center": "1",
    "invite_commission_switch": 1,
    // ...其他配置
  },
  "user": {
    "id": 1,
    "username": "用户名",
    "money": "100.00",
    "grade": 1,
    "invite_code": "ABC123"
  }
}

2. 用户登录

POST /user/api.php?act=login
参数: { username, password }

3. 用户注册

POST /user/api.php?act=register
参数: { username, password, qq, invite_code }

4. 退出登录

POST /user/api.php?act=tuichu

邀请奖励接口

1. 获取邀请码

POST /user/api.php?act=getInviteOrderCode

返回数据

{
  "code": 1,
  "data": {
    "invite_order_code": "ABC123XYZ"
  }
}

2. 生成/重新生成邀请码

POST /user/api.php?act=inviteFun

3. 获取邀请收益记录

POST /user/api.php?act=getInviteOrderList
参数: { page: 1, size: 10 }

返回数据

{
  "code": 1,
  "data": [
    {
      "id": 123,
      "content": "用户【张三】通过您的邀请链接下单",
      "value": "10.00",
      "ext1": "提成收益",
      "addtime": "2025-10-22 14:30:25"
    }
  ],
  "count": 50
}

收藏相关接口

1. 获取收藏列表

POST /user/api.php?act=getCollectList
参数: { page: 1, size: 10 }

2. 添加收藏

POST /user/api.php?act=addCollect
参数: { gid: 商品ID }

3. 取消收藏

POST /user/api.php?act=removeCollect
参数: { gid: 商品ID }

订单相关接口

1. 获取课程列表

POST /api.php?act=getclass
参数: { 
  gid: 商品ID,
  school: 学校名称,
  account: 账号,
  password: 密码
}

2. 创建订单

POST /api.php?act=submit
参数: {
  goods: 商品ID,
  school: 学校,
  account: 账号,
  password: 密码,
  selectedCourses: [],
  payType: 'balance'
}

3. 批量创建订单

POST /api.php?act=batchSubmit
参数: {
  orders: [
    {
      goods: 商品ID,
      school: 学校,
      account: 账号,
      password: 密码,
      selectedCourses: []
    }
  ],
  payType: 'balance'
}

签到相关接口

1. 获取签到状态

POST /user/api.php?act=SignData

2. 每日签到

POST /user/api.php?act=qiandao
参数: { code: 验证码 }

3. 获取验证码

GET /api.php?act=qiandao2&t={timestamp}

❓ 常见问题

1. 登录失败?

问题:提示"登录失败"或无法保持登录状态

解决方案

  • 检查 API 地址配置是否正确
  • 确保 withCredentials: true 已设置
  • 检查后端 CORS 配置
  • 清除浏览器 Cookie 和缓存

2. 批量下单无法使用?

问题:商品详情页看不到批量下单按钮

解决方案

  • 检查商品配置中的 batch_order 字段是否为 1
  • 确保用户已登录
  • 查看控制台是否有错误信息

3. 邀请收益不显示?

问题:邀请奖励页面无数据

解决方案

  • 检查 inviteCommissionEnabled 配置
  • 确认接口返回数据格式正确
  • 查看浏览器控制台的 console.log 输出
  • 确保已有邀请记录

4. 收藏功能异常?

问题:点击收藏无反应或收藏失败

解决方案

  • 确保用户已登录
  • 检查 API 接口是否正常
  • 查看是否已达到收藏上限
  • 刷新页面重试

5. 签到验证码不显示?

问题:签到弹窗中验证码无法加载

解决方案

  • 检查验证码接口地址
  • 确保网络连接正常
  • 点击验证码图片刷新
  • 检查后端验证码生成功能

6. 支付失败?

问题:创建订单时提示支付失败

解决方案

  • 检查余额是否充足
  • 确认支付方式是否已配置
  • 批量下单必须使用余额支付
  • 查看后端日志排查问题

7. 分站功能无法访问?

问题:提示"权限不足"或"等级不够"

解决方案

  • 检查用户等级是否达到要求
  • 查看 sub_grade 配置项
  • 确认已购买分站功能
  • 联系管理员开通权限

📞 技术支持

如有问题,请联系:


📝 更新日志

v1.0.0 (2025-10-24)

  • ✨ 新增邀请奖励功能
  • ✨ 新增批量下单功能
  • ✨ 新增收藏功能
  • ✨ 新增签到系统
  • 🐛 修复已知问题
  • 🎨 优化 UI 界面
  • 📝 完善项目文档

📄 许可证

本项目需要正版授权才能使用,未授权使用将无法正常运行。

购买正版授权请联系 QQ:1772891600


🙏 致谢

感谢以下开源项目:


最后更新时间: 2025-10-24