架构模式: 客户端 UI 构建

架构模式: 客户端 UI 构建

上下文

您已应用微服务架构模式。服务由业务能力/面向子域的团队开发，这些团队也负责用户体验。一些UI屏幕/页面显示来自多个服务的数据。例如，考虑亚马逊风格的产品详细信息页面，该页面显示大量数据项，包括：

• 有关该书的基本信息，如标题，作者，价格等。
• 您购买图书的历史记录
• 库存
• 购买选项
• 本书经常购买的其他物品
• 购买此书的顾客购买的其他商品
• 顾客评论
• 卖家排名
• …

每个数据项对应一个单独的服务，因此它的显示方式是不同团队的责任。

问题

如何实现显示来自多个服务的数据的UI屏幕或页面？

要点

结论

每个团队都开发了一个客户端UI组件，例如AngularJS指令，它实现了服务的页面/屏幕区域。UI团队负责通过组合多个特定于服务的UI组件来实现构建页面/屏幕的页面框架。

相关模式

• 服务器端页面片段组合模式是另一种方法