使用UML对JavaScript更改为HTML进行建模

Model JavaScript changes to HTML using UML?

本文关键字：HTML 建模 UML JavaScript 使用更新时间：2023-09-26

我在一个复杂的PHP系统中工作，该系统使用AJAX调用（由用户从菜单中选择内容）来构建SQL搜索字符串。添加到搜索条件中的每个附加内容都会使用AJAX从菜单中删除该内容。例如，为customer identification添加条件会从菜单中删除该条目。这是有意义的，就好像标准已经添加到搜索项中一样，那么防止用户再次重新选择标准肯定是有意义。

通过从菜单中删除选定的条件来跟踪视图的更改，使用JQuery会变得非常复杂。说到这里，有没有一个好的方法（也许使用UML）来建模如何根据JavaScript对HTML进行更改。我注意到有不少错误正在悄悄出现。

脑海中浮现出两个可能有用的UML图，可能还有三个。您可以使用类图来对菜单结构进行建模。给定的菜单项将是一个类，具有布尔属性Available，并且与子菜单项具有组合关系。子菜单项具有约束，因此如果其父菜单项不可用，则子菜单项将不可用。

您可以使用"活动"图对用例的行为进行详细建模。您可以使用用例图对系统进行建模，以及用户（"参与者"）如何与系统交互。