因为工作需要,这两天在尝试着给手里壹些模块画时序图(Sequence Diagrams),壹般画这种图的时候,我们第壹反应会想到安装 IBM 的 Rational Rose,但是我不想为了画这种图就去安装壹個那麽庞大的企业级应用软件,不说使用的时候需要价格极其高昂的 License,就算使用盗版,也需要自己去网上到处找安装包,而公司的 WiFi 网络实在是太牵强,看看新闻查查 Google 还凑合,如果去用来下载几百兆的软件,那就等着吧,不过我手头的事情还得做,于是就想看看网上有没有在线画这种时序图的工具,搜了下,结果还真有,那就是 Web Sequence Diagrams 。
Web Sequence Diagrams 就是专门为画时序图而准备的,它的特点就是使用简单的编码来控制时序图的各個细节,非常轻便,非常简单,很容易上手。进入首页之后,默认的是壹個横向分成两栏的页面,左侧是文本编辑器,右侧是生成的时序预览图,左侧有壹竖栏是各种时序图组件,点击之后可以在编辑器里自动为你生成样例代码,修改修改就可以用了,并且右上角还有壹個下拉列表可以选择生成的时序图的样式,默认为 napkin,使用这种风格生成的时序图,其线条会不规则的扭来扭去,实际上就是手绘的草图,除此之外,还有:
1、Plain UML:白底黑字的标准时序图(推荐);
2、Rose:IBM Rational Rose 风格的时序图,橘黄色偏红的颜色(推荐);
3、qsd:文档报告中经常会用到的黑白时序图,各种组件四四方方的;
4、VS2010:微软 Visual Studio 风格的标准时序图,淡蓝色(推荐);
5、mscgen:把各個组件上的方框去掉了,只留下了文字的简化版时序图;
6、patent:线条加粗加黑的时序图(推荐);
7、napkin:线条不规则的扭来扭去,实际上就是生成了壹個手绘的时序图;
此处还有其它几种风格,我没有尝试,写的是Colorful,估计生成的时序图颜色会比较绚丽。其中我比较喜欢的几种网络就是 Plain UML,Rose 和 VS2010 这三种风格,因为生成的图片是最符合规范的。按照页面提供的编码方式,我也尝试着为手里的壹個功能模块画了個简单的时序图,其代码也非常有特点,使用正号(+)、负号(-)和左箭头(->)来表示每個流程的执行顺序。具体如下:
title XXX业务的时序图 View->+IService: 发送请求 IService->+ServiceImpl: 服务层处理 ServiceImpl->+Logic:逻辑层处理 Logic->+Dao:持久层处理 Dao->+xxx-sqlMap.xml: 调用指定的SQL语句1 note right of xxx-sqlMap.xml: 与数据库交互1 xxx-sqlMap.xml->-Dao:与数据库交互完毕返回1 Dao->+xxx-sqlMap.xml: 调用指定的SQL语句2 note right of xxx-sqlMap.xml: 与数据库交互2 xxx-sqlMap.xml->-Dao:与数据库交互完毕返回2 Dao->-Logic:持久层交互完毕返回 Logic->-ServiceImpl: 逻辑层交互完毕返回 ServiceImpl->IService: 服务层交互完毕返回 IService->-View: 请求处理完毕,返回页面
因为我個人比较偏爱 IBM Rational Rose 风格,所以也单独生成了该风格的图片。
对了,点击右上角的超链接[Link to this image]可以把生成的图片下载下来,页面会先弹出壹個提示框,询问是否成为付费用户,不用理会,直接点击提示框中的超链接[Open in new tab]就可以在新的选项卡中看到生成好的时序图了。
这個服务对于我这种偶尔需要画画时序图的人而言,真是太方便了,完全不用安装盗版的 IBM Rational Rose,而且还完美的实现了我想要的功能。当然,如果你觉得这個服务对你很有意义,并且愿意长期使用的话,那麽付费支付下也是非常推荐的,因为付费帐户会有更多的功能特性可以使用。另外,强烈建议在 Google Chrome 浏览器下使用该服务,页面刷新时会相比 Firefox 流畅,至于微软的 IE 浏览器,只能呵呵了。
相关推荐
VSCode序列图vscode序列图如何当您在Visual Studio Code中打开.seqdiag文件时,“预览”选项卡将自动打开。 如果要重新打开预览选项卡,请按CTRL+SHIFT+P或F1打开“命令面板”并执行“ Show Sequence Diagram ...
JS-Sequence-Diagrams 可以从文字的表述中绘制简单的序列图。例如:可以将Alice->Bob: Hello Bob, how are you? Note right of Bob: Bob thinks Bob-->Alice: I am good thanks!绘制成:
时序图(Sequence Diagram),又名序列图、循序图,是一种UML交互图,用于显示多个对象之间的动态协作以及它们之间发送消息的时间顺序。时序图有两个坐标轴:纵坐标轴显示时间,横坐标轴显示对象。 时序图包含多个...
时序图(SequenceDiagram)是显示对象之间交互的图,这些对象是按时间顺序排列的。顺序图中显示的是参与交互的对象及其对象之间消息交互的顺序。时序图中包括的建模元素主要有:对象(Actor)、生命线(Lifeline)、...
搜狐2017笔试题一:Kolakoski sequence完整源代码
时序图(SequenceDiagram),亦称为序列图、循序图或顺序图,是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。时序图是一个二维图,横轴表示对象,纵轴表示时间,消息在各对象...
UML建模时序图,关于各种图表都有,时序图(Sequence Diagram)是显示对象之间交互的图,这些对象是按时间顺序排列的。顺序图中显示的是参与交互的对象及其对象之间消息交互的顺序。时序图中包括的建模元素主要有:...
Count: 1150937556 Sequence: A Sequences Length 2 Count: 1112378538 Sequence: A A Count: 37982313 Sequence: A B Sequences Length 3 Count: 1090434020 Sequence: A A A Count: 21440426 Sequence: A B B...
布局标题页Web序列图Web序列图此代码是非常新的,不被认为是稳定的Web Sequence Diagrams是一个小型js库,用于实现自定义Web标记<sequence> ,该标记将其data属性中的代码转换为SVG图表视图。 通过嵌入css,它是高度...
时序图(Sequence Diagram),亦称为循序图、序列图、顺序图,是一种UML行为图。(翻译为时序图,实际上是不准确的,sequence这个单词并无“时间”的意思,只有序列,顺序等意思。)根据UML规范中对Sequence Diagram...
时序图讲解 第八章 时序图(顺序图) (sequence diagram)
eclipse中AmaterasUML工具,Eclipse绘制UML图的插件之一,支持类图、时序图等的绘制。支持UMLactivity图,class图,sequence图,usecase图等;支持与Java class/interface之间的相互导入导出。
首先在 Confluence 中创建/编辑页面,然后通过宏浏览器(在“visuals”下,或搜索“Sequence Diagram”)或简单地输入{sequence-diagram插入宏。 有关符号示例,请参阅。 宏浏览器允许您指定主题(“简单”或“手...
#Web序列 Web Sequence是Chrome扩展程序和Web应用程序,可将您的Chrome标签页转换为序列图生成器。 类似于CodePen或JSFiddle,但用于生成时序图。 ##部署我们将讨论以下各项的部署: 应用/插件目标本地安慰特拉维斯...
其中最常用的就是sequencediagram。Sequencediagram只是捕捉了一个特定场景中的交互情况,它使用Usecase描述了一些实例对象以及它们之间消息的传递。Interactiondiagrams并不能用于表示算法的细节、循环处理以及条件...
JS 序列图 fork 在终端中编译运行: make 为了使用工具提示,请将以下内容附加到评论部分:@您的...只需运行bower install bramp/js-sequence-diagrams并包含以下脚本: < script src =" {{ bower directory }}
基于循环神经网络和注意力机制的Sequence-to-Sequence模型神经网络方法在信息抽取和自动摘要生成方面发挥了重要作用。然而,该方法不能充分利用文本的语言特征信息,且生成结果中存在未登录词问题,从而影响文本摘要...
ISO_TR 22400-10:2018 Automation systems and integration - Key performance indicators (KPis) for manufacturing operations management - Part 10:Operational sequence description of data acquisition - ...
timegen是一款使用相当方便的时序图绘制软件,其使用方法比ANYTIME使用方便。