低程式碼表單設計 / Low Code Form Design

低程式碼表單不只是建立資料輸入欄位,更可以直接結合企業資料模型, 將使用者填寫的內容轉成可管理、可查詢、可簽核及可整合的應用資料。

透過 Liferay Objects、Form Container 與 Form Fragments, 可在內容頁面中快速建立資料新增與編輯介面,並搭配驗證、權限、工作流程、 自動化動作與 API,延伸成申請、登錄、填報、維護等各類企業應用。

Liferay Objects Form Container Form Fragments Multistep Form Workflow
從資料模型到企業表單

新一代表單以 Object 作為資料核心,再透過 Form Container 與 Form Fragments 建立操作介面,表單送出後即可成為後續企業流程與應用的一部分。

Object

定義資料欄位、關聯、驗證與企業資料模型。

Form Container

將表單介面直接對應至已發布的 Object。

Form Fragments

自由安排欄位、內容與版面呈現方式。

Object Entry

送出後成為可管理與持續使用的企業資料。

01

視覺化建立資料表單

在 Content Page 或 Page Template 加入 Form Container, 選擇要使用的 Object,即可依資料欄位產生表單介面, 再依實際需求重新排列、增加或移除欄位。

拖拉式頁面設計

直接在頁面編輯器中配置表單,不必另外開發獨立的輸入畫面。

直接對應 Object

表單欄位與資料模型連結,降低前端畫面與後端資料結構重複開發。

彈性安排版面

可搭配 Grid、Container、文字、圖片與其他 Fragment, 組合符合企業需求的表單畫面。

整合網站與 Portal 頁面

表單直接成為網站或入口頁面的一部分,不需跳轉到另一套表單系統。

02

表單欄位與介面元件

依 Object 欄位型態建立對應的表單元件,並可自行調整顯示方式、 說明文字、排列位置及版面結構;特殊需求亦可開發自訂 Form Fragment。

常見表單資料類型
文字 多行文字 Picklist 日期 日期時間 數值 布林值 附件 關聯資料
03

多步驟表單與大型申請流程

對於欄位較多的申請或登錄作業,可將資料拆分成不同步驟, 讓使用者依序完成填寫,避免所有欄位一次出現在同一畫面。

Stepper 步驟導引

以清楚的步驟狀態引導使用者完成較複雜的資料輸入。

依資料類型分段

可將基本資料、申請內容、附件與確認資訊分成不同階段。

1 基本資料
2 申請內容
3 附件資料
4 確認送出
04

資料驗證與商業規則

從資料模型層控制欄位規則與資料正確性, 讓表單不只是收集資料,也能落實企業系統需要的資料品質與商業邏輯。

必填欄位

依資料需求設定必要欄位,避免重要資料遺漏。

資料驗證

可在 Object 層設定驗證條件,避免不符合規則的資料寫入系統。

企業商業邏輯

可依實際應用搭配 Object、Action 或客製程式處理進階判斷。

一致的資料模型

不同頁面與應用可共同使用同一套 Object 定義,降低資料結構不一致問題。

05

從填表延伸到工作流程與自動化

表單送出只是企業作業的開始。資料建立後,可再依需求搭配權限、 Workflow、Object Actions 與客製邏輯,形成完整的企業作業流程。

角色與權限

依 Portal 使用者、角色與權限控制誰可以新增、查看或維護資料。

Workflow 簽核

依實際應用將資料送入審核、確認或其他企業流程。

Object Actions

可依資料新增、修改等事件啟動後續系統處理。

通知與後續作業

可搭配流程或客製服務進行通知、資料交換及後續作業。

06

表單結果不只是統計,而是企業應用資料

表單資料寫入 Object 後,可以持續被企業系統使用, 建立資料清單、明細頁、查詢介面、維護畫面與其他 Portal 應用。

Collection 資料列表

將 Object Entries 組成清單,呈現在入口網站或應用頁面。

Display Page

為單筆資料建立完整的詳細內容呈現頁面。

資料新增與編輯

可依企業情境建立不同用途的新增、修改與資料維護介面。

查詢與資訊呈現

將已建立的資料進一步用於查詢、展示及企業資訊服務。

07

與企業系統及 API 整合

低程式碼表單可作為企業系統的前端資料入口, 再透過 API 或客製整合服務與既有資訊系統交換資料, 不必讓每一個資料輸入需求都重新開發完整系統。

REST API

讓 Object 資料可與其他應用、服務或企業系統進行交換。

企業系統整合

可依需求串接 ERP、HR、CRM、BPM、DMS 或其他既有資訊系統。

Portal 帳號與 SSO

可結合企業入口既有帳號、角色與單一登入環境進行應用建置。

保留客製擴充能力

標準功能不足時,仍可加入 Java、REST 或前端程式完成特殊需求。

08

既有 Forms 與新一代表單架構

Liferay 原有 Forms 仍可用於既有表單與相關應用, 但對於新的低程式碼企業系統,建議優先評估 Objects、 Form Container 與 Form Fragments 的架構。

既有表單可以持續維護,新應用則採用新的資料模型架構

對於目前已使用 Liferay Forms 建置的問卷、登錄或資料收集功能, 可依原有環境持續維護;若要建立新的企業應用, 則可將 Object 作為核心資料模型,讓表單、資料、權限、 流程與後續頁面呈現整合在同一套低程式碼架構中。

適合建置的企業表單應用

從單純資料登錄,到需要權限、流程與系統整合的企業應用, 都可以低程式碼方式逐步建置。

費用與請款申請 申請資料、金額、附件與後續審核。
設備與資產申請 建立借用、申請、異動與歸還資料。
人員資料填報 建立員工、外部人員或專案資料填報。
活動與教育訓練報名 報名資料、資格資訊與參與名單管理。
客服與服務申請 建立問題、需求與服務案件資料。
內部行政申請 將日常紙本或 Email 作業轉成線上流程。

從表單設計,延伸成完整的低程式碼企業應用

表單不再只是一次性的資料填寫工具。 結合 Objects、Form Fragments、Workflow 與 API, 可以從資料模型開始,逐步完成操作介面、流程、自動化與系統整合。

Object 資料模型 Form 表單介面 Workflow 流程 企業應用