Emaker Express Quick Start 以下是這份文件所要完成的任務 : 透過下列三個範例, 讓您了解如何以 Emaker express 設計表單 1 單一 Table 的處理 2 單一 Grid 的處理 3 Master-detail 的處理 本範例使用 MS-SQL Server, 只使用兩個 Table : Supplier Products,DB Schema 如下 Supplier ( 供應商 ) Primary key : SupplierID 欄位名稱 資料型態 欄位說明 SupplierID int (10) 供應商編號 CompanyName nvarchar(40) 公司名稱 ContactName nvarchar(30) 聯絡人 ContactTitle nvarchar(30) 職稱 Email nvarchar(60) 電子郵件 Address nvarchar(60) 地址 City nvarchar(15) 城市 Region nvarchar(15) 區域 PostalCode nvarchar(10) 郵遞區號 Country nvarchar(15) 國家 Phone nvarchar(24) 電話 Fax nvarchar(24) 傳真 HomePage nvarchar(255) 網站 Products ( 產品 ) Primary Key: ProductID 欄位名稱 資料型態 欄位說明 ProductID int (4) 產品編號 ProductName nvarchar(40) 產品名稱 SupplierID int(4) 供應商編號 CategoryID int(4) 分類編號 QuantityPerUnit nvarchar(20) 每單位數量 UnitPrice numeric(9) 單價 UnitsInStock int(4) 庫存 UnitsOnOrder int(4) 在途量 RecorderLevel Int(4) 安全庫存量 Discontinued numeric(5) 折扣
進入開發環境 安裝完 Emaker Express 後, 請在 Client 端安裝 JRE, 如果的 Server 與開發環境在同一台, 就不需要再裝 JRE, 完成後請使用 IE 連到您的 Emaker Express Server, 會出現預設的網頁, 如圖一, ( 圖一 ) 請點選使用 Emaker Express 的圖示會出現 Emaker Express 程式下載畫面如圖二 ( 圖二 )
下載完後, 會出現安全性警告畫面, 要求使用者認證, 以允許 Emaker Express 可 以存取您 Client 端的系統資源如檔案 印表機等等, 請按啟動, 即會出現登入 Emaker Express 的視窗, 如圖四, 請輸入預設帳號 admin, 密碼 admin 即可進入系統 ( 圖五 ) ( 圖三 ) * 帳號 :admin 密碼 :admin ( 圖四 ) ( 圖五 ) 當你等入系統後, 這就是 Emaker Express 的 Runtime 畫面, 也就是您以後發展的
系統的使用者畫面, 要進入設計模式, 請選擇選單上的系統, 會出現進入設計模式選 項, 如圖六 ( 圖六 ) 選擇設計模式, 即可進入 Emaker Express 系統開發環境 ( 圖七 ) ( 圖七 ) 到這邊, 我們已經知道如何進入 Emaker Express 系統, 並進入 Emaker Express 開 發環境, 接下來, 我們就進入主題, 如何以 Emaker Express 快速開發系統
第一章 單一資料庫 Table 處理 Emaker Express 主要用在開發商業系統, 也就是對資料庫資料的處理, 所以在開始 開發系統之前, 我們需要先建立資料庫連結, 連接到我們要處理的資料庫 Step1 請點選設計模式的 會出現資了庫環境設定的視窗, 如圖一 ( 圖一 ) Step2 新增資料庫連結: 1 在資料庫環境設定畫面新增一個資料庫連結( 圖一下方方框 ) 2 數入資料庫連結資參數: 連結名稱 : 可自行命名, 在這個範例程式中, 命名為 Demo 系統 資料庫種 : 類請選 mssql 位址 : 請輸入您 MSSQL Server 的 IP 位址, 範例中為 10.1.2.246 帳號 : 請輸入登入 SQL Server 的帳號, 這邊是用 sa 密碼 : 登入者的密碼, 此範例的 sa 沒有設定密碼, 所以密碼欄位為空白 預設資料庫 : 設定本連接與處理的資料庫, 本範例使用 Northwind 資料庫 記得個欄位的資料輸入完後要按 Enter Step3 表單設計 : 請選擇我們剛剛設定完成的資料庫連結, 然後按測試資料庫連接的按鍵 ( 圖一, 右 下的紅框 ), 如果設定正確, 就會出現連接資料庫成功的訊息, 如圖二
( 圖二 ) 連接上資料庫後, 接下來, 我們要開發第一支程式, 供應商基本資料維護 1 請按畫面上的表單設計按鈕就會進入表單 Form 的設計畫面 如圖三 ( 圖三 ) 2 然後請點選左邊的 Form, 按滑鼠右鍵, 點選新增表單 ( 圖三左邊紅框 ), 就會在功能 表下方新增一張表單 Function1, 請將 Function1 改為供應商基本資料維護, 如圖四
( 圖四 ) 3 改完表單名稱後, 請切換到資料庫關聯 ( 如圖四 ), 然後選擇這張表單要處理的資料庫連結 4 接下來, 選擇要處理的 Table, 請按一下 選擇資料表 的按鍵 ( 如圖四 ), 就會出現一個視窗, 讓你選擇要處理的 Table 如圖五, 請選擇 Suppliers 這個 Table, 選好後按確定, 就會將你所選的 Table Schema 帶到 Emaker Express 中
5 接下來請切換到表單設計的頁簽, 然後按畫面上欄位的按鍵, 會出現讓你選擇將哪些欄位放到表單中, 這個範例中, 我們所有欄位都需要用到, 所以請全選, 如圖六, 按下 OK 後, 會將所有欄位排列在表單上, 因為我們需要所有欄位, 所以, 也可以按自動排列, 系統就會自動將欄位整齊的排列在表單上, 如圖七 ( 圖六 ) ( 圖七 )
Step4 權限設定: 權限設定讓您設定每個使用者所能用的功能清單 1 按權限管理按鍵, 會出現權限管理的視窗, 請先選擇使用者, 並勾選這個使用者所能使用的功能 2 在這個範例中, 請選擇 admin, 並勾選供應商資料維護, 勾選完成後, 請按存檔, 並關掉權限設定視窗 ( 圖 10) Step5 執行: 1 請存檔, 然後離開設計模式, 再到 Emaker Express 執行的視窗, 就會看到 多了一個功能清單 供應商基本資料維護, 2 請選 供應商基本資料維護 就可以執行我們剛剛設計的表單了( 圖 11), 打完資 料, 再按新增, 資料就會寫入資料庫, 您就可以對資料最新增 修改 刪除 的動作, 也可以列印 ( 圖 12)
( 圖 11) ( 圖 12) Step6 畫面處理: 經過上面六個步驟, 基本上您已經完成一支程式, 不過畫面上的欄位標題是你資料庫表格的欄位名稱, 我們要將這些標題都改為中文 1 請再進入設計模式, 切換到表單設計畫面 2 選擇一個欄位, 您會看到右邊的屬性表中, 有一個 標題 的屬性, 這就是欄位在畫面上所顯示的文字, 請將每個欄位的標題, 改為正確的敘述, 或者你也可以 Double Click 欄位的標題部位, 可以直接修改標題
3 如果你要調整當你按 Tab 或 Enter 後, 欄位的順序, 在屬性表的物件有另一各 Leval 的頁籤, 您可以透個 Level 控制項控制 Step7 查詢條件設定 列表控制等等的處理: 經過上面六個步驟, 基本上您已經完成一支程式, 不過你會發現預設只有 Primary key 當作查詢條件, 如果我們需要更多欄位當查詢條件該如何做呢? 1 進入設計模式, 切換到功能設計畫面, 選擇供應商基本資料處理這個功能 2 在畫面上有一個微調控制的 CheckBox, 請將此 CheckBox 勾起來, 您會看到畫面上每個欄位右邊都會出現四個 CheckBox, 分別是 隱藏 查詢 列表 查詢, 這是個 CheckBox 可以讓您控制那些欄位要當作查詢條件, 那些欄位再差詢出資料時不能編輯, 那些欄位在執行時要隱藏, 哪些欄位要放在明細列表中
查詢 : 供應商編號 公司名稱 聯絡人 地址 列表 : 供應商編號 公司名稱 聯絡人 城市 電話 傳真 禁改 : 供應商編號 3 按功能設計畫面上的列表設定, 會出現列表設定的視窗, 請將 Title 改為 供應商資料列表, 並以滑鼠拖拉的方式調整欄位的順序與長度, 完成後按 Colse 關閉列表設定視窗
接下來, 要設定可查詢欄位的細部設定, 例如公司名稱用 like 的方式查詢等等 請按功能設計畫面上的進階設定按鈕, 會出現進階設定的視窗, 請 double click 查詢條件設定的數值欄, 會出現查詢條件設定視窗, 請將公司名稱與地址得查詢條件選為 like, 選好後, 關閉查詢條件設定視窗, 再關閉進階設定視窗, 然後將專案存檔後, 離開設計模式 在執行畫面按查詢按鈕, 您會看到, 剛剛設定當作查詢條件的欄位都會出現在查詢的對話框中, 查詢後, 按畫面右上角的詳細列表的按鈕, 就會出現剛剛我們所勾選的列表欄位的明細, 當你點選到某筆列表資料時, 主畫面上的資料就會跳到您所選的那筆資料
經過上面八大步驟, 不用寫一行程式, 一支 供應商基本資料維護 的程式就完成 了
第二章單一表格 (Table/Grid) 物件處理單一資料表 完成第一章的範例後, 我想您一定對如何使用 Emaker Express 開發系統有一點了解, 接下來我們要進行的是第二個範例 如何使用表格物件處理單一資料表的應用 以下是執行的結果 ( 圖一 ) Step1: 表單設計 請進入設計模式, 切換到表單設計畫面, 新增一個 Function, 並更名為 客戶基本資 料維護 -- 表格 ( 圖二 ) ( 圖二 )
Step2: 放置表格物件 1 直接點表格物件, 會跳出對話框要您輸入表格名稱, 請不用輸入資料, 直接按確定 2 或者直接拉一個表格物件放到 From 中, 直接點表格物件, 然後拉到 From 上 這樣, 畫面上就會出現一個空白的方框, 請將方框調整至適當大小 ( 圖三 ) ( 圖四 )
Step3: 選擇要處理的資料庫 Table 1 請選擇 Form 上的表格物件, 在表格物件的屬性表中, 有一個資料庫的屬性, double click 後會出現下拉式選單, 會帶出所有我們所建立的資料庫聯結, 請選您剛剛所建立的 Demo 系統 ( 圖五 ) 2 接下來請 double click 表格的資料名稱的屬性, 會出現下拉式選單, 會帶出所有的 Table 名稱, 請選擇 Customers ( 圖六 )
3 Double click 表格的欄位設定屬性, 會將所有表格的欄位帶出, 並出現在如下圖的欄位設定視窗中, 所帶出的欄位, 如果是 Primary key 或 Uinque Key, 系統也會自動辨識出來, 並在 Unique 哪個欄位打勾 如果您在 DB 設計時沒有設定 Primary key, 那請您自己要勾選這個表格的 Unique Key 欄位, 以這個例子來說, 是 CustomerID 在這個視窗中, 您可以再設定每個欄位的屬性, 不過這邊我們不做任何其他設定 勾選完 unique key 後, 請再將欄位名稱改為中文, 然後直接按確定關閉欄位設定視窗 ( 圖七 ) 4 在表格的屬性中有一個 Update 方式, 請選為 Type2 Step4: 功能設計 1 保留查詢 修改 印表 匯出, 新增, 刪除不要勾選, 然後再勾選微調控制, 這樣 畫面的表格物件右邊會出現兩個 CheckBox, 請勾選查詢 ( 圖八 )
4 當你勾選查詢後, 會出現設定查詢條件的視窗 請勾選您要當作查詢條件的欄位, 並選擇每個欄位的運算條件 在這個例子中, 請勾選客戶編號 公司名稱 聯絡人 地址 城市 國家 電話為查詢條件, 並將公司名稱 聯絡人 城市的運算條件設為 like 設定完後, 請關掉查詢條件設定 ( 圖九 ) 5 如果你覺得執行時的 修改 按鍵你覺得應該要改成 存檔 比較好, 或者你希望一進入這張表單, 就會預設將所有資料查出, 哪應該如何設定呢? 請按, 會出現如下圖的進階設定視窗, 裡面有一個 修改按鈕標題, 請將 [default] 改為 存檔, 這樣子執行時的 修改 按鍵就會變成 存檔 另外請將 載入後直接進入查詢模式 的屬性改為 Yes, 這樣子, 當使用者進入這張表單, 就會將所有資料先查出, 而不用使用者再按 查詢 按鈕
( 圖十 ) Step5 : 權限設定 按權限管理按鍵, 會出現權限管理的視窗, 請再選擇使用者, 並勾選這個使用者所能使用的功能在這個範例中, 請選擇 admin, 並勾選 供應商資料維護 - 單一表格, 勾選完成後, 請按存檔, 並關掉權限設定視窗 ( 圖十一 )
Step6 請存檔, 然後離開設計模式, 再到 Emaker Express 執行的視窗, 就 會看到多了一個功能清單 基本資料維護, 請選 基本資料維護 再選 供應商資 料維護 - 單一表格 就可以執行我們剛剛設計的表單了 請按查詢, 查出資料後, 您就可以對表格的資料做新增, 修改, 刪除的動作, 不過因為 Emaker Express 是一個三層式的架構, 所以當你對表格的資料作新增, 插入, 修改, 刪除等動作, 並不會真正異動到資料庫, 必須按了存檔的按鍵後, 所異動的資料才會全部寫會資料庫 以上就是我們完成的第二個範例, 在處理過以上兩個練習後, 接下來我們要練習 Master-Detail 形式的應用
第三章 Master-Detail 處理 經過上面兩個範例的練習, 您對於如何設計一張表單, 及使用表格物件已經有一點基本的了解, 接下來我們要處理的是, 一般商業應用上最常見到的 Master-Detail 形式表單的處理, 下圖是這個 Sample 執行的結果 ( 圖一 ) Step 1: 請依第一個範例的步驟, 以 Supplier Table 設計好 Master 部分 Step 2: 請依範例二的步驟, 在畫面上放一個表格物件, 並設定好表格使用的 Table 為 Products ( 圖二 )
Step 3: 設定關聯 : 接下來, 我們要設定的是 Master 和 Detail 的關聯, 一樣是在表格的欄位設定屬性 在這個範例中, 供應商與產品 Table 的對應欄位為 SupplierID, 請在欄位設定的視窗中, 請選擇 SupplierID 欄位的對應欄位屬性,Double Click 會出現下拉式選單, 這個下拉選單會將 Master 的欄位都帶進來, 請選擇 SupplierID, 這樣關聯就設定完成了, 另外因為 SupplierID 為對應欄位, 所以請將 SupplierID 欄位的 顯示 不要勾選, 這樣在新增資料時才會自動將 Master 的 Key 值帶入 Detail 中 ( 圖四 ) Step 4: 設定表格物件單行雙行的顏色 : 設定完後, 關掉表格欄位設定視窗, 然後回到表 單設定畫面, 選表格物件, 在表格物件的屬性中, 有 單數行顏色, 雙數行顏 色 兩個屬性, 雙擊滑鼠左鍵會出現調色盤讓你選擇顏色, 請選您要的顏色 ( 圖五 )
Step 5: 功能設計 : 經過上面四個步驟,Form 的設計就算完成了, 接下來我們要進行功 能設計 1 進入表單設計, 進行微調控制, 勾選可以查詢的條件, 列表, 禁改的欄位在這個例子中, 請依下面敘述設定 : 查詢 : 供應商編號 公司名稱 聯絡人列表 : 供應商編號 公司名稱 聯絡人 電話 傳真禁改 : 供應商編號 2 勾選完後, 到進 階設定 的 查詢條件設定 設定公司名稱的查詢方式為 like
Step7: 權限設定 : 接下來就是最後一個步驟, 進入帳號權限控制中心, 依前兩個範例設 定權限, 設定完成後請存檔, 並關掉權限設定視窗 Step8: 請存檔, 然後離開設計模式, 再到 Emaker Express 執行的視窗, 就會 看到多了一個功能清單 基本資料維護, 請選 基本資料維護 再選 供應商 _ 產 品 就可以執行我們剛剛設計的表單了 經過上面三個範例, 您大概能了解 Emaker express 再表單設計方面的一些概念, 至於 其他更詳細的物件用法, 請參考使用手冊