如何設計請假表單

　　此篇將介紹如何從無到有設計一張請假的表單，除了基本的欄位及畫面的設定之外，還包含利用欄位功能快速設定欄位的初始值。如：自動編號、自動帶入今天日期，以及計算請假天數等效果。。

　　新增一輸入頁面，名稱為【請假表單】，三種資料類型請選擇【資料精靈】，由系統自動抓取Table及關聯欄位，以便快速建立資料規格，如圖1所示。

圖1. 新增頁面及選擇資料類型（可點擊圖片放大）

　　挑選資料來源【資料庫】，選擇資料表，預設全選所有欄位，點選確定。
註：參考設定資料庫連線字串connection String

圖2. 選擇資料來源及設定關聯（可點擊圖片放大）

　　設定完資料及Table後，會彈出切換挑選版型畫面，工具分三種類型1. 版面精靈 2. PC版面 3. 行動裝置版面 可依據使用者當下製作之頁面決定使用哪一種。
此範例將以選擇【版面精靈】內的【流程輸入表單】進行快速排版，如圖所示。

關閉Layout精靈，點選左方資料規格，針對所需調整的欄位進行設置，如圖3~圖4

1. 針對指定欄位設定預設初始值:請假單號、請假人、打單日、假別、起始時間、結止時間
(1)針對請假單號欄位，設定【自動編號-表單(yyMMdd####)-後編】(後編代表不跳號)。

圖9. 欄位條件新增（可點擊圖片放大）

(2)針對請假人欄位，設定【自動帶入使用者登入帳號】
(3)針對打單人欄位，設定【自動帶入使用者登入帳號】(key單使用者)
(4)針對打單日欄位，設定【今天】(自動帶入目前系統日期時間)

圖10. 欄位條件新增（可點擊圖片放大）

(5)針對起始時間欄位，設定【固定當天早上9:00】(自動帶入目前系統日期上午9:00)
針對結止時間欄位，設定【固定當天早上18:00】(自動帶入目前系統日期下午18:00)

圖11. 欄位條件新增（可點擊圖片放大）

(6)針對請假天數欄位，設定【起始時間欄位-結止時間欄位得到請假天數】
搭配使用script中的DateDiff()函式，進行2個日期的相減取得間隔天數
註：一、給值時機=系統在指定狀態下帶入初值或重新運算的值，一般常用為欄位修改時。
二、依據欄位=觸發的時機，一般常用為選擇 使用者會修改的欄位。

圖12. 欄位條件新增（可點擊圖片放大）

　　透過以上的簡易操作不僅好上手也能更快速的開發所需頁面，包含整體的排版、欄位細項的調整都讓使用者有更好的使用體驗