微程式用戶手冊
主頁
主頁
  • 新增您的第一個應用

新增您的第一個應用

我們用一個簡單的場景案例來給大家講解下如何快速搭建一個應用。

場景說明

例如:某家企業員工申請出差,填寫出差事由、行程等訊息,送出給自己的主管和經理審批。整個的業務流轉如下圖:

1664772279159-de941713-862d-463b-b1d3-72604e5d1890.png

設定步驟

第一步:新增應用

微程式的應用爲流程、表單、列表的整合構建而成。

路徑:【微程式後臺】→【應用管理】→點擊新增應用,命名爲“出差應用”

1720424283132-03d93c5f-d923-4950-bad5-6928fa6fdb1a.png

第二步:新增業務模型

應用建立成功點擊新增模型,建立業務模型輸入編碼和名稱,點擊保存。

1664769662423-937711cc-51ea-4a46-844b-afbec33d0513.png

1720424328100-cdce75a0-3916-44fc-9a64-b617afb9cdb0.png

系統將自動打開表單設計頁面

1720424355472-8043acd9-5078-4bf2-8072-0285d7cff48b.png

第三步:新增表單

微程式系統中的表單主要用於資料的收集,同時也爲審批流程提供單據基礎。

路徑:【出差申請流程】➜ 【表單設計】➜ 拖動左側控制項到中間表單設計區域可設計表單。選中控制項,右側顯示控制項屬性,可修改名稱,設定相關屬性。想要完成我們完整的出差申請場景,表單設計所需的控制項如下:

“建立人”、“建立時間”、“單據號”對應的控制項:系統欄位,不可修改

“主題”對應的控制項:單行文本

“出差事由”對應的控制項:多行文字

“隨同人員”對應的控制項:選人控制項

“行程”對應的控制項:子表

“開始日期”和“結束日期”對應的控制項:日期控制項

“出發地”和“目的地”對應的控制項:地址控制項

“交通工具”對應的控制項:下拉框。選項中設定:高鐵;飛機;火車;大巴;輪船;出租;其他

點擊發布,出差表單設計完成。表單中產生的資料項將顯示在資料模型中。1720424608505-7ace26a8-42c6-4c59-80de-93fc5d9c3bce.png

第四步:新增流程

微程式的流程引擎提供業務審批、工作協同,支持子流程。

路徑:【出差申請流程】➜ 【流程設計】

1720424682445-879fcc05-fb3d-4f41-966d-3c103ae24de9.png

拖動左側節點,到中間流程設計區域可設計流程

1720424727928-45cb94aa-e105-4d67-8b47-eb0508f2274d.png

點擊“填寫申請單”活動節點,節點的任務表單自動關聯“出差申請”;

點擊“主管審批”活動節點,節點的任務表單自動關聯“出差申請”,參與者設定爲發起人的經理;

點擊“經理審批”活動節點,節點的任務表單自動關聯“出差申請”,參與者設定爲發起人部門的總經理;

1720424785511-2d90d24c-7380-433f-9f49-fe4d2e2faafd.png1720424840011-e267d301-3206-42ef-ba04-642ed5009ac4.png

設定“填寫申請單”節點的資料和操作權限;

1720424869540-20f5b3d1-fc25-4863-82c8-c2b5a2452326.png

設定“主管審批”節點及“經理審批”節點的資料和操作權限;

1720424916975-28b26760-9336-43fd-8dec-e9ebf1125988.png

點擊發布流程。

運行效果

應用中新增資料

第一種:點擊直接跳轉前臺菜單下

1720424951772-b43d196f-6dfb-41b8-aa46-588c36df30a1.png

1714927447276-f634d05f-390a-46b0-9438-a92b666fba14.png

第二種:

進入前臺,在應用列表中,選擇出差應用

1714927501812-36e823b6-9893-4315-89c0-66453fead621.png

1714927521816-f8b55918-f605-41ee-9193-f970ce09d297.png

1714927447276-f634d05f-390a-46b0-9438-a92b666fba14.png

流程中心發起流程


前臺發起流程中,可以看到出差申請流程

1714927706244-2978bc64-26b7-4988-877a-3f610a8124a0.png

1714927690461-1e3188d2-0b5f-4b74-b2fd-d6b545f7d98d.png

更新: 2024-07-11 10:39:04
原文: https://www.yuque.com/skwme4/hyk0u0/rti333