音游窝的自助系统实现
一个脱敏、独立的网页演示实例,展示选择体验、创建演示订单与模拟付款的流程。
想解决什么问题
这个项目围绕音游窝的自助服务体验展开,尝试把访客可见的选择、确认和状态查询整理成清晰的网页流程。
关注的流程
- 选择体验:让访客选择测试套餐。
- 创建订单:用本地演示数据呈现订单状态变化。
- 完成测试:用模拟付款走完公开演示中的可测试步骤。
公开页面只保留可安全展示的交互。它不代表真实业务系统,也不会接触真实数据。
当前状态
可以在独立展示实例中体验当前已实现的前端测试流程。用户界面默认按手机比例展示;管理界面保留桌面布局,提供 18 个工作区入口。它是公开模拟版本,尚未覆盖原系统的全部功能。
如何测试
进入演示后,按照旁边的说明使用预填测试账号登录,选择套餐、创建订单、模拟付款,然后切换管理界面查看演示订单和售后流程。真实支付、门锁和外部平台能力均有跳过提示。
用户端与管理端分别提供重置入口。管理端的营业设置和套餐修改仅影响管理示例,不会修改用户端固定测试套餐。
数据与边界
测试账号、演示订单和模拟付款状态只保存在访问者当前浏览器。真实支付、QQ Bot、小程序、到店核销、门锁、真实账户、订单与后台管理均未接入博客。
下一次补充
后续只会补充适合公开的流程说明和交互改进,不会把真实业务系统嵌入博客。