8

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

4

3 回答 3

4

UI 建模有几个抽象级别。

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

这些级别需要许多图表。级别越低,需要的图表越多。对于一个小项目来说,将用户界面放入一个类图中是可能的,但你不能说应该这样做。

于 2014-02-18T07:42:12.157 回答
3

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

但是,有一种用于建模用户界面的新建模语言:交互流建模语言 (IFML),它已于 2013 年 3 月被 OMG 采用为标准。如果您对 UI 建模很认真,那么您应该使用该语言.

于 2014-02-18T14:37:28.060 回答
2

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

例子: 在此处输入图像描述

于 2014-02-24T06:47:55.783 回答