精简网课橘子模板 - 项目文档
📖 目录
🎯 项目简介
精简网课后台系统是一个基于 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配置项 - 确认已购买分站功能
- 联系管理员开通权限
📞 技术支持
如有问题,请联系:
- QQ: 1772891600
- 官网: https://lh.ithxs.com
📝 更新日志
v1.0.0 (2025-10-24)
- ✨ 新增邀请奖励功能
- ✨ 新增批量下单功能
- ✨ 新增收藏功能
- ✨ 新增签到系统
- 🐛 修复已知问题
- 🎨 优化 UI 界面
- 📝 完善项目文档
📄 许可证
本项目需要正版授权才能使用,未授权使用将无法正常运行。
购买正版授权请联系 QQ:1772891600
🙏 致谢
感谢以下开源项目:
最后更新时间: 2025-10-24