<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test demo</title>
<script src="flowengine.js" type="text/javascript"></script>
<script src="node.js" type="text/javascript"></script>
<script type="text/javascript">
function test_map()
{
var obj = [];
var sIndex = "名称";
obj[sIndex] = "name";
alert(obj[sIndex]);
obj["0"]="a";
alert(obj[0]);
}
function test()
{
test_map();
}
</script>
</head>
<body>
<div id="index">
<dl>
<dt class="curtitle">[说明] : flowengine.js</dt>
<dd class="subtitle">1.flowengine.js : 流程引擎。包括四个概念:Flow(流程),Param(参数),Node(节点),Edge(流向)<br/>
<ul>
<li>Flow由Param、Node和Edge组成。</li>
<li>Node由参数,以及运行时函数function和运行后的返回值result组成.</li>
<li>Edge由起始终止Node,还有成立条件test.</li>
</ul>
</dd>
<dd class="subtitle">2.流程分为设计时和运行时。运行时的流程:
<ul>
<li>先确定流程参数(如果存在)</li>
<li>然后从起始节点开始运行;</li>
<li>根据Edge的条件判断下一步流经的节点;</li>
<li>递归直至运行结束。</li>
<li>流程也可能存在返回值</li>
</ul>
</dd>
<dd class="subtitle">3.node.js : 节点库。节点库可能来源于各处,这里只是示例</dd>
<dd class="subtitle">4.流程可以保存,这就增加了持久化功能</dd>
<dd class="subtitle">5.流程可以图形化设计编辑,这就是流程编辑器</dd>
<dd class="subtitle">6.流程还有很多可以扩充地方:
<ul>
<li>可能存在运行日志,异常;</li>
<li>可能存在环境参数;</li>
<li>如何用字符串来表示各种参数;</li>
<li>循环怎么实现</li>
</ul>
......都是要考虑的
</dd>
</dl>
</div>
<div id="command">
<dl>
<dt>[命令]</dt>
<dd>
<label for="param_name">请输入姓名:</label><input id="txtParamName" name="param_name" type="text" value="李白" style="width:120px;"/>
<label for="param_sexy">请输入性别:</label><input id="txtParamSexy" name="param_name" type="text" value="先生" style="width:120px;" title="请输入 '先生' 或者 '女士' "/>
<input type="button" value="运行" onclick="test();" title="运行测试流程"/>
</dd>
</dl>
</div>
<div id="demo">
<dl>
<dt>[日志]<br/><hr/></dt>
<dd>
<div id="curdemo" style="border: red thin solid">
<label>运行日志:</label><br/>
<textarea rows="24" cols="120" id = "txtLog"></textarea>
</div>
</dd>
</dl>
</div>
</body>
</html>
- 1
- 2
前往页