Joget DX Beta Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Page tree
Skip to end of metadata
Go to start of metadata

这篇文章是为初学者试图将Joget与外部应用程序集成在一起的快速的示范练习。

在本练习中,我们将向您介绍如何从外部页面开始Joget中的一个流程。我们还将向您展示如何设置工作流程变量值,以便用于定义工作流程的参与者

 

准备Joget应用程序

我们将创建一个简单的工作流程,如下所示。

 


图1:创建工作流应用程序

记下流程定义ID并确保您已将工作流程变量映射到其中一个参与者。如果你愿意,你可以点击下面的链接下载应用程序

APP_simpleApproval-1-20140211152817.zip

准备外部页面

现在我们已经处理了Joget所要求的,现在我们要创建外部页面。

托管外部页面的最简单方法是在Joget所在的Web服务器上创建另一个上下文文件夹。如果您使用的是Tomcat,请导航到/ webapps并创建一个名为“ poc  的文件夹。

创建index.html并将下面的代码复制到它。

External Page
<html>
	<head>
		<script type="text/javascript" src="http://localhost:8080/jw/js/jquery/jquery-1.5.2.min.js"></script>
		<script type="text/javascript" src="http://localhost:8080/jw/js/json/util.js" ></script>
		<script type="text/javascript" >

		$(document).ready(function(){
			var loginCallback = {
				success : function(response){
					if(response.username != "roleAnonymous"){
						alert("login successfully");
					}else{
						alert("login fail");
					}
				}
			};
			//login
			AssignmentManager.login('http://localhost:8080/jw', 'admin', 'admin', loginCallback);

			$("input[name='startProcessButton']").click( function(){
				//retrieving the values
				var processDefinition = $("input[name='processDefinition']").val()
				var requester = $("input[name='requester']").val()

				//call back for "start a process"
				var callback = {
				  success : function(response){
					//print returned result
					$("#responseDiv").html(response.toSource());
				  }
				}

				//start a process
				ConnectionManager.ajaxJsonp('http://localhost:8080/jw/web/json/workflow/process/start/' + processDefinition, callback, "var_requester=" + requester);

			});

		});
		</script>

	</head>
	<body>
		<fieldset id="startProcess">
			<legend>Start Process:</legend>

			<label for="name">Process Definition:</label>
			<input type="textfield" name="processDefinition" value="simpleApproval:1:sample"/>
			<br>
			<label for="name">Requester Username:</label>
			<input type="textfield" name="requester"/>

			<input name="startProcessButton" type="submit" value="Trigger"/>

			<div id="responseDiv"/>
		</fieldset>
	</body>
</html>

您的最终路径应该是\ Joget-v3-Enterprise \ apache-tomcat-6.0.18 \ webapps \ poc \ index.html

你将需要研究上面的代码以帮助你理解。

执行和测试

从您的浏览器,找到你的方式index.html页面。

 


图2:外部页面

流程定义ID在编码中已经被填充了。请记住用id中的冒号(:)代替散列(#)。键入用户名并点击触发


图3:启动一个进程实例

点击按钮后,结果将打印在页面上。您应该能够在Joget的Web控制台中找到相应的流程实例。


图4:检查Monitor应用程序中的进程实例

深入到活动实例中,您应该能够找到分配给合适人员的实例。


图5:在监视器应用程序中检查活动实例

参考

  • No labels