Step1＞請先執行桌面上的『SOLUTION1.sln』。此時會進入VS2012開發環境，請在『EEPClient』上面按下滑鼠右鍵，然後選擇『Add』->【New Project】。

圖2-2-1 添加Client端程式

Step2＞請在Project types中，選擇【Visual C#】，此時會看見右邊的『Templates：My Templates』中有上個章節所Export的四個Template。因為要實做Client端單檔，所以請選擇【CSingle】，接著將『Name』命名為【C001】，『Location』設為【C:\Program Files\InfoLight\EEP2012\SOLUTION1】。同樣選擇【SOLUTION1】，這樣會讓Server端的原始程式與Client端的原始程式放在一起，但各個模組（Project）還是會以目錄分開。按下【OK】後，自動產生Client 端Project C001。

圖2-2-2 設定Client Project名稱和路徑

Step3＞在方案選單中，在C001的『Form1.cs』上面按滑鼠右鍵，在出現的選單中選取【View Designer】，就會出現Form1的設計頁面。

圖2-2-3 設計Form介面

Step4＞設定Master和ibsMaster屬性。

q  首先設定Master（InfoDataSet）的Property。

圖2-2-4 Master（InfoDataSet）Property的設置

『RemoteName』 就是用來對應到Server上的InfoCommand元件，就是由InfoCommand向database取得資料後打包給InfoDataSet。

Œ      按下旁邊的【…】按鈕後，會出現RemoteName視窗供選取。此處請選擇『S001』的【Master】。左邊為DataModule的名稱，也就是Server上的服務模組名稱，右邊則為該Module之下的所有InfoCommand。

圖2-2-5 Master RemoteName視窗

接著將 Master（InfoDataSet）的Property『Active』設成【True】。

設Active=True時，系統會去Server上將資料從InfoCommand上抓下來，在InfoDataSet中已經有實體的資料了。第Œ、步驟完成圖如下：

圖2-2-6 開啟MasterInfoDataSet

q   然後設定ibsMaster（infoBindingSource）的Property。在『DataMember』欄位，請下拉選取【Master】。

圖2-2-7 設定ibsMaster DataMember

在InfoDataSet中可以允許有多個InfoBindingSource，InfoDataSet是一個資料的容器，可以容納從Server端下載的資料，並可讓Client加以更改。而此Master就是DataTable，也就是一個DataSet會有多個DataTable。而InfoBindingSource是資料與各元件間的捆綁關係，目的讓DataTable的資料可以與各元件互動，InfoBindingSource是可以被操作的，如新增、更改、刪除、移動資料等。

Step5＞將『InfoDataGridView』從左方的ToolBox拉到右方的Form1，調整好約兩欄的寬度，放在Form1的左方。

圖2-2-8  InfoDataGridView元件

Step6＞接著點選剛才拉好的『InfoDataGridView1』，將【Enable Adding】/【Enable Editing】/【Enable Deleting】這三個屬性『unchecked』，藉此讓GridView只能瀏覽不能做任何異動，然後將Choose Data Source選擇【ibsMaster】。

圖2-2-9 InfoDataGridView元件屬性

圖2-2-10 設定DateSource

[訊光提示]

InfoDataGridView右上方的小三角形，小三角形是為了便捷的設定，而不必以Property一項一項設定。

Step7＞然後對Master InfoDataSet做Double Click，此時會開啟DataSet Column Selector的視窗。

圖2-2-11 DataSet Column Selector的視窗

Step8＞請先點選『Options』頁面，對排版方式做設定。可選【Horizontal】（橫排）/【Vertical】（直排）。右編的是橫排行數或直排的列數等，下方的【Gaps】是指各個元件間相臨的pixels數。

圖2-2-12 DataSet Column Selector的Option屬性

Step9＞然後到「Selector」頁面，針對此Tree做展開的動作，並勾選要呈現的欄位，在此請先勾選全部。在『Master』處按下滑鼠左鍵不放，將之拖曳到Form1上面。

圖2-2-13 DataSet Column Selector的Selectorn屬性

Step10＞此時在Form上便會出現所有相關的欄位資料。

圖2-2-14 Form1

如果希望這些TextBox前的Label要有中文的Label，則要定義ColDef這個系統資料表，即可搭配自動化的中文Label，或是使用EEP Manager->【Data Dictionary】編寫中文Label。

Step11＞接著對此 Project C001做編譯（Build）的動作，會自動產生一個C001.dll這個模組，此時已經完成Client端程式。

Step12＞接下來請執行桌面上的『EEPManager.exe』，直接按【OK】登入。

圖2-2-15 EEP 登入

這是一個專門給開發者所使用的一些公用功能，用來發佈系統或維護EEP的一些系統Table，讓你開發上更為順暢。

Step13＞點選『System』->『Security Manager』，此用來管理下列資訊：

l  登入的User與群組Group的定義與維護。

l  功能模組的定義與存取權限定義。

圖2-2-16 EEP Manager功能表

Œ     請點選「Menu Utility」那個頁籤，目的是要設定剛剛Build出來的C001.dll可讓User使用。在「Menu Utility」中，先點選【ROOT】，代表要在ROOT之下新增MENU的項目，並按下【Add】新增一個Menu選單。

圖2-2-17 新增Menu選單

   然後點選『Package』中的【…】按鈕。選取\SOLUTION1\目錄下的【C001.dll】，再按下【開啟】。

圖2-2-18新增Menu選單

圖2-2-19開啟C001.dll

Ž   『Sequence』設【1】，按下【OK】傳回。

圖2-2-20開啟C001.dll

F   『MenuId』會自動編號，自行設定也可，但不能重複。

F   『Caption』代表Menu的內容，Parent會自動依你左邊所點選   的來決定，目前是“0”代表ROOT。

F   『Package』則代表Client端的模組名稱，可以用選的。

F   『Form』請設定為Form1，因為一個dll模組中可以有多個Form，必須告訴系統哪一個是Main Form，預設為Form1。

F   『ItemType』代表Solution的名稱，一般預設你目前的SOLUTION1，可以在畫面的左上角中切換Solution。

F   最後就是『Sequence』，不定義時會照新增的次序排列，如要定義，可以給他一個編號，系統會依編號由小到大排列。

     然後將焦點放在左方的『C001』，並點選【Access Groups】，目的是要設定此C001有哪些群組可以使用。

圖2-2-21設定C001群組許可權

     將Default User 001所屬的Groups『DEPARTMENT1』指定到右邊的視窗中，按下【OK】後即完成。

圖2-2-22指定Groups的DEPARTMENT1

DEPARTMENT1是系統預設的部門群組，內有User 001，你可以依此設定，或選【EveryOne】代表所有人都可使用。

‘   設定完畢，請離開EEP Manager系統。

執行桌面上的【EEPNetClient.exe】檢視程式。此時出現登入畫面（login），請將『User』輸入【001】，『Passwrod』不用輸入，『DataBase』預設為【ERPS】，（須配合上文EEPNETServer.EXE中DB Manager的設定），『Solution』為【SOLUTION1】，就是系統預設的Solution名稱。

圖2-2-23 EEPNetClient.exe登入

[注]：這個程式是EEP幫你寫好的，有提供Source Code，可自行更改。

’     進入後，你會看到EEP為你設計的主頁面，當然你也可以到EEP .Net Client這個模組去按自己的需求去改變，按下TreeView中的『C001』項目，即可對你剛剛所開發的C001.dll進行測試。

圖2-2-24 EEPNetClient.exe主介面

訊光科技系統股份有限公司