我的项目正在开发一个仅包含简单 html 页面的网站。要开始这个项目，我必须先做设计文档，我无法理解我应该使用什么样的 UML 图？
问问题
4320 次
2 回答
8
不，您不需要 UML 文档，但是，如果使用得当，我会很有帮助。
对我有很大帮助的三种图表是：
[1]（对象和）类图
从这个开始。对于简单的 HTML 页面，它非常容易。只需绘制您的网站将拥有的每个特定页面，并带有一个类。
在此示例中，我们有一个带有“主”页面 (index.html) 和“产品”页面的网站商店。对于静态 HTML 页面，您可以跳过“属性”、“方法”。
..............................................
..+----------------+..+--------------------+..
..| * : MainPage |..| * : ProductsPage |..
..+----------------+..+--------------------+..
..| |..| |..
..| |..| |..
..| |..| |..
..+----------------+..+--------------------+..
..............................................
[2] 活动图（“UML Flowchar”）
当您的用户单击页面中的链接时，将进入下一页？
......................
.........(O)..........
..........|...........
..........|...........
..........v...........
..+----------------+..
..| Enter |..
..| (MainPage); |..
..| |..
..+----------------+..
..........|...........
..........|...........
..........v...........
..+----------------+..
..| ClickLink |..
..| (CatalogPage); |..
..| |..
..+----------------+..
..........|...........
..........|...........
..........v...........
..+----------------+..
..| Enter |..
..| (CatalogPage); |..
..| |..
..+----------------+..
..........|...........
..........|...........
..........v...........
.........(X)..........
......................
[3] 序列图
它们类似于活动图，但是更复杂，它们更像是二维图。
使用它们，只有当你很好地理解它们时。
.........................................................................
......+--------------+.....+--------------+........+-----------------+...
......| * : User |.....+ * : MainPage +........| * : CatalogPage |...
......+-------+------+.....+------+-------+........+--------+--------+...
..............|...................|.........................|............
............+-+-+...............+-+-+.....................+-+-+..........
....start().| |...enter().....| |.....................| |..........
.(O)=======>+ +==============>+ |.....................| |..........
............| |...............| |..Show().............| |..........
............| |...............| +===+.................| |..........
............| |...............| |...!.................| |..........
........+---+ |<--------------| +<==+.................| |..........
........|...| |...............| |.....................| |..........
........|...| |.ClickLink.....| |.....................| |..........
........|...| |...("Catalog").| |.......enter().......| |..Show()..
........+-->+ +==============>+ +====================>+ +===+......
............| |...............| |.....................| |...!......
............| |...............+-+-+.....................| |...!......
...finish().| |.........................................| |...!......
.( )<-------+ +<----------------------------------------+ +<==+......
............| |.........................................| |..........
............+-+-+.........................................+---+..........
.........................................................................
注意：在此示例中，用户（“演员”）显示为块类。
请记住，不要强迫自己使用 UML 图，如果您不理解它们，它将使您的工作变得困难，而不是帮助您。
干杯。
于 2013-02-06T17:28:02.767 回答
0
在大多数情况下，用例将帮助您至少识别功能需求。活动图可以很好地绘制用户与网站的交互。此后，您可能会使用序列图或组件图。类图通常出现较晚。
但基本上，选择完全取决于您。UML 不设置或要求任何过程约束。这些图表只是提供了对同一主题的不同观点。只需拿一本 UML 书，就可以初步了解哪种图表类型最适合什么；从您的问题看来，那里缺少基本知识（因为您没有指出您已经做过的任何研究）。
请记住，UML 不是您唯一的选择。也许一个思维导图就可以了。这取决于你的任务。
于 2013-02-06T15:16:22.693 回答