第六章 表單流程專題講解

表單流程專題——浙江交通職業(yè)技術(shù)學(xué)院基礎(chǔ)服務(wù)0

1快速表單02流程表單03CONTENTS目錄PART01BASICSERVICE基礎(chǔ)服務(wù)基礎(chǔ)服務(wù)能力新建應(yīng)用時(shí)開啟基礎(chǔ)服務(wù)，平臺(tái)自動(dòng)為該應(yīng)用生成組織機(jī)構(gòu)管理、用戶管理、數(shù)據(jù)字典、系統(tǒng)參數(shù)、角色管理、菜單管理功能的前端頁(yè)面與后臺(tái)業(yè)務(wù)邏輯。數(shù)據(jù)字典角色管理……組織機(jī)構(gòu)管理用戶管理菜單管理系統(tǒng)參數(shù)自定義登錄頁(yè)作：作用：建議基于平臺(tái)自動(dòng)生成的登錄頁(yè)進(jìn)行二次修改，這樣各種交互都是完善的，只需要改布局、背景等即可頁(yè)面設(shè)計(jì)：方式一：新建應(yīng)用時(shí)勾選基礎(chǔ)服務(wù)，創(chuàng)建后應(yīng)用中自動(dòng)生成基礎(chǔ)服務(wù)相關(guān)的頁(yè)面，里面包含登錄頁(yè)面。方式二：新建應(yīng)用時(shí)未勾選，應(yīng)用設(shè)置中可以重新開啟基礎(chǔ)服務(wù)，自動(dòng)生成相關(guān)頁(yè)面。自定義登錄頁(yè)作：作用：修改背景：在登錄頁(yè)面的背景容器中，更換背景圖片頁(yè)面設(shè)計(jì)：自定義登錄頁(yè)作：作用：修改登錄面板：可以修改登錄面板的圖標(biāo)和標(biāo)題以及相關(guān)樣式頁(yè)面設(shè)計(jì)：自定義登錄頁(yè)作：作用：修改布局位置：如果想要去設(shè)置登錄面板的布局位置，可以在登錄面板的父類背景容器中去調(diào)整布局位置，也可以在登錄面板的高級(jí)設(shè)置中去調(diào)整外間距來(lái)控制登錄面板的位置。頁(yè)面設(shè)計(jì)：自定義登錄頁(yè)作：作用：登錄邏輯：【登錄】數(shù)據(jù)連接器會(huì)調(diào)用平臺(tái)的登錄接口，默認(rèn)不開啟，表單校驗(yàn)成功后執(zhí)行，需要配置兩個(gè)請(qǐng)求參數(shù)，一個(gè)是用戶名，綁定對(duì)應(yīng)輸入框的value，另一個(gè)是密碼，需要綁定輸入框的md5Value，傳遞的是加密后的數(shù)據(jù)。登錄接口發(fā)起請(qǐng)求后，如何處理返回結(jié)果。在數(shù)據(jù)連接器事件配置面板，【請(qǐng)求數(shù)據(jù)后】事件中綁定【登錄處理】case響應(yīng)。在組件屬性面板的【表單校驗(yàn)】中配置組件的校驗(yàn)規(guī)則，成功后觸發(fā)Form組件的【表單校驗(yàn)成功】事件，該事件中綁定【登錄】數(shù)據(jù)連接器，調(diào)用登錄接口。登錄返回結(jié)果為true，認(rèn)證通過(guò)后，新建Navigation響應(yīng)【跳轉(zhuǎn)首頁(yè)】按鈕事件表單提交數(shù)據(jù)連接器返回結(jié)果處理頁(yè)面跳轉(zhuǎn)按鈕點(diǎn)擊事件中綁定表單提交方法，點(diǎn)擊時(shí)觸發(fā)表單提交。自定義導(dǎo)航頁(yè)作：作用：導(dǎo)航頁(yè)屬于基礎(chǔ)服務(wù)，推薦使用系統(tǒng)自動(dòng)生成的導(dǎo)航頁(yè)面進(jìn)行二次修改。頁(yè)面生成方式有兩種：應(yīng)用創(chuàng)建時(shí)勾選基礎(chǔ)服務(wù)頁(yè)、應(yīng)用設(shè)置中可以開啟基礎(chǔ)服務(wù)頁(yè)。頁(yè)面設(shè)計(jì)：左側(cè)：Log、標(biāo)題、menu菜單頂部：當(dāng)前登錄用戶、退出中間：Iframe用于切換頁(yè)面自定義導(dǎo)航頁(yè)作：作用：菜單管理中，可以配置多級(jí)菜單，新建時(shí)內(nèi)部菜單是指捷碼平臺(tái)內(nèi)開發(fā)的頁(yè)面（直接選擇），外部是指平臺(tái)外的頁(yè)面（需要輸入全路徑）。數(shù)據(jù)管理：頁(yè)面跳轉(zhuǎn)作：作用：實(shí)現(xiàn)方式一：Iframe組件url屬性綁定menu組件的selected.path，menu在點(diǎn)擊時(shí)會(huì)改變這個(gè)屬性值，從而觸發(fā)Iframe頁(yè)面切換。實(shí)現(xiàn)方式二：menu組件被選中事件中，通過(guò)平臺(tái)API設(shè)置Iframe的url屬性。被選中事件中綁定自定義函數(shù)，函數(shù)中調(diào)用相應(yīng)API設(shè)置url屬性Iframe中展示：頁(yè)面跳轉(zhuǎn)作：作用：通過(guò)menu組件點(diǎn)擊事件來(lái)實(shí)現(xiàn)：跳轉(zhuǎn)到新窗口：查看菜單數(shù)據(jù)作：作用：瀏覽器打開開發(fā)者界面，按F12或者如下操作：跳轉(zhuǎn)到新窗口：切換到Network查看網(wǎng)絡(luò)請(qǐng)求，找到菜單的查詢接口，點(diǎn)擊preview即可看到對(duì)應(yīng)數(shù)據(jù)。PART02QUICKFORM快速表單刪除數(shù)據(jù)或表單查詢數(shù)據(jù)或表單修改數(shù)據(jù)或表單增加數(shù)據(jù)或表單二次開發(fā)定制化快速表單是一個(gè)基于數(shù)據(jù)庫(kù)表，通過(guò)無(wú)代碼配置，快速生成強(qiáng)大表單與列表頁(yè)面的功能。概述概述作：作用：優(yōu)勢(shì)：基礎(chǔ)能力增強(qiáng)能力通過(guò)簡(jiǎn)單配置快速生成含增、刪、改、查、導(dǎo)入/導(dǎo)出功能的表單頁(yè)面生成的快速表單頁(yè)面支持二次開發(fā)新增關(guān)聯(lián)表單配置（支持1對(duì)1、1對(duì)n、n對(duì)n表單場(chǎng)景）新增數(shù)據(jù)權(quán)限功能，重視數(shù)據(jù)安全新增綁定/自定義函數(shù)功能，支持編輯自定義數(shù)據(jù)新增高級(jí)查詢/條件導(dǎo)出功能，多條件篩選/導(dǎo)出數(shù)據(jù)新增看板等樣式，提升顯示效果使用步驟1、創(chuàng)建數(shù)據(jù)庫(kù)表2、新建快速表單3、快速表單詳細(xì)配置快速表單類型快速表單分為【普通表單】與【流程表單】?jī)深悾合嗤c(diǎn)：不同點(diǎn)：思路一致：都是基于表，通過(guò)配置生成表單表單配置一致：表單配置界面，可配控件相同頁(yè)面生成不同：【流程表單】沒(méi)有【啟用】功能；僅允許被【流程】使用，在【流程】【啟用】時(shí)生成form頁(yè)面【普通表單】有【啟用】功能，可以直接【啟用】生成list和form兩個(gè)頁(yè)面表單關(guān)聯(lián)不同：【流程表單】之間無(wú)法相互關(guān)聯(lián)?！玖鞒瘫韱巍靠梢躁P(guān)聯(lián)已經(jīng)啟用的【普通表單】【普通表單】無(wú)法關(guān)聯(lián)【流程表單】設(shè)置不同：【流程表單】?jī)H能設(shè)置表單相關(guān)功能【普通表單】除設(shè)置表單頁(yè)面外，還能配置列表頁(yè)面，以及數(shù)據(jù)權(quán)限等功能快速配置頁(yè)面配置12種控件配置關(guān)聯(lián)表單列表配置頁(yè)面參數(shù)213456詳細(xì)配置7表單管理PART03PROCESSFORM流程表單創(chuàng)建流程表單作：作用：創(chuàng)建表：導(dǎo)入數(shù)據(jù)到默認(rèn)數(shù)據(jù)庫(kù)創(chuàng)建流程表單作：作用：新建流程表單：在支撐的快速表單模塊，點(diǎn)擊新建創(chuàng)建一個(gè)流程表單在流程管理模塊，點(diǎn)擊新建創(chuàng)建一個(gè)流程表單創(chuàng)建流程表單作：作用：新建流程表單：設(shè)置字段的控件類型，將報(bào)警等級(jí)和維修結(jié)果設(shè)置為下拉單選框（橫向平鋪），相關(guān)配置如下：生成流程頁(yè)面作：作用：操作路徑：支撐→流程管理→流程頁(yè)面在流程管理頁(yè)面中，開啟右上角“流程頁(yè)面”回到界面，在頁(yè)面目錄下可以看到系統(tǒng)生成的【流程管理】的七個(gè)預(yù)置頁(yè)面流程設(shè)計(jì)作：作用：流程介紹：當(dāng)發(fā)起人（用戶）開始發(fā)起該流程后，有維修部管理員去進(jìn)行審核派單，審核完成后交由維修人員去處理，維修人員處理完成后，如果是普通告警，由管理員審核確認(rèn)即可，如果是嚴(yán)重告警，需要主管審核確認(rèn)，如果不合格，返回給維修人員維修，合格則流程結(jié)束。流程設(shè)計(jì)圖流程設(shè)計(jì)作：作用：節(jié)點(diǎn)操作按鈕操作新建流程表單：畫布功能：全局設(shè)置：事件監(jiān)聽(tīng)：全局表單：存在于流程每個(gè)任務(wù)節(jié)點(diǎn)的流程表單，節(jié)點(diǎn)可控制全局表單是否顯示節(jié)點(diǎn)表單：在任意流程的任務(wù)節(jié)點(diǎn)可增加任意流程表單，實(shí)現(xiàn)一條流程中多表單信息的流轉(zhuǎn)全局變量：作為貫穿流程過(guò)程的變量，可根據(jù)實(shí)例輸入內(nèi)容，作為流程走向的條件依據(jù)、服務(wù)或監(jiān)聽(tīng)API的傳值變量、或作為節(jié)點(diǎn)“指派用戶”等任意節(jié)點(diǎn)都可以配置【事件監(jiān)聽(tīng)】，用于自動(dòng)化執(zhí)行某個(gè)API服務(wù)可對(duì)節(jié)點(diǎn)的“開始”或“結(jié)束”進(jìn)行【事件監(jiān)聽(tīng)】設(shè)置監(jiān)聽(tīng)服務(wù)類型：可選擇DatabaseAPIS，WebServices，JavaServices，SystemServices，工作流接口流程節(jié)點(diǎn)作用：1、開始【開始】節(jié)點(diǎn)用作發(fā)起一個(gè)新的流程實(shí)例——初始化一個(gè)流程并觸發(fā)第一個(gè)任務(wù)執(zhí)行流程實(shí)例的創(chuàng)建成功即【開始】節(jié)點(diǎn)的結(jié)束3、用戶任務(wù)表示一個(gè)流程實(shí)例的結(jié)束或終止2、結(jié)束用來(lái)設(shè)置必須由登錄用戶完成操作的任務(wù)當(dāng)流程執(zhí)行到用戶任務(wù)，會(huì)創(chuàng)建一個(gè)新任務(wù)，并把這個(gè)新任務(wù)加入到被分配用戶或群組的任務(wù)列表中4、服務(wù)任務(wù)可自動(dòng)化執(zhí)行某個(gè)API服務(wù)的節(jié)點(diǎn)，無(wú)需用戶參與5、網(wǎng)關(guān)流程中的網(wǎng)關(guān)用于控制順序流的分支和匯合。網(wǎng)關(guān)有三種類型，分為：互斥網(wǎng)關(guān)，并行網(wǎng)關(guān)，相容網(wǎng)關(guān)6、連線是流程中兩個(gè)元素之間的連接器，表示流程的走向在連線上寫條件時(shí)，需配合網(wǎng)關(guān)一起使用，選擇給流