ReactJS + AppSync + DynamoDB 项目结构与组件示例

一.文字版数据流流程图：ReactJS + AppSync + DynamoDB

[用户操作]││  滚动列表 / 搜索 / 新增订单▼
[ReactJS 前端组件]
(OrderList / OrderForm)││ 检查本地缓存 (Apollo / DataStore)│├─► 有缓存 → 渲染缓存数据│└─► 无缓存或数据过期 → 发 GraphQL 请求│▼[AppSync API]│Resolver 解析请求 / 权限校验│┌──────────────┴──────────────┐│                             │查询单表 + Key                     GSI / LSI 查询│                             │▼                             ▼[DynamoDB 主表]                 [DynamoDB 索引表]│