web-applications - 说明 Web 应用程序软件架构（使用 Angular）的最佳方式是什么？

Question

我们正在开发一个 Web 应用程序（使用 Angular 和 .net Web API），我们需要一种很好的方法来说明我们的系统架构。

我很难掌握如何说明它。

很容易发现，我在建模和系统架构方面的经验水平很低，需要一些指针来说明要包含和排除什么，以及如何说明它。

如何最好地说明包含角度、指令、服务和外部库等的系统架构？

到目前为止我最好的方法：

Answer 1

我忘记了我最初在哪里看到/找到这个（我很确定它在/曾经在某个地方的 Angular 网站上），但它可能会给你一些想法。外部库可以是另一个矩形，或者您可以选择将每个库包装在一个服务中。