| English |
|---|
This article is a quick how-to sample exercise for beginners trying to integrate Joget with external |
...
applications. In this exercise, we will show you |
...
how to start a process in Joget from an external page. We will also show you |
...
how to set a Workflow Variable value along the way which will be used to define one of the participants of the process. |
| Thai |
|---|
บทความนี้เป็นแบบฝึกหัดตัวอย่างวิธีด่วนสำหรับผู้เริ่มต้นที่พยายามรวม Joget กับแอปพลิเคชันภายนอก ในแบบฝึกหัดนี้เราจะแสดงวิธีเริ่มกระบวนการใน Joget จากหน้าภายนอก นอกจากนี้เราจะแสดงวิธีตั้งค่าตัวแปรของเวิร์กโฟลว์ตามวิธีการที่จะใช้ในการกำหนดหนึ่งในผู้เข้าร่วมของกระบวนการเวิร์กโฟลว์ |
...
APP_simpleApproval-1-20140211152817.zipjwa
| Thai |
|---|
รูปที่ 1: การสร้างแอปเวิร์กโฟลว์ จด ID นิยามกระบวนการและตรวจสอบให้แน่ใจว่าคุณได้แมปตัวแปรเวิร์กโฟลว์กับหนึ่งในผู้เข้าร่วม หากคุณต้องการคุณสามารถดาวน์โหลดแอพได้โดยคลิกที่ลิงค์ด้านล่าง APP_simpleApproval-1-20140211152817.zip |
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
<html>
<head>
<script type="text/javascript" src="http://localhost:8080/jw/js/jquery/jquery-3.5.1.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(data){
//print returned result
$("#responseDiv").html(data);
}
}
//start a process
ConnectionManager.post('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:1latest: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> |
Your final path should be something like \Joget-DX8-Enterprise\apache-tomcat-68.05.1878\webapps\poc\index.html.
You will need to study the code above where occasional remarks are placed to help you to understand.
| Thai |
|---|
เส้นทางสุดท้ายของคุณควรเป็น \Joget-v3DX8-Enterprise \ apache-tomcat-68.05.18 78\webapps\poc\ index.html คุณจะต้องศึกษารหัสด้านบนซึ่งมีการใส่คำพูดเป็นครั้งคราวเพื่อช่วยให้คุณเข้าใจ |
...
| Thai |
|---|
การดำเนินการและการทดสอบ
|
Figure 2: External Page
...
| Thai |
|---|
รูปที่ 2: หน้าภายนอก รหัสข้อกำหนดกระบวนการได้รับการเติมในการเข้ารหัสก่อนหน้านี้แล้ว จำไว้ว่าแทนที่ hash (#) ด้วยเครื่องหมายโคลอน (:) ใน id ป้อนชื่อผู้ใช้และกด Trigger |
Figure 3: Starting a Process Instance
...
| Thai |
|---|
รูปที่ 3: การเริ่มต้นอินสแตนซ์ของกระบวนการ ผลลัพธ์จะถูกพิมพ์ลงบนหน้ากระดาษหลังจากกดปุ่ม คุณควรจะสามารถหาอินสแตนซ์กระบวนการที่เกี่ยวข้องในเว็บคอนโซลของ Joget ได้เช่นกัน |
Figure 4: Inspecting Process Instance in Monitor Apps
...
| Thai |
|---|
รูปที่ 4: การตรวจสอบอินสแตนซ์กระบวนการในแอพการตรวจสอบ เจาะลึกลงไปในอินสแตนซ์ของกิจกรรมและคุณควรจะสามารถหาอินสแตนซ์ที่กำหนดให้กับบุคคลที่ถูกต้อง |
Figure 5: Inspecting Activity Instance in Monitor Apps
| Thai |
|---|
รูปที่ 5: การตรวจสอบอินสแตนซ์ของกิจกรรมในแอพการตรวจสอบ |
References
| Thai |
|---|
อ้างอิง |