我应该使用什么类型的UML图来建模web应用程序的各个部分?

用于设计web应用程序(或任何其他类型的软件应用程序),遵循最佳实践 模型视图控制器(MVC) 在代码库体系结构中,首先需要建立一个信息设计模型,通常以UML类图的形式,定义 模型类 ,或应用程序的“模型”。“视图”(或 用户界面 )应用程序的 模型 .

您的关系图尝试对应用程序的部署架构进行建模。但这个问题是在选择了代码库体系结构和信息体系结构之后出现的。

你可以在我的书中找到关于架构过程的更多解释,以及几个示例web应用程序的代码 Web Applications with JavaScript or Java ,这本书也可以作为一本开放存取的在线书提供。

这在很大程度上取决于您想要建模和交流的内容。您提到的所有图表类型都是描述web应用程序的有用方法。每个模型都关注web应用的不同方面——组件模型是关于软件组件结构(数据库、web应用、API),部署模型显示如何将这些组件的实例部署到部署节点(服务器、设备等)。正如Thomas所说,这是一个非常广泛的问题——本质上,你在问应该如何描述你的web应用程序的解决方案架构,这不是一个简单的练习。有什么更具体的东西我可以帮忙吗?你能缩小你想展示的应用程序的范围吗?

您可以从组件图开始。一般来说,你的问题太宽泛,这里无法回答,但还是有一些面包屑:

在下一步中,您可以描述托管在单个节点内的单个组件。您可以使节点可导航(意味着您有一个显示其内部的复合图),以便可以放置显示其接口的组件实例。后者可以用棒棒糖显示,也可以用单个组件实现的原型类显示。接下来,您可以以类似的方式分解组件,显示如何使用各种类实现组件,以及这些类如何实现单个接口。可以显示组件外部的接口 <<delegate>> 它们在特定的类中。

故事还在继续,但它太大了,不能在这里讲。