idea 使用 PlantUML 写程序流程图

官方时序生成方式

时序图:

官方地址:http://plantuml.com/

一,在线执行生成:

如图:idea 使用 PlantUML 写程序流程图_第1张图片

图标的语法使用,请查看下官方文档:http://plantuml.com/sequence-diagram

    很友好的使用说明。

二,嫌弃在线生成比较慢的:可以在本地搭建环境,执行生成图片

    1,本机java 的jdk环境,(作为一个资深开发者,这个不多说了,非开发者放弃此方法)

    2,下载官方生成jar包,地址:http://plantuml.com/download

         如图:

               idea 使用 PlantUML 写程序流程图_第2张图片

     3,本地创建文件目录,使用我的生成bat文件,就可以生成图片(java环境的情况下)

           jar包:plantuml.1.2018.1.jar

           bat文件:start-plantuml.bat

           uml文件样例:geinihua.seq(备:后缀是可以自定义)

    把以上三文件放到同一个文件夹目录下,然后双击执行bat文件,就可以生成图片了

    

    以上是的方式是在已经有seq文件的情况下,我们来生成图片,然而我们的.seq文件就是我们的UML逻辑,需要进行代码编辑,我是使用的(SublimeText)来编辑的

三,还有一个生成工具(Pat推荐):https://www.planttext.com/ ,除了支持PlantUML还支持其他的工具。

如图:

idea 使用 PlantUML 写程序流程图_第3张图片

 

 

    下面我来推荐一个更加直观的编辑和生成方式,

     Come with me

idea安装 PlantUML插件

idea直接安装:File -> Settings -> Plugins 搜索 PlantUML ,找到 PlantUML integration 并安装

通过安装包引入

    下载插件包安装:地址http://plugins.jetbrains.com/plugin/7017-plantuml-integration

     我已经下载好,可以使用:plantuml4idea.zip

    ctrl+ alt + s 打开setting,搜索plugins,

   idea 使用 PlantUML 写程序流程图_第4张图片

电脑安装graphviz

下载地址:graphviz download

idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML 

如图:

idea 使用 PlantUML 写程序流程图_第5张图片

     

使用plantUML画流程图

新建uml 文件 

idea 使用 PlantUML 写程序流程图_第6张图片

 

输入测试文字

@startuml

Alice -> Bob: Authentication Request

Bob --> Alice: Authentication Response

 

Alice -> Bob: Another authentication Request

Alice <-- Bob: another authentication Response

A -> B:req

B --> A:resp

@enduml

效果如图:

idea 使用 PlantUML 写程序流程图_第7张图片

导出文件

idea 使用 PlantUML 写程序流程图_第8张图片

 

其他

如果不想装graphviz,想直接用,可以下载chrome插件PlantUML Viewer,安装之后直接编辑文本,可以在浏览器直接显示。

idea 使用 PlantUML 写程序流程图_第9张图片

至此,强大的UML编辑环境搭建完毕,

我们可以通过代码的形式,梳理项目系统间的交互逻辑,能让我们更好的梳理需求,实现逻辑。

thinks

你可能感兴趣的:(idea 使用 PlantUML 写程序流程图)