NewType產品新知與活動紀實

  FormStudio製作JS元件庫,以QRCode為範例說明

發表日期: 2019/09/09


  FlowMaster BPM 5.0強大開發工具之一FormStudio具備有強大便利的JS元件庫的功能,可大幅降低工程師開發時間,提升開發效率,以下我們就以在表單開發中製作QRcode為範本,並介紹JS元件庫的自我擴充機制與原理。


需求
1.想要解決程式碼撰寫的成本,假設:我今天要為每一張表單添加QR Code,但當我做完一張表單的QR Code功能後,我必須將這部分的程式碼複製到另外n張表單,然後在手動調整,這樣非常耗時耗力


2.我想將某個功能做成JS庫/JS元件(自訂),我要怎麼做呢?


實現
Q:想要解決程式碼撰寫的成本,假設:我今天要為每一張表單添加QR Code,但當我做完一張表單的QR Code功能後,我必須將這部分的程式碼複製到另外n張表單,然後在手動調整,這樣非常耗時耗力


A:我們可以將部屬QRCode的程式碼模組化,將共通的部分(版本、容錯能力、大小..等等)做成JS元件,這樣在開發不同的表單時,用拖曳的方式從共通模組拉取部屬即可,然後有需要在微調


Q:我想將某個功能做成JS庫/JS元件,我要怎麼做呢?


A:我們有提供教學手冊,依步驟指示部署到特定資料夾底下,便可直接使用


返回新人類資訊第168期電子報

推薦熱門內容:


訂閱我們的電子報

一手得到我們最新的消息與資訊

訂閱服務確認

已發送 Email 驗證信給你,請點擊信件連結以完成訂閱程序

訂閱失敗

暫時無法接受訂閱,請稍候重新嘗試