eMaker Quick Start Manual.doc

Size: px

Start display at page:

Download "eMaker Quick Start Manual.doc"

枯昆纪
4 years ago
Views:

1 P1 以下是這份文件所要完成的任務 : 透過下列三個範例, 讓您了解如何以 Emaker 設計表單 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) Address 地址 nvarchar(60) City 城市 nvarchar(15) Region 區域 nvarchar(15) PostalCode 郵遞區號 nvarchar(10) Country 國家 nvarchar(15) Phone 電話 nvarchar(24) Fax 傳真 nvarchar(24) HomePage 網站 nvarchar(255)

P2 Products ( 產品 ) Primary Key: ProductID 欄位名稱欄位說明資料型態 ProductID 產品編號 int (4) ProductName 產品名稱 nvarchar(40) SupplierID 供應商編號 int(4) CategoryID 分類編號 int(4) Quantity PerUnit 單位數量 nvarchar(20) UnitPrice

2 P2 Products ( 產品 ) Primary Key: ProductID 欄位名稱欄位說明資料型態 ProductID 產品編號 int (4) ProductName 產品名稱 nvarchar(40) SupplierID 供應商編號 int(4) CategoryID 分類編號 int(4) Quantity PerUnit 單位數量 nvarchar(20) UnitPrice 單價 numeric(9) UnitsInStock 庫存 int(4) UnitsOnOrder 在途量 int(4) RecorderLevel 安全庫存量 Int(4) Discontinued 折扣 numeric(5) 進入開發環境步驟 1 將 Emaker Server 啟動 4 方式一 : 點選開始程式集 Emaker emaker server 來啟動 4 方式二 : 開啟檔案總管, 執行 c:\emaker\ 目錄下的 Emaker Server.exe 來啟動

3 P3 步驟 2 開啟瀏覽器連至 SERVER( 本機可輸入或直接點選開始程式集 Emaker StrarPage 來啟動首頁, 進入後, 按使用 EMaker 步驟 3 按使用 Emaker 會出現程式下載畫面

4 P4 步驟 4 系統要求輸入帳號 / 密碼, 預設皆為小寫 admin 步驟 5 等入系統後, 這就是 Emaker 的 Runtime 畫面, 也就是您以後發展的系統的使用者畫面, 請點選系統設計模式, 進入系統設計模式步驟 6 系統設計模式畫面, 我們已經知道如何進入 Emaker 系統, 並進入 Emaker 開發環境, 接下來, 我們就進入主題, 如何以 Emaker 快速開發系統

P5 第一章單一資料庫 Table 處理 Emaker 主要用在開發商業系統, 也就是對資料庫資料的處理, 所以在開始開發系統之前, 我們需要先建立資料庫連結, 連接到我們要處理的資料庫步驟 1 請點選設計模式的會出現資了庫環境設定的視窗步驟 2 新增資料庫連結: 1 在資料庫環境設定畫面新增一個資料庫連結 2 輸入資料庫連結資料參數: 連結名稱 : 可自行命名, 在這個範例程式中,

5 P5 第一章單一資料庫 Table 處理 Emaker 主要用在開發商業系統, 也就是對資料庫資料的處理, 所以在開始開發系統之前, 我們需要先建立資料庫連結, 連接到我們要處理的資料庫步驟 1 請點選設計模式的會出現資了庫環境設定的視窗步驟 2 新增資料庫連結: 1 在資料庫環境設定畫面新增一個資料庫連結 2 輸入資料庫連結資料參數: 連結名稱 : 可自行命名, 在這個範例程式中, 命名為 name1 資料庫種類 : 請選 mssql 位址 : 請輸入您 MSSQL Server 的 IP 位址, 範例中為帳號 : 請輸入登入 SQL Server 的帳號, 這邊是用 sa 密碼 : 登入者的密碼, 範例的 sa 沒有設定密碼, 所以密碼欄位為空白預設資料庫 : 設定欲處理的資料庫, 本範例使用 Northwind 資料庫 i 記得個欄位的資料輸入完後要按 Enter 作確認

6 P6 步驟 3 測試資料庫連接 : 請選擇我們剛剛設定完成的資料庫連結, 然後按測試資料庫連接的按鍵如果設定正確, 就會出現連接資料庫成功的訊息步驟 4 表單設計: 連接上資料庫後, 接下來, 我們要開發第一支程式, 供應商, 請按畫面上的表單設計按鈕, 進入表單設計畫面 4-1 點選左邊的 Form, 按滑鼠右鍵, 點選新增表單, 就會在 Form 下方新增一張表單 Form1, 請將 Form1 改為供應商

7 P7 4-2 請切換到資料庫關聯頁面, 然後選擇這張表單要處理的資料庫連結名稱

8 P8 4-3 接下來, 選擇要處理的 Table, 按選擇資料表的按鍵, 就會出現一個視窗, 讓你選擇要處理的 Table, 請選擇 Suppliers 這個 Table, 選好後按確定, 就會將你所選的 Table Schema 帶到 Emaker 中 4-4 接下來請切換到表單設計的頁面, 然後按畫面上欄位的按鍵, 會出現讓你選擇將哪些欄位放到表單中, 這個範例中, 我們所有欄位都需要用到, 所以請全選按下 OK 後, 會將所有欄位排列在表單上, 因為我們需要所有欄位, 所以, 也可以按自動排列的按鍵, 系統就會自動將所有欄位排列在表單上

9 P9 按欄位鈕後, 自行挑選所要欄位按自動排列鈕後, 版面自動排列出所有欄位資料

10 P10 步驟 5 功能設計: 請按畫面上的功能設計按鈕, 進入功能設計畫面 5-1 點選左邊的功能表, 按滑鼠右鍵, 點選新增功能, 就會在功能表下方新增一張表單 Function1, 請將 Function1 改為供應商 5-2 按選擇表單的按鍵, 就會出現一個視窗, 讓你選擇相對應的表單, 請選擇供應商, 選好後按確定

11 P11 步驟 6 權限設定: 權限設定讓您設定每個使用者所能用的功能清單 6-1 請按畫面上的權限管理按鈕, 會出現權限管理的視窗, 請先選擇使用者, 並勾選這個使用者所能使用的功能 6-2 在這個範例中, 請選擇 admin, 並勾選供應商基本資料維護, 勾選完成後, 請按存檔, 並關掉權限設定視窗

12 P12 步驟 7 執行: 7-1 請存檔, 然後離開設計模式, 就會進到 Emaker 執行的視窗, 就會看到多了一個功能清單供應商 7-2 請選供應商就可以執行我們剛剛設計的表單了, 打完資料, 再按新增鈕, 資料就會寫入資料庫, 您就可以對資料最新增修改刪除的動作, 也可以列印

請將每個欄位的標題, 改為正確的敘述, 或者你也可以 Double Click 欄位的標題部位, 可以直接修改標題 8-3 如果你要調整當你按 Tab 或

13 P13 步驟 8 畫面處理: 作到這裡, 基本上您已經完成一支程式, 不過畫面上的欄位標題是你資料庫表格的欄位名稱, 我們要將這些標題都改為中文 8-1 請再進入設計模式, 切換到表單設計畫面 8-2 選擇一個欄位, 您會看到右邊的屬性表中, 有一個標題的屬性, 這就是欄位在畫面上所顯示的文字, 請將每個欄位的標題, 改為正確的敘述, 或者你也可以 Double Click 欄位的標題部位, 可以直接修改標題 8-3 如果你要調整當你按 Tab 或 Enter 後, 欄位的順序, 在屬性表的物件有另一各 Leval 的頁籤, 您可以透個 Level 控制項控制, 選取欄位後按住滑鼠左鍵不放作上下拖曳即可

14 P14 步驟 9 查詢條件設定列表控制等等的處理: 完成一支程式後, 你會發現預設只有 Primary key 當作查詢條件, 如果我們需要更多欄位當查詢條件該如何做呢? 9-1 進入設計模式, 切換到功能設計畫面, 選擇供應商基本資料處理這個功能 9-2 在畫面上有一個微調控制的 CheckBox, 請將此 CheckBox 勾起來, 您會看到畫面上每個欄位右邊都會出現四個 CheckBox, 分別是隱藏查詢列表查詢, 這是個 CheckBox 可以讓您控制那些欄位要當作查詢條件, 那些欄位再查詢出資料時不能編輯, 那些欄位在執行時要隱藏, 哪些欄位要放在明細列表中 = 查詢 : 供應商編號公司名稱聯絡人地址 = 列表 : 供應商編號公司名稱聯絡人城市電話傳真 = 禁改 : 供應商編號

15 P 按功能設計畫面上的列表設定, 會出現列表設定的視窗, 請將 Title 改為供應商資料列表, 並以滑鼠拖拉的方式調整欄位的順序與長度, 完成後按 Colse 關閉列表設定視窗 9-4 接下來, 要設定可查詢欄位的細部設定, 例如公司名稱用 like 的方式查詢等等請按功能設計畫面上的進階設定按鈕, 會出現進階設定的視窗

P16 9-5 請 double click 查詢條件設定的數值欄, 會出現查詢條件設定視窗,

16 P 請 double click 查詢條件設定的數值欄, 會出現查詢條件設定視窗, 請將公司名稱與聯絡人得查詢條件選為 like, 選好後, 關閉查詢條件設定視窗, 再關閉進階設定視窗 9-6 然後將專案存檔後, 離開設計模式

17 P17 步驟 10 執行: 在執行畫面按查詢按鈕, 您會看到, 剛剛設定當作查詢條件的欄位都會出現在查詢的對話框中, 查詢後, 按畫面右上角的詳細列表的按鈕, 就會出現剛剛我們所勾選的列表欄位的明細, 當你點選到某筆列表資料時, 主畫面上的資料就會跳到您所選的那筆資料經過上面十大步驟, 不用寫一行程式, 供應商的程式就完成了

18 P18 第二章單一表格 (Table/Grid) 處理完成第一章的範例後, 我想您一定對如何使用 Emaker 開發系統有一點了解, 接下來我們要進行的是第二個範例, 如何使用表格物件處理單一資料表的應用以下是執行的結果 : 步驟 1 表單設計 : 請進入設計模式, 切換到表單設計畫面個 Form, 並更名為供應商 -- 表格, 新增一

19 P19 步驟 2 放置表格物件: 2-1 直接點表格物件, 會跳出對話框要您輸入表格名稱, 請不用輸入資料, 直接按確定 ; 或者直接點表格物件, 然後拖曳到版面上 2-2 版面上就會出現一個空白的方框, 請將方框調整至適當大小

20 P20 步驟 3 選擇要處理的資料庫 Table: 3-1 請選擇版面上的表格物件, 在表格物件的屬性表中, 有一個資料庫的屬性,double click 後會出現下拉式選單, 會帶出所有我們所建立的資料庫連結名稱, 請選您剛剛所建立的 name1 3-2 接下來請 double click 表格名稱的屬性, 會出現下拉式選單, 會帶出所有的 Table 名稱, 請選擇 Suppliers

P21 3-3 Double click 表格的欄位設定屬性, 會將所有表格的欄位帶出, 並出現如下圖的欄位設定視窗中, 所帶出的欄位, 如果是 Primary key 或 Uinque Key, 系統也會自動辨識出來, 並在 Unique 哪個欄位打勾如果您在 DB 設計時沒有設定 Primary key, 那請您自己要勾選

21 P Double click 表格的欄位設定屬性, 會將所有表格的欄位帶出, 並出現如下圖的欄位設定視窗中, 所帶出的欄位, 如果是 Primary key 或 Uinque Key, 系統也會自動辨識出來, 並在 Unique 哪個欄位打勾如果您在 DB 設計時沒有設定 Primary key, 那請您自己要勾選這個表格的 Unique Key 欄位, 以這個例子來說, 是 CustomerID 在這個視窗中, 您可以再設定每個欄位的屬性, 不過這邊我們不做任何其他設定勾選完 unique key 後, 請再將欄位名稱改為中文, 然後直接按確定關閉欄位設定視窗 3-4 在表格的屬性中有一個 Update 方式, 請選為 Type2

匯出, 新增刪除不要勾選, 然後再勾選微調控制, 畫面上的表格物件右邊會出現兩個 CheckBox, 請勾選查詢 4-4 當你勾選查詢後, 會出現設定查詢條件的視窗

22 P22 步驟 4 功能設計 : 4-1 點選左邊的功能表, 按滑鼠右鍵, 點選新增功能, 就會在功能表下方新增一張表單 Function1, 請將 Function1 改為供應商 -- 表格 4-2 按選擇表單的按鍵, 就會出現一個視窗, 讓你選擇相對應的表單, 請選擇供應商 -- 表格, 選好後按確定 4-3 勾選查詢修改印表匯出, 新增刪除不要勾選, 然後再勾選微調控制, 畫面上的表格物件右邊會出現兩個 CheckBox, 請勾選查詢 4-4 當你勾選查詢後, 會出現設定查詢條件的視窗請勾選您要當作查詢條件的欄位, 並選擇每個欄位的運算條件在這個例子中, 請勾選公司名稱聯絡人為查詢條件, 並將公司名稱聯絡人的運算條件設為 like 設定完後, 請關掉查詢條件設定

P23 4-5 如果你覺得執行時的修改按鍵, 你覺得應該要改成存檔比較好, 或者你希望一進入這張表單, 就會預設將所有資料查出, 哪應該如何設定呢?

23 P 如果你覺得執行時的修改按鍵, 你覺得應該要改成存檔比較好, 或者你希望一進入這張表單, 就會預設將所有資料查出, 哪應該如何設定呢? 請按進階設定, 會出現如下圖的進階設定視窗, 裡面有一個修改按鈕標題, 請將 [default] 改為存檔, 這樣子執行時的修改按鍵就會變成存檔另外請將載入後直接進入查詢模式的屬性改為 Yes, 這樣子, 當使用者進入這張表單, 就會將所有資料先查出, 而不用使用者再按查詢按鈕

就可以執行我們剛剛設計的表單了進入表單後系統會自動進入查詢模式, 您就可以對表格的資料做新增, 修改, 刪除的動作, 不過因為 Emaker 是一個三層式的架構, 所以當你對表格的資料作新增,

24 P24 步驟 5 權限設定: 按權限管理按鍵, 會出現權限管理的視窗, 請再選擇使用者, 並勾選這個使用者所能使用的功能在這個範例中, 請選擇 admin, 並勾選供應商 -- 表格, 勾選完成後, 請按存檔, 並關掉權限設定視窗步驟 6 執行: 請存檔, 然後離開設計模式, 就會進入 Emaker 執行的視窗, 就會看到多了一個功能清單供應商基本資料維護 -- 表格, 就可以執行我們剛剛設計的表單了進入表單後系統會自動進入查詢模式, 您就可以對表格的資料做新增, 修改, 刪除的動作, 不過因為 Emaker 是一個三層式的架構, 所以當你對表格的資料作新增, 插入, 修改, 刪除等動作, 並不會真正異動到資料庫, 必須按了存檔的按鍵後, 所異動的資料才會全部寫會資料庫以上就是我們完成的第二個範例, 在處理過以上兩個練習後, 接下來我們要練習 Master-Detail 形式的應用

形式表單的處理, 下圖是這個 Sample 執行的結果步驟 1 請依第一個範例的步驟, 以 Supplier

25 P25 第三章 Master-Detail 處理經過上面兩個範例的練習, 您對於如何設計一張表單, 及使用表格物件已經有一點基本的了解, 接下來我們要處理的是, 一般商業應用上最常見到的 Master-Detail 形式表單的處理, 下圖是這個 Sample 執行的結果步驟 1 請依第一個範例的步驟, 以 Supplier Table 設計好 Master 部分步驟 2 請依範例二的步驟, 在畫面上放一個表格物件, 並設定好表格使用的 Table 為 Products

P26 步驟 3 設定關聯 : 接下來, 我們要設定的是 Master 和 Detail 的關聯, 一樣是在表格的欄位設定屬性在這個範例中, 供應商與產品 Table 的對應欄位為 SupplierID, 請在欄位設定的視窗中, 請選擇 SupplierID 欄位的對應欄位屬性,Double

26 P26 步驟 3 設定關聯 : 接下來, 我們要設定的是 Master 和 Detail 的關聯, 一樣是在表格的欄位設定屬性在這個範例中, 供應商與產品 Table 的對應欄位為 SupplierID, 請在欄位設定的視窗中, 請選擇 SupplierID 欄位的對應欄位屬性,Double Click 會出現下拉式選單, 這個下拉選單會將 Master 的欄位都帶進來, 請選擇 SupplierID, 這樣關聯就設定完成了另外因為 SupplierID 為對應欄位, 所以請將 SupplierID 欄位的顯示不要勾選, 這樣在新增資料時才會自動將 Master 的 Key 值帶入 Detail 中

27 P27 步驟 4 設定表格物件資料項單行雙行的背景色: 回到表單設定畫面, 選表格物件, 在表格物件的屬性中, 有單數行底色, 雙數行底色兩個屬性, 雙擊滑鼠左鍵會出現調色盤讓你選擇顏色, 請挑選您要的顏色

28 P28 步驟 5 功能設計 : 經過上面四個步驟, 表單設計就算完成了, 接下來我們要進行功能設計 5-1 進入設計模式, 進行微調控制, 勾選可以查詢的條件, 列表, 禁改的欄位在這個例子中, 請依下面敘述設定 : = 查詢 : 供應商編號公司名稱聯絡人 = 列表 : 供應商編號公司名稱聯絡人電話傳真 = 禁改 : 供應商編號

29 P 勾選完後, 到進階設定的查詢條件設定設定公司名稱的查詢方式為 like 步驟 6 權限設定 : 進入帳號權限控制中心, 請選擇 admin, 並勾選權限, 勾選完成後, 請按存檔, 並關掉權限設定視窗

30 P30 步驟 7 執行: 請存檔, 然後離開設計模式, 就會進入 Emaker 執行的視窗, 就會看到多了一個功能清單供應商 -- 產品, 就可以執行我們剛剛設計的表單了經過上面三個範例, 您大概能了解 Emaker 再表單設計方面的一些概念, 至於其他更詳細的物件用法, 請參考使用手冊

eMaker Quick Start Manual.doc

eMaker Quick Start Manual.doc Emaker Express Quick Start 以下是這份文件所要完成的任務 : 透過下列三個範例, 讓您了解如何以 Emaker express 設計表單 1 單一 Table 的處理 2 單一 Grid 的處理 3 Master-detail 的處理本範例使用 MS-SQL Server, 只使用兩個 Table : Supplier Products,DB Schema 如下 Supplier