View Source

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

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

准备Joget应用程序

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

Knowledge Base for v6 中文 > 从外部界面启动一个流程 > Screenshot 2014-02-11 15.10.26.png
图1：创建工作流应用程序

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

APP_simpleApproval-1-20140211152817.zip

准备外部页面

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

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

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

<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。

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