跳轉到

開發地圖

歡迎來到 UOF X 外掛模組開發!本頁面將引導您逐步完成外掛開發。

第三方元件選用

Web 平台開發使用 PrimgNG 元件 PrimeNG

APP 平台開發使用 Ionic 元件 Ionic

Import 注意事項

請確認有依照開發平台匯入正確的套件,避免發生相依性錯誤或樣式跑版的問題。

環境準備:確認開發環境正常運作

在開始開發外掛內容之前,先透過範例程式確認整個開發環境可以正常運作。

  1. 範例程式下載
  2. 使用 Visual Studio 啟動
  3. 設定 Nginx 開發伺服器
  4. 在 Plugin 管理新增外掛模組設定檔

環境建構完成指標

確認環境正常運作後,您應該能夠:

  • 在表單設計左側看到範例外掛欄位
  • 成功拖拉範例欄位到表單中
  • 在表單預覽時看到外掛欄位正常顯示

環境確認無誤後,就可以開始開發自己的外掛內容!

開始你的第一個開發項目

共用元件

元件類型 功能說明
按鈕 統一按鈕樣式與互動
日期 日期選擇器元件
選人 組織人員選擇器
上傳檔案 檔案管理功能
錯誤訊息 錯誤提示顯示
開窗 彈出視窗對話框
驗證工具 表單欄位驗證
CSS Class 預定義樣式類別
元件類型 功能說明
錯誤訊息 錯誤提示顯示
選人 組織人員選擇器
日期 日期選擇器
上傳檔案 2025R4 coming soon...

範例專案裡已經有預設安裝

此套件為開發外掛模組的必要安裝項目,包含所有核心功能和工具。

前往查看使用說明