用户界面是否应包含在类图和序列图中？

Question

我有一个项目，我需要生成类和序列图。这是一个采购网站。我唯一的问题是我不知道如何将网页（用户界面）与这些图表相关联。如果不需要它们，我将它包含在图表中的正确方法是什么，因为从我读过的书中有“UserInterface”类，所以另一个问题是，这些UI类中应该包含什么。可以有人给我一个例子。谢谢！

Answer 1

UI建模有多个抽象级别。

• 用例和状态机。这些图表是用人的术语表达的。
• 规划服务器/页面/框架级别。这里的UML部署和组件图很有用。
• 规划UI的内容，定义元素和功能以及它们之间的联系，而不选择具体的组件。这个非常重要的阶段没有标准。使用您喜欢的图表。类可以使用，但不是标准阅读。
• 规划屏幕元素的内容选择UI组件（框架，按钮等）并将功能连接到它们。在这个级别上，您可以使用类和序列图。
• 计划截图的图纸。对于这个级别，没有UML图。并且不存在共同的标准。

这些级别需要许多图表。级别越低，所需的图表就越多。将用户界面放在一个类图中是可能的，但是你不能说它应该这样做。

Answer 2

在您的类图中，您通常会描述/设计应用程序的（数据） 模型 部分，而用户界面（UI）对应模型 - 视图 - 控制器（MVC）架构中的 view 部分。由于UI无法使用类图设计，因此我看不出“UserInterface”类的任何含义。

然而，有一种用于建模用户界面的新建模语言：Interaction Flow Modeling Language (IFML)，它已于2013年3月被OMG采纳为标准。如果你认真对待UI建模，那么你应该使用它语言。

Answer 3

UI类可以建模为普通的UML类。如果你想要的话，你可以创建刻板印象“网页”。如果需要定义UI类的内部结构使用组合。在序列图中，您可以以通用方式定义UI类实例之间的交互。

实施例：