架构模式: 客户端 UI 构建
上下文
您已应用微服务架构模式。服务由业务能力/面向子域的团队开发,这些团队也负责用户体验。一些UI屏幕/页面显示来自多个服务的数据。例如,考虑亚马逊风格的产品详细信息页面,该页面显示大量数据项,包括:
- 有关该书的基本信息,如标题,作者,价格等。
- 您购买图书的历史记录
- 库存
- 购买选项
- 本书经常购买的其他物品
- 购买此书的顾客购买的其他商品
- 顾客评论
- 卖家排名
- …
每个数据项对应一个单独的服务,因此它的显示方式是不同团队的责任。
问题
如何实现显示来自多个服务的数据的UI屏幕或页面?
要点
结论
每个团队都开发了一个客户端UI组件,例如AngularJS指令,它实现了服务的页面/屏幕区域。UI团队负责通过组合多个特定于服务的UI组件来实现构建页面/屏幕的页面框架。
相关模式
- 服务器端页面片段组合模式是另一种方法