在对象具有许多复杂关系的架构中,有哪些可维护的方法来处理
在反应应用中?
例如,给定这种类型的架构:
```
type Foo {
...
otherFooID: String,
bars: List<Bar>
}
type Bar {
...
bizID: String,
}
type Biz {
...
}
```
用户可能希望保存以下内容 - &gt;
firstBiz = Biz();
secondBiz = Biz();
firstFoo = Foo({bars: [Bar({biz: firstBiz})]
secondFoo = Foo({bars: [Bar({biz: secondBiz})] otherFooId: firstFooId.id})
上面的第一个问题是拥有正确的id
。即为了使secondFoo保存,它需要知道firstFoo的实际id。
要解决这个问题,我们可以做出权衡,让客户选择id,使用像uuid这样的东西。我没有看到任何可怕的错误,所以我们可以说这可以起作用
即使我们从前端确定id,服务器仍然需要按顺序接收这些保存请求。
```
- save firstFoo
// okay. now firstFoo.id is valid
- save secondFoo
// okay, it was able to resolve otherFooID to firstFoo
```
这里的原因是后端必须保证所引用的任何id都有效。
```
- save secondFoo
// backend throws an error otherFooId is invalid
- save firstfoo
// okay
```
我不确定攻击此问题的最佳方法是
目前想到的方法
有自定义操作,通过promises进行协调
save(biz).then(_ => save(Bar).then(_ => save(firstFoo)).then(_ => save(second)
这里的缺点是它非常复杂,这些组合的数量将继续增长
创建待处理/解决方案助手
const pending = {}
const resolve = (obj, refFn) => {
return Promise.all(obj, refFn(obj));
}
const fooRefs = (foo) => {
return foo.bars.map(bar => bar.id).concat(foo.otherFooId);
}
pending[firstFoo].id = resolve(firstFoo, fooRefs).then(_ => save(firstFoo))
```
2.问题是,如果我们忘记解决或添加到待处理状态,它可能会轻易导致一堆错误。
看起来Relay或Om接下来可以解决这些问题,但我想要一些不那么强大的东西。也许是可以使用redux工作的东西,或者也许是我缺少的一些概念。
非常感谢
答案 0 :(得分:0)
我有这样一个系统的JS / PHP实现 我的方法是使用参考系统
在客户端和服务器上序列化记录例如,未保存的Foo1具有GUID eeffa3,第二个Foo引用其id
密钥为{otherFooId: '@Foo#eeffa3[id]' }
类似地,您可以像这样引用整个对象
Foo#eefa3:{bars['@Baz#ffg4', '@Baz#ffg5']}
现在,客户端序列化程序将构建一个关系树和模型属性,如此
{
modelsToSave:[
'Foo#effe3':{
attribs:{name:'John', title:'Mr.'},
relations:{bars:['@Bar#ffg4']}
},
'Bar#ffg4':{
attribs:{id:5}
relations:{parentFoo:'@Foo#effe3'}
},
]
}
正如您在本示例中所看到的,我已经描述了纯JSON中未保存对象之间的循环关系。
这里的关键是将这些“记录”对象保存在客户端内存中,永远不要改变它们的GUID
服务器可以通过保存没有“父”依赖关系的第一条记录来确定保存顺序,然后依赖于那些父级的记录
保存后,服务器将返回相同的参考地图,但现在attribs还将包括主键和外键
JS遍历收到的地图两次(首先传递更新服务器接收的属性,第二次传递替代记录引用和属性引用到真实记录和属性)。
因此,有两种机制可用于引用记录,客户端GUID和服务器端PK
接收服务器JSON时,您将GUID与服务器主键匹配