35 lines
2.0 KiB
Markdown
35 lines
2.0 KiB
Markdown
## 模拟与数据
|
||
|
||
model 用于放置模拟后端数据返回的逻辑；假若接入真实后端接口，则本文件夹可改造为数据层适配。
|
||
services 用于请求逻辑，根据 config.useMock 配置可控制返回 mock 数据或是真实接口数据
|
||
|
||
### 1 模拟策略
|
||
|
||
1）只依靠 ID 规律进行关联
|
||
大部分情况下推荐使用本方案，ID 为`1`的商品固定会关联 ID 为`1`的优惠券或者[ID 对 10 的模运算结果为 1](https://www.runoob.com/try/try.php?filename=tryjs_oper_mod)的优惠券（看需要 1 个还是多个了）。
|
||
|
||
> 为保持关系稳定，模运算统一使用`10`为除数，`ID`为被除数；即`1%10`、`2%10`。
|
||
|
||
2）建立额外关联关系查询
|
||
在无法使用简单数学关系维持关系的情况下，可以采用单独提供关系数据的方式进行关联（目前也没想到什么场景是数学关系稳定不了的了，先假定有，定下规范做法）。如数据 A 与数据 B 之间需要一个关联 AB，则需要提供`A数据mock`、`B数据mock`、以及`A查B与B反查A`共 4 个 mock 源。
|
||
|
||
### 2 使用数据
|
||
|
||
使用数据源时应该在 services 文件夹中按照业务新建自己 fetch 函数导出，fetch 函数以 Promise 形式返回组合调用 model 逻辑得到的数据。
|
||
|
||
> 不允许直接在业务中调用、使用 model 数据。
|
||
|
||
## 接入真实 API 后
|
||
|
||
接入真实 API 后 model 文件夹逻辑可以反转层级，作为数据适配层继续为项目服务。举例说明:
|
||
|
||
1. 在没有接入 API 时（useMock 为 true）
|
||
1.1 业务调用 services 进行 fetch
|
||
1.2 fetch 逻辑调用 model 文件夹中对应的数据源，构造、返回业务需要的结构
|
||
|
||
2. 在接入 API 后（useMock 为 false）
|
||
2.1 业务调用 services 进行 fetch
|
||
2.2 fetch 逻辑调用接口得到真实后端数据
|
||
2.3 比对 model 文件夹中数据 mock 数据结构 export 一个数据结构转换函数，输入真实后端数据，输出与 mock 数据结构一致的新数据，返回给 fetch
|
||
2.4 fetch 函数 返回 转换后的 数据结构，业务层无需进行更改
|