可视化AngularJSApp

时间:2016-03-30 08:33:48

标签: angularjs visualization

我是AngularJS的新手,我想知道什么是可视化AngularJS应用程序的好方法(使用UML classdiagram / componentdiagram)?原因。

你能举个例子吗?

我发现了这一点,但不知道这是否正确:https://hacks.mozilla.org/2014/11/visually-representing-angular-applications/

谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用类图来表示您的控制器,工厂,服务等(如M22an在评论中提供的链接中所示)。在此图中,您可以轻松显示每个Controller / Service / Factory的方法和属性。

您可以使用序列图来表示应用程序各部分之间的通信。显示每个方法,显示它调用的服务的哪个部分,给定和接收的数据,使用$ apply方法更新模板等。

组件图可用于显示每个模块的内容并在其中显示控制器/服务/工厂....您也可以使用此图显示模块依赖关系。

在我看来,你几乎可以使用你想要的所有图表,AngularJS是庞大,强大和复杂的,每个UML图表都可以用来表示他的行为的一部分。