🏎️ 赛车小程序 - 交互关系图

flowchart TB %% 底部导航 Nav1[赛事
🏆]:::nav Nav2[商品
🛍️]:::nav Nav3[消息
💬]:::nav Nav4[我的
👤]:::nav %% 赛事模块 EventIndex[赛事首页
赛事列表]:::main EventDetail[赛事详情页]:::main EventRounds[比赛回合弹窗]:::supplement StartList[发车表]:::main Results[成绩表]:::main RegList[报名列表]:::main PublishDynamic[发布动态]:::supplement %% 商城模块 ShopIndex[店铺首页]:::main ProductList[商品列表]:::main ProductDetail[商品详情]:::main ProductSpec[商品规格选择]:::supplement %% 消息模块 MessageIndex[消息中心]:::main Notifications[通知记录]:::supplement %% 个人中心模块 UserIndex[我的
个人中心]:::main UserProfile[个人资料]:::supplement UserOrders[我的订单]:::main UserWallet[我的钱包]:::main UserBills[我的账单]:::supplement UserDynamics[我的动态]:::main UserVerify[实名认证]:::main AddressList[收货地址列表]:::main AddressEdit[编辑地址]:::supplement Settings[设置]:::main %% 导航关系 Nav1 --> EventIndex Nav2 --> ShopIndex Nav3 --> MessageIndex Nav4 --> UserIndex %% 赛事模块跳转 EventIndex --> EventDetail EventDetail --> EventRounds EventDetail --> StartList EventDetail --> Results EventDetail --> RegList EventDetail --> PublishDynamic EventRounds --> StartList EventRounds --> Results %% 商城模块跳转 ShopIndex --> ProductList ProductList --> ProductDetail ProductDetail --> ProductSpec ProductDetail --> AddressList %% 个人中心跳转 UserIndex --> UserProfile UserIndex --> UserOrders UserIndex --> UserWallet UserIndex --> UserDynamics UserIndex --> UserVerify UserIndex --> AddressList UserIndex --> Settings UserWallet --> UserBills AddressList --> AddressEdit %% 消息模块跳转 MessageIndex --> Notifications %% 样式定义 classDef main fill:#ff6600,stroke:#333,stroke-width:2px,color:#fff classDef supplement fill:#4CAF50,stroke:#333,stroke-width:2px,color:#fff classDef nav fill:#2196F3,stroke:#333,stroke-width:2px,color:#fff

flowchart TB Login[管理员登录]:::main Dashboard[后台首页
Dashboard]:::main %% 赛事管理 EventManage[赛事管理]:::main EventCreate[创建赛事]:::main EventEdit[编辑赛事]:::main EventGroup[分组管理]:::main EventReg[报名管理]:::main EventResults[成绩管理]:::main EventAnnounce[公告管理]:::main %% 商品管理 ProductManage[商品管理]:::main ProductCreate[添加商品]:::main ProductEdit[编辑商品]:::main ProductStock[库存管理]:::main ProductCategory[分类管理]:::main %% 订单管理 OrderManage[订单管理]:::main OrderDetail[订单详情]:::main OrderShip[发货管理]:::main %% 用户管理 UserManage[用户管理]:::main UserDetail[用户详情]:::main UserPoints[赛币管理]:::main UserVerify[认证审核]:::main %% 系统管理 SystemManage[系统管理]:::main SystemConfig[系统配置]:::main SystemBanner[Banner管理]:::main SystemMessage[消息推送]:::main %% 登录流程 Login --> Dashboard %% 赛事管理流程 Dashboard --> EventManage EventManage --> EventCreate EventManage --> EventEdit EventManage --> EventGroup EventManage --> EventReg EventManage --> EventResults EventManage --> EventAnnounce EventCreate --> EventGroup EventEdit --> EventGroup %% 商品管理流程 Dashboard --> ProductManage ProductManage --> ProductCreate ProductManage --> ProductEdit ProductManage --> ProductStock ProductManage --> ProductCategory %% 订单管理流程 Dashboard --> OrderManage OrderManage --> OrderDetail OrderDetail --> OrderShip %% 用户管理流程 Dashboard --> UserManage UserManage --> UserDetail UserDetail --> UserPoints UserDetail --> UserVerify %% 系统管理流程 Dashboard --> SystemManage SystemManage --> SystemConfig SystemManage --> SystemBanner SystemManage --> SystemMessage %% 样式定义 classDef main fill:#ff6600,stroke:#333,stroke-width:2px,color:#fff

sequenceDiagram participant U as 用户 participant F as 前端小程序 participant A as 后端API participant D as 数据库 participant M as 消息服务 Note over U,M: 赛事报名流程 U->>F: 浏览赛事列表 F->>A: 获取赛事列表 A->>D: 查询赛事数据 D-->>A: 返回赛事列表 A-->>F: 返回数据 F-->>U: 显示赛事列表 U->>F: 点击赛事详情 F->>A: 获取赛事详情 A->>D: 查询赛事详情 D-->>A: 返回详情 A-->>F: 返回数据 F-->>U: 显示赛事详情 U->>F: 点击报名 F->>A: 提交报名信息 A->>D: 检查报名条件 D-->>A: 验证通过 A->>D: 创建报名记录 A->>D: 扣除库存/更新人数 A->>M: 发送支付通知 M-->>U: 收到支付通知 U->>F: 完成支付 F->>A: 支付回调 A->>D: 更新报名状态 A->>D: 增加用户赛币 A->>M: 发送报名成功通知 M-->>U: 收到成功通知 Note over U,M: 商品购买流程 U->>F: 浏览商品 F->>A: 获取商品列表 A->>D: 查询商品数据 D-->>A: 返回商品列表 A-->>F: 返回数据 F-->>U: 显示商品列表 U->>F: 选择商品规格 F->>A: 获取规格价格 A->>D: 查询规格信息 D-->>A: 返回规格数据 A-->>F: 返回数据 F-->>U: 显示价格和返币 U->>F: 提交订单 F->>A: 创建订单 A->>D: 检查库存 D-->>A: 库存充足 A->>D: 创建订单记录 A->>D: 扣除库存 A->>M: 发送支付通知 M-->>U: 收到支付通知 U->>F: 完成支付 F->>A: 支付回调 A->>D: 更新订单状态 A->>D: 增加用户赛币 A->>M: 发送订单通知 M-->>U: 收到订单通知