Step1＞請先執行桌面上的『SOLUTION1.sln』。此時會進入VS2015開發環境，請在『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\EEP2015\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-4Master（InfoDataSet）Property的設置

 

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

 

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

圖2-2-5Master RemoteName視窗

 

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

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

圖2-2-6開啟MasterInfoDataSet

 

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

圖2-2-7設定ibsMasterDataMember

 

在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＞然後對MasterInfoDataSet做Double Click，此時會開啟DataSet Column Selector的視窗。

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

 

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

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

 

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

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

 

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

圖2-2-14Form1

 

 

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

 

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

 

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

圖2-2-15EEP 登入

 

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

 

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

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

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

圖2-2-16EEP 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-23EEPNetClient.exe登入

 

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

 

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

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