模型JavaScript使用UML更改爲HTML？

Question

我正在使用AJAX調用的複雜PHP系統 - 由用戶從菜單中選擇內容 - 建立一個SQL搜索字符串。添加到搜索標準的每個附加內容都使用AJAX從菜單中刪除該內容。例如，添加customer identification的標準將從菜單中刪除條目。這很有道理，就好像標準已經添加到搜索條件中一樣，那麼防止用戶再次選擇標準確實是有意義的。

通過從菜單中刪除選定的條件，跟蹤對視圖所做的更改，使用JQuery變得非常複雜。爲了說明問題，有沒有一種好的方法（可能使用UML）來模擬HTML的變化取決於JavaScript。我注意到很多漏洞都在進入。

Answer 1

想到兩個UML圖可能很有用，可能還有三個。您可以使用類圖來建模菜單結構。一個給定的菜單項將是一個類，有一個可用的布爾屬性，並且與子菜單項具有合成關係。子菜單項有一個限制，如果它們的父菜單項不可用，則它們不可用。

您可以使用活動圖來詳細模擬用例的行爲。您可以使用用例圖來模擬系統以及用戶（「演員」）如何與之交互。