reactjs - 前端UML部署图

Question

我正在做我的学校项目，我需要绘制一个 UML 部署图。我还没有找到任何正常的例子，所以请帮助我。

我在前端应用程序演示方面遇到了麻烦——我应该指定它是在 nodejs 上提供的吗？如果是，如何？

我目前拥有的：

Answer 1

我唯一的评论是节点表示是一个实例（节点类型名称下的下划线），而组件是一个分类器（名称中没有下划线）。如果您正在对实际部署进行建模，您可能也希望将组件设为实例，或者如果您正在对逻辑部署设计进行建模，则将节点设为类型。

我整理了一个例子。不过，您将不得不原谅它-实例的语法需要下划线，我不确定为什么不显示。但希望你能得到图片（不是双关语）。[编辑——修复了！]。

关于您对 NodeJs 部分的查询。那将是一个单独的节点，上面有一个 NodeJS 组件。Web 客户端是浏览器机器，或者如果你想争论的话可能是浏览器本身，这是你的 JS 正在执行的地方。您可能想要了解更多细节并添加这些以清楚起见。