千川主题商业服务平台（用户端 + 管理后台）- 千川网站 - 集用户注册充值、订单管理、后台运营于一体的全栈商业网站

千川主题商业服务平台是一套面向中小商家的全栈在线服务网站，包含用户端与管理员后台两大子系统，覆盖用户注册登录、资金充值
、订单交易、后台运营管理的完整业务闭环。
用户端功能模块：
1. 认证模块：邮箱注册、安全登录、密码加密存储，提供示例账号便于演示；
2. 资金管理模块：支持预设金额（¥50/100/200/500）与自定义金额（¥10–10000）充值，集成微信、支付宝、银行卡多种支付方式；
提供实时余额显示、充值与消费明细查询；
3. 订单模块：用户从管理员配置的可用商品中选择服务，下单时系统自动校验余额，余额充足则自动扣费生成订单，余额不足则智能
跳转充值；订单状态实时同步，可查看历史记录；
4. 法律声明模块：完整免责声明保障合规运营。
管理后台功能模块：
1. 数据仪表盘：总订单、总收入、用户数、待处理任务统计，搭配收入趋势图与服务分布图；
2. 商品管理：商品增删改查、上下架、价格配置，前端动态读取；
3. 用户管理：QC 专属 ID、按 ID/姓名/邮箱搜索、封禁与解封（含原因记录）、代充值与余额调整；
4. 服务器监控：对接腾讯云，实时查看 CPU、内存、磁盘使用率及 API 健康状态；
5. 系统设置与操作日志：服务参数配置与全量管理员操作审计。
主要功能路径： 注册→登录→浏览商品→下单→（余额不足）充值→自动扣费→生成订单→查看订单/明细；管理员则通过 /admin/login
进入后台，完成商品配置、用户运营、订单审核与服务器巡检。

团队与角色： 项目由 3 人小组完成，开发周期约 6 周。本人担任全栈主开发，负责整体技术选型、前端架构搭建、Supabase
数据建模与 Edge Function 编写，以及核心业务（充值-扣费-订单）链路的实现与上线部署。
技术栈与架构： 前端采用 React 18 + TypeScript + Tailwind CSS，结合 Zustand 做轻量状态管理、React Hook Form
处理表单校验；后端基于 Supabase（PostgreSQL + Auth + Edge Functions + Realtime），通过 RLS
行级安全策略保证数据隔离，使用 JWT 完成鉴权。前端构建产物部署至 IIS，后端服务通过 PM2
守护，并使用批处理脚本一键化部署与数据库字段修复。
亮点：
1. 设计了 users / orders / products / recharge_records / balance_logs / admins 六表数据模型，借助 balance_logs
实现资金流水可追溯；
2. 充值与下单扣费走 Edge Function 服务端校验，规避前端篡改余额的风险；
3. 接入腾讯云 API 实时拉取服务器 CPU/内存/磁盘指标，集成到管理后台。
难点： 余额并发扣减的一致性问题——通过 PostgreSQL 事务 + 行锁解决；以及 Supabase Auth 与自建 admins
表的双套权限体系打通。