<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>DataFlowBuilder</title>
<meta http-equiv="Content-Type" content="text/html; Charset=utf-8">
<script src="jslib/config.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/xmlReaderPlugin.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/jquery.treeview.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/systeminit.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/dataFlowBuilder.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/datahandle.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/treeviewbuild.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/check.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/treeviewdata.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/bodyEvent.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/print.js" type="text/javascript" charset="utf-8"></script>
<script src="jslib/WorkSpaceBuild.js" type="text/javascript" charset="utf-8"></script>
<style>
v\:* { Behavior: url(#default#VML) }
</style>
<link rel="stylesheet" type="text/css" href="css/dataFlowBuilder.css"/>
</head>
<body oncontextmenu="return false;"
onselectstart='return onselectstart_do();'
onhelp='return onhelp_do();'
onmousedown="javascript:bd_onmousedown()"
onmouseup="javascript:bd_onmouseup()"
onmousemove="javascript:bd_onmousemove()">
<div id="thistitle">
<p>Web Data Flow Builder</p>
</div>
<!--
<v:line style='position:absolute;z-index:2000;display:none' id='dataflowline'>
<v:stroke dashstyle='shortdash'/>
<v:stroke EndArrow="Classic"/>
</v:line>
<v:oval style='position:absolute;z-index:2000;display:none' id='processoval'>
<v:stroke dashstyle='shortdash' />
</v:oval>
<v:rect style='position:absolute;z-index:2000;display:none' id='datastorerect'>
<v:stroke dashstyle='shortdash' />
</v:rect>
<v:rect style='position:absolute;z-index:2000;display:none' id='exportrect'>
<v:stroke dashstyle='shortdash' />
</v:rect>
-->
<div id="mouseMoveBarProcess">
</div>
<div id="mouseMoveBarEntity">
</div>
<div id="mouseMoveBarDatastore">
</div>
<span style='position:absolute;z-index:2000;display:none' id='srcCode'>
<textarea id='srcCodetxt' style='border:1 solid black;width:600;height:400'>
</textarea>
<br>
<input type='button' value='复制' onclick="javascript:sc_copy();">
<input type='button' value='更新修改' onclick="javascript:sc_update();">
<input type='button' value='取消' onclick="javascript:sc_cancel();">
</span>
<!--菜单栏-->
<div id="menubar">
<button type="button" name="newProject" id="newProject" onclick="new_node('','')">
新建
</button>
<button type="button" name="importProject" id="importProject" onclick="import_node();">
导入
</button>
<button type="button" name="saveProject" id="saveProject" onclick="javascript:positiveSave(0)">
保存
</button>
<button type="button" name="srcCodeView" id="srcCodeView" onclick="javascript:srcCodeEditClk();">
源码
</button>
<button type="button" name="myHelp" id="myHelp" onclick="javascript:help_event();">
帮助
</button>
<button type="button" name="checkGraph" id="checkGraph" onclick="javascript:checkThisGraph();">
检查
</button>
<div id="import_add_node"></div>
<div id="add_child_node"></div>
</div>
<!--图元选择区-->
<div id="toolbar">
<button type="button" class="btnon" name="process_tool" id="etools"
onclick="javascript:process_tool_sel()">
过程
</button>
<button type="button" class="btnoff" name="export_tool" id="etools"
onclick="javascript:export_tool_sel()">
外部实体
</button>
<button type="button" class="btnoff" name="datastore_tool" id="etools"
onclick="javascript:datastore_tool_sel()">
数据存储
</button>
<button type="button" class="btnoff" name="dataflow_tool" id="etools"
onclick="javascript:dataflow_tool_sel()">
数据流
</button>
</div>
<!--工程树形视图-->
<div id="pjtreeview" >
<p>工程树形视图</p>
<div id="new_node_input"></div>
<div id="mod_node_input"></div>
</div>
<!--编辑区-->
<div id="modeEditor"
onmousedown="javascript:ed_onmousedown()"
onmousemove="javascript:ed_onmousemove()"
onmouseup="javascript:ed_onmouseup()">
</div>
<div id="editinf">
</div>
<!--文本编辑区-->
<div id="textEditor">
<p>视图文本编辑区</p>
<textarea id="textEditorArea" style='border: 1 solid black; width: 200; height: 200'>
</textarea>
<br/>
<input type='button' id="textEditorClearBtn" value='清空' onclick="javascript:clearTextEditor();">
<input type='button' id="textEditorCopyBtn" value='复制' onclick="javascript:text_copy();">
</div>
<!--生成打印文档-->
<div id="printCreat">
<input type='button' id="printBtn" value='生成打印文档' onclick="javascript:creatPrint();">
<br/>
<span id="printInf">点击上面按钮生成打印文档</span>
</div>
<!--帮助信息界面-->
<span id='helpInf' style='position:absolute;z-index:2000;display:none'>
<textarea readonly='true' style='border: 1 solid black; width: 700; height: 400'>
用户指南
1.概要
本系统是一个数据流图绘制工具。用户可以通过使用此工具绘制数据流图的过程、数据存储、外部实体、
数据流等图元，并进行组合等。并可以存储到本地，下次打开时可以读取。
2.使用说明
界面左边显示当前系统所有的工程的树形图。可以点击新建按钮新建一个工程包。在新建的工程包上点
击右键可以在包中新建一个工程文件，或者点击删除、修改以删除和修改工程包。
对于工程文件，点击或即可在右边的编辑区进行编辑。编辑区上方为图元选择区，点选一个图元后在编
辑区的空白处单击鼠标左键即可新建一个图元，对于非数据流的图元可以点击图元的空白处拖动图元的位
置，并且编辑图元的信息。图元左上角的+-号便是是否隐藏图元信息，可以进行隐藏、扩展等操作。如果
图元是一个过程，可以右键新建子图或查看子图。对于数据流，需要按住鼠标从一个图元连向另一个图元
后放开即可。可以点击数据流上的数字编辑数据流的信息。
导入功能，可以导入一个文件夹，会将此文件夹添加到工程区，并读取其中的工程文件，可以将在其他
电脑上建立的模型导入。再切换模型视图时，会自动保存当前文件，也可以在编辑时手动保存，因为直接
退出是不会自动保存的。点击检查可以检查当前所选文件及其子图的信息。
对于源码功能，是面向高级用户的，使用需谨慎。源码为图形编辑区图元的绘制源码，一旦更改，会使
得系统中的图元对象丢失，不能再次被本编辑器所编辑和保存，只能进行截图或另存为网页来保存。
3.版本说明
本版本为1.0版本。暂时可能还有一些bug和不足之处，我们将在后续进行更新。本版本为单机版，暂时
不支持远程访问。
</textarea>
<br>
<button type="button" name="closeMyHelp" id="closeMyHelp" onclick="javascript:closeHelp_event();">
关闭帮助
</button>
</span>
<script>
initFlowTreeView();
var tempF
基于js实现的数据流图建模工具简单示例
5星 · 超过95%的资源 需积分: 50 188 浏览量
2011-06-20
22:37:09
上传
评论
收藏 269KB RAR 举报 
基于js实现的数据流图建模工具简单示例 （102个子文件） 
all-wcprops 2KB all-wcprops 864B all-wcprops 694B all-wcprops 275B all-wcprops 214B all-wcprops 188B .classpath 232B org.eclipse.wst.jsdt.ui.superType.container 49B dataFlowBuilder.css 3KB dataFlowBuilder.css 3KB entries 2KB entries 1KB entries 898B entries 529B entries 397B entries 372B
entity.gif 906B entity.gif 906B datastore.gif 899B datastore.gif 899B process.gif 878B process.gif 878B file.gif 582B file.gif 582B folder.gif 376B folder.gif 376B
index.html 9KB index.html 9KB jquery.js 176KB jquery.js 176KB datahandle.js 33KB datahandle.js 33KB dataFlowBuilder.js 18KB dataFlowBuilder.js 18KB treeviewbuild.js 16KB treeviewbuild.js 16KB check.js 11KB check.js 11KB print.js 9KB print.js 9KB jquery.treeview.js 8KB jquery.treeview.js 8KB treeviewdata.js 7KB treeviewdata.js 7KB WorkSpaceBuild.js 6KB WorkSpaceBuild.js 6KB jquery.cookie.js 4KB jquery.cookie.js 4KB bodyEvent.js 3KB bodyEvent.js 3KB systeminit.js 2KB systeminit.js 2KB xmlReaderPlugin.js 448B xmlReaderPlugin.js 448B config.js 37B config.js 37B .jsdtscope 454B org.eclipse.wst.jsdt.ui.superType.name 6B
bg.png 20KB bg.png 20KB probg.png 4KB probg.png 4KB org.eclipse.core.resources.prefs 165B .project 579B jquery.js.svn-base 176KB datahandle.js.svn-base 33KB bg.png.svn-base 20KB dataFlowBuilder.js.svn-base 18KB treeviewbuild.js.svn-base 16KB check.js.svn-base 11KB print.js.svn-base 9KB index.html.svn-base 9KB jquery.treeview.js.svn-base 8KB treeviewdata.js.svn-base 7KB WorkSpaceBuild.js.svn-base 6KB probg.png.svn-base 4KB jquery.cookie.js.svn-base 4KB bodyEvent.js.svn-base 3KB dataFlowBuilder.css.svn-base 3KB systeminit.js.svn-base 2KB entity.gif.svn-base 906B datastore.gif.svn-base 899B process.gif.svn-base 878B file.gif.svn-base 582B .project.svn-base 579B .jsdtscope.svn-base 454B xmlReaderPlugin.js.svn-base 448B folder.gif.svn-base 376B .classpath.svn-base 232B org.eclipse.core.resources.prefs.svn-base 165B process.gif.svn-base 53B entity.gif.svn-base 53B bg.png.svn-base 53B folder.gif.svn-base 53B file.gif.svn-base 53B datastore.gif.svn-base 53B probg.png.svn-base 53B org.eclipse.wst.jsdt.ui.superType.container.svn-base 49B config.js.svn-base 37B org.eclipse.wst.jsdt.ui.superType.name.svn-base 6B共 102 条
- 1
- 2
资源评论
willieliao852013-07-03条理很清晰~- j_dong2012-08-30初学还不错
yswz823
- 粉丝: 1
- 资源: 5
最新资源
- 基于SpringBoot Mybatis-Plus TypeScript的微服务多租户SaaS管理快速开发框架 .zip
- 论文复现：QA-GNN: Reasoning with Language Models and Knowledge
- ipp（intel-oneAPI）下载地址.txt
- 基于spring-boot dubbox搭建的java分布式系统的前端管理.zip
- VLC+Qt demoVLC+Qt demo
- 海彪&龙梅子 - 寂寞的人伤心的歌 (DJ版) [mqms2].ogg
- 530springboot + vue 旅游管理系统.zip（可运行源码+数据库文件+文档）
- 基于SpringBoot + Thymeleaf + Layui + Apache Shiro 的后台管理系统 .zip
- 表1：长江大学文理学院课外学分申请表.et
- base.apk
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
