javascript - 使用 UML 将 JavaScript 更改为 HTML 模型？

Question

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

通过从菜单中删除所选条件来跟踪 View 的更改，使用 JQuery 变得非常复杂。直截了当，是否有一种好方法(可能使用 UML)来模拟如何根据 JavaScript 对 HTML 进行更改。我注意到有很多错误正在悄悄潜入。

Answer 1

我想到了两个可能有用的 UML 图，也可能是三个。您可以使用类图来模拟菜单结构。给定的菜单项将是一个类，具有 bool 属性 Available，并且与子菜单项具有组合关系。子菜单项有一个约束，如果它们的父菜单项不可用，它们将不可用。

您可以使用事件图详细模拟用例的行为。您可以使用用例图对系统以及用户(“参与者”)如何与之交互进行建模。