<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>jsplumb-visio</title>
<link href="./lib/fonts/font-awesome.min.css" rel="stylesheet">
<link href="./lib/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="./lib/jqueryui/jquery-ui.css" rel="stylesheet">
<link href="./jvisio.css" rel="stylesheet">
</head>
<body>
<div id="app" style="margin-top: 10px;">
<div class="container-fluid">
<div class="row">
<div id="diagramContainer-left" class="col-md-2 bg-info min-height">
<h4 class="text-center">工具区域</h4>
<div class="col-sm-12">
<div class="jnode-box jnode-round bdc-success" data-template="jnode-template"
data-jnode="start" data-jnode-class="jnode-radius bdc-success"><span>开始</span></div>
</div>
<div class="col-sm-12">
<div class="jnode-box jnode-rectangle bdc-primary" data-template="jnode-template"
data-jnode="task" data-jnode-class="jnode-task bdc-primary"><span>节点</span></div>
</div>
<div class="col-sm-12">
<div class="jnode-box jnode-diamond bdc-warning" data-template="jnode-template"
data-jnode="judge" data-jnode-class="jnode-diamond jnode-judge bdc-warning"><span>判断</span></div>
</div>
<div class="col-sm-12">
<div class="jnode-box jnode-round bdc-danger" data-template="jnode-template"
data-jnode="end" data-jnode-class="jnode-radius bdc-danger"><span>结束</span></div>
</div>
</div>
<div class="col-sm-8 bg-success min-height" id="diagramContainer-main">
<h4 class="text-center">设计区域</h4>
<!-- 定义目标节点的模板 -->
<script type="text/x-mustache" id="jnode-template">
<div class="jnode-panel" id="{{id}}" style="top:{{top}}px;left:{{left}}px">
<div class="jnode-box {{jnodeClass}}">{{{jnodeHtml}}}</div>
</div>
</script>
</div>
<div class="col-sm-2 bg-info min-height" id="diagramContainer-control">
<h4 class="text-center">属性设置</h4>
</div>
</div>
</div>
</div>
<script src="./lib/jquery/jquery.min.js"></script>
<script src="./lib/uuid.min.js"></script>
<script src="./lib/mustache.min.js"></script>
<script src="./lib/jqueryui/jquery-ui.min.js"></script>
<script src="./lib/jquery.jsPlumb-1.7.2.js"></script>
<script src="./jvisio-config.js"></script>
<script src="./jvisio-index.js"></script>
</body>
</html>
jvisio-flow.zip
4星 · 超过85%的资源 需积分: 3 186 浏览量
2020-04-09
15:59:41
上传
评论
收藏 1.3MB ZIP 举报 
jvisio-flow.zip （42个子文件） 
jvisio-flow 
flow-index1.png 148KB
jvisio.css 2KB .DS_Store 6KB jvisio-index.js 5KB .idea misc.xml 487B encodings.xml 200B workspace.xml 10KB google-java-format.xml 176B modules.xml 274B jvisio-flow.iml 336B
index.html 2KB lib fonts glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 40KB
fontawesome-webfont.svg 307KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 69KB FontAwesome.otf 169KB fontawesome-webfont.ttf 139KB glyphicons-halflings-regular.svg 62KB font-awesome.css 34KB fontawesome-webfont.woff 82KB fontawesome-webfont.woff2 65KB glyphicons-halflings-regular.eot 20KB font-awesome.min.css 34KB bootstrap bootstrap.css 151KB bootstrap.js 68KB bootstrap.min.css 120KB bootstrap.min.js 35KB jqueryui jquery-ui.js 476KB jquery-ui.min.js 235KB jquery-ui.css 32KB .DS_Store 6KB uuid.min.js 2KB jquery jquery.form.min.js 17KB jquery.min.js 182KB jquery.cookie.js 997B jquery.form.js 41KB mustache.min.js 9KB jsplumb.js 614KB jsplumb.min.js 195KB jquery.jsPlumb-1.7.2.js 456KB jvisio-config.js 3KB资源评论
janice33632020-09-09有点帮助，还行需要自己修改
cow80632020-04-27有BUG，不能保存数据！！
