第3章EEP 2015快速入門(下)(多檔實作)第3章EEP 2015快速入門(下)(多檔實作)\3-3使用EEP2015 Wizard設計Master/Detail

3-3使用EEP2015 Wizard設計Master/Detail

 

Step1>首先我們同樣來設計Server端,在Visual Studio 2015的『Tools』->『EEP Wizard』上,按下滑鼠左鍵。在彈出的畫面里選擇Server Package Wizard。

 


圖3-3-1設計Server端

 

Step2>出現的第一個畫面是設定要使用Database連線,只要在『EEP Alias』選【ERPS】,就可以按【Next】。

圖3-3-2設定Database連線

 

Step3>接下來的畫面:

Œ   先選擇【Add To Current Solution】;

   再輸入專案名稱,我們輸入【SWizard002】,代表Server端的模組名稱;

Ž   然後輸入專案原始碼所在的路徑,這裏我們輸入或選擇【C:\Program Files\InfoLight\EEP2015\Solution1】,最後按下【Next】鍵。

圖3-3-3設定專案名稱及路徑

 

Step4>第三個畫面選擇要使用的Tables資料表,按下【新增】,再選擇『Orders』,再按下【確定】,這是我們所選的Master資料表。


圖3-3-4選擇Tables資料表

 

Step5>焦點放在『Orders』上,按下右方的【新增】,就會出現如下的欄位選單,按下【全選】,代表在Server端選擇所有欄位做為Master Table的SQL語法。

圖3-3-5設定Server端選擇欄位

 

Step6>焦點放在『OrderID』上,勾選右方的「鍵值欄位」還有「關聯鍵值」。因為OrderID不但是唯一鍵值的欄位,也是Master/Detail的關聯鍵值欄位。

圖3-3-6設定唯一關鍵鍵值

 

Step7>點選在Orders上面,再接著按下左方的【新增下一階】,再選擇『Order Details』,最後按下【確定】。代表在Orders之下新增一個第二階的Table,可以新增多個二階的Table。

圖3-3-7新增第二階Table

 

Step8>焦點放在『Order Details』上,按下右方的【新增】,就會出現如下的欄位選單,按下【全選】,代表選擇所有欄位為後端的SQL語法。

圖3-3-8選擇所有欄位

 

Step9>焦點放在『OrderID』上,勾選右方的「鍵值欄位」還有「關聯鍵值」。與Orders一樣,OrderID是鍵值欄位也是關聯鍵值欄位。

圖3-3-9設定關鍵鍵值欄位

 

Step10>焦點放在『ProductID』上,勾選右方的「鍵值欄位」,在Detail中要構成唯一鍵值必須一定要有另一個欄位與OrderID搭配才能達到唯一鍵值的目的,最後按下【Done】鍵。

圖3-3-10設定另一關鍵鍵值欄位


Step11>稍等30秒到1分鐘,會自動完成該專案。完成之後,按下工具列的『Build』->『Build SWizard002』,就會產生SWizard002.dll。


圖3-3-11Build SWizard002

 

Step12>最後執行EEPNetServer.exe。按下『File』->『Package Manager』,先把焦點放在Solution1,再按下【Add…】,把SWizard002加進來,Server端到此為止已經完成了。


圖3-3-12Server端完成

 

 

往下我們繼續使用Wizard來開發Client端。

 

Step1>按下『Tools』->『EEP Wizard』。在彈出的畫面里選擇Windows Form。


圖3-3-13打開Client PackageWizard

 

Step2>設定要使用Database連線,如果沒有改變就可以直接按【Next】鍵。

圖3-3-14設定Database連線

Step3>接下來的畫面:

Œ   先選擇【Add To Current Solution】;

   再輸入專案名稱,我們輸入【CWizard002】,代表Client端的模組名稱;

Ž   然後輸入專案原始碼所在的路徑,這裏我們輸入或選擇【C:\Program Files\InfoLight\EEP2015\Solution1】,最後按下【Next】鍵。

 

圖3-3-15設定專案名稱及路徑

Step4>在Form Setting設定頁:

Œ   先選擇「EEP Windows Template Forms」為【CMasterDetail】,可選擇一個多檔的Template來套用格式;

   再選擇「TextBox欄位行數」為【2】,代表要將Master的欄位排成左右兩邊,然後按下【Next】鍵。

 

圖3-3-15設定Form形式

Step5>在DataSource設定頁,先按下Provider Name右方的【…】。

Œ   DataModule選【SWizard002】;(如果選擇不到,代表前面的步驟有誤,請重新查明)。

   並將DBCommand選【Orders】;(這裡會有三個Table,另兩個為View與Detail,我們要選的是MasterTable Orders),按下【OK】鍵。

Ž   然後稍等,確定TableName已經自動出現【Orders】,再按下【Next】。

 

圖3-3-16設定Provider Name

Step6>在ViewFields設定頁,用來選擇左邊瀏覽Grid的欄位,選取前5個欄位。(可以按住Ctrl,再一個一個選,也可以按住Shift,先選第一個再選第5個),再按下往右的箭頭「>」.然後按下【Next】鍵。

圖3-3-16設定Grid欄位

Step7>在MasterFields設定頁,用來設定要顯示與輸入哪些欄位,按下「>>」,就會選取了全部的欄位。

圖3-3-17設定Master欄位

Step8>把焦點放在『Order Details』,用來選擇Detail的Grid中要使用哪些欄位,然後按下右方的【新增】,就會出現欄位的選單,請按下【全選】。

圖3-3-18設定Detail Grid欄位

Step9>現在按下【Done】,接下來請等一兩分鐘左右,Wizard會自動產生CWizard002新專案。

圖3-3-19產生CWizard002專案

當專案自動產生後,請把FORM的大小做適當的調整。因為我們是把欄位分左右兩行來顯示,所以若是奇數的欄位數就會留一欄放到最右方,若是這種情形請把該欄位移到適當的位置。

圖3-3-20調整Form大小

Step10>接下來就可以對這個專案做編譯建置的動作,請從工具列『Build』->按下『Build CWizard002』。

圖3-3-21Build CWizard002

Step11>然後如同之前的教學把這個新Module用EEPManager.exe加進Menu,最後用EEPNETClient.exe來打開這個表單試用。

 

這樣就可以在3分鐘以內完全一個蠻有內容的Master/Detail表單。

 

 

===============EEP 2015快速入門(完)===============

 

更進階的學習請閱讀《EEP2015基礎設計》

 

Top of Page