【发布时间】：2020-09-09 09:58:29
【问题描述】：
只是想知道是否有任何库或框架支持 Web 应用程序的 UML 编辑器界面。 我知道它们是许多可用于创建 UML 图的在线工具。但需要知道是否有任何选项可用于将 UML 创建器界面集成到 Web 应用程序中。
【问题讨论】：
标签： javascript python web-applications uml
【发布时间】：2020-09-09 09:58:29
【问题描述】：
我非常喜欢 MermaidJS (http://mermaid-js.github.io/mermaid/)
我在自己的博客中使用它来绘制图表。
这里是流程图示例 (https://www.guilhermevrs.me/posts/time-management-for-leaders/)
代码如下：
graph TD;
begin(Start)
id1{Is it an action for you?};
id2[Store as reference]
id3[Delegate]
id4[Delete]
id5{Less than 2 minutes?}
id6[Do it!]
id7["Categorize it #40;e.g. work, personal, etc#41;"]
id8["Prioritized it #40;e.g. priority 1, priority 2, etc#41;"]
id9["Size it #40;e.g. XS, S, M, etc#41;"]
id10{Due date?}
id11[Schedule it]
id12{Should follow-up?}
id13[Schedule reminder]
id14(Done)
begin-->id1
id1-- No, but may be useful -->id2
id1-- No, it's not up to me -->id3
id1-- No, it's irrelevant now -->id4
id1-- Yes -->id5
id5-- Yes -->id6
id5-- No -->id10
id10-- No -->id7
id10-- Yes -->id11
id11-->id7
id7-->id8
id8-->id9
id3-->id12
id12-- No --> id14
id12-- Yes -->id13
id13 & id9 & id6 & id4 & id2-->id14
【讨论】：
-
谢谢。 @Guihermevrs 但似乎没有从编辑器（如拖放）创建形状的选项？
-
@GowriShankar 不，没有拖放编辑器。 MermaidJS 使用类似 Markdown 的语法来允许快速声明图表，然后将其呈现为这样。我第一次接触美人鱼是使用 GitLab，它使用它与降价文件内联以显示在他们的网站上