JS Sequence Diagrams UML序列图
来源:互联网 发布:php记录访问ip 编辑:程序博客网 时间:2024/05/23 18:31
JS Sequence Diagrams 官网最新下载
JS Sequence Diagrams 在线编译和教程
jQuery 官网最新下载
JS Sequence Diagrams 安装及使用
时序图(Sequence Diagram),亦称为序列图或循序图,是一种UML行为图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序,当执行一个用例行为时,时序图中的每条消息对应了一个类操作或状态机中引起转换的触发事件。
第一种引入,直接引入
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />//将UTF-8编码加入进去<script src="raphael-min.js"></script><script src="underscore-min.js"></script><script src="sequence-diagram-min.js"></script>//将JS Sequence Diagrams库下载及引入到程序<div id="flow">放置流程图的空间</div><script>var diagram = Diagram.parse("Alice->Bob: Hello Bob, how are you?\nNote right of Bob: Bob thinks\nBob-->Alice: I am good thanks!\n");//diagram.drawSVG("flow", {theme: 'hand'});//可爱图形diagram.drawSVG("flow", {theme: 'simple'});//矩形图形</script>
第二种引入,用jQuery方法执行:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />//将UTF-8编码加入进去<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>//百度CDN jQuery在线引入//或者//本地下载引入<script src="jquery.min.js"></script><script src="raphael-min.js"></script><script src="underscore-min.js"></script><script src="sequence-diagram-min.js"></script>//将JS Sequence Diagrams库下载及引入到程序<div class="diagram">Alice->Bob: Hello Bob, how are you?Note right of Bob: Bob thinksBob-->Alice: I am good thanks!</div><script>//$(".diagram").sequenceDiagram({theme: 'hand'});//可爱图形$(".diagram").sequenceDiagram({theme: 'simple'});//矩形图形</script>
0 0
- JS Sequence Diagrams UML序列图
- UML---sequence Diagrams
- UML实战之Sequence Diagrams和Collaboration Diagrams
- UML Diagrams
- UML Distilled 3rd 学习笔记(二) - Sequence Diagrams
- ckwnc is a free tool for creating UML sequence diagrams
- UML之序列图(Sequence Diagram)
- UML---Component diagrams
- EA&UML日拱一卒--序列图(Sequence Diagram)::交互概述图
- EA&UML日拱一卒--序列图(Sequence Diagram)::入门
- EA&UML日拱一卒--序列图(Sequence Diagram)::同步/异步
- EA&UML日拱一卒--序列图(Sequence Diagram)::生命周期
- EA&UML日拱一卒--序列图(Sequence Diagram)::迭代表达式
- EA&UML日拱一卒--序列图(Sequence Diagram)::消息签名
- EA&UML日拱一卒--序列图(Sequence Diagram)::时间约束
- EA&UML日拱一卒--序列图(Sequence Diagram)::条件执行
- EA&UML日拱一卒--序列图(Sequence Diagram)::循环
- EA&UML日拱一卒--序列图(Sequence Diagram)::门
- Docker 基础技术:Linux Namespace(下)
- Oracle 11g修改字符集AL32UTF8为ZHS16GBK
- CDN专栏
- Git(分布式版本控制系统)在Windows下的使用-将代码托管到开源中国(oschina)
- 【转】servlet/filter/listener/interceptor区别与联系
- JS Sequence Diagrams UML序列图
- android java.lang.NoSuchFieldError: R$id.xxx
- 字符集进化史
- 随笔
- xml绘制图形
- c++继承基础
- A:学习PHP框架的基本过程
- Oracle树查询(查询所有子节点,父节点等等)
- 重构-改善既有的代码设计(七)