第3章EEP2019WEB表單基礎設計(中)第3章EEP2019WEB表單基礎設計(中)\3-1另類一對多檔開發

3-1另類一對多檔開發

 

 

Web網頁設計中,我們提供了多種一對多檔案設計的方式,除了之前已

設計過的WebDetailsView+WebGridView外,在此我們要改用WebFormView+WebGridView的設計方式,讓介面的開發能夠更靈活更有彈性。

 

q  Server端設計

 

我們再以Wizard來設計Master/DetailServer端模組,設計的方式與前一章設計單檔相似,也可以參考 Win設計手冊中第三章Wizard設計Master/Detail的部份,在此簡單說明如下:

 

Step1按一下Tools->EEP Wizard,選擇Server Package Wizard項。

3-1-1 進入EEP Wizard

3-1-2 選擇Server Package Wizard

 

Step2選擇ERPS資料庫並按一下Next按鈕。

3-1-3 選擇ERPS資料庫

Step3把『Package Name』取名為【S004】,選擇存放路徑,我們選擇在『C:\Program Files\InfoLight\EEP2019\MyProjects』,並按一下【Next】按鈕。

 

3-1-4 Package Name取名

 

Step4按下左下方的Add按鍵,選擇要使用到的Table,這裏我們選擇Purchase按下OK。按一下左方的Purchase使焦點停在Purchase,然後按下右方Add按鍵。選擇主檔用到的Purchase資料表的欄位,這裏選擇全部。按一下Select All按鈕。再按Add Chird新增明細檔用到的table名稱為Purchase Details與其全部欄位。

 

3-1-5 新增Table

  

3-1-6 新增明細檔table及其欄位

 

Step5勾選PurchasePurchaseIDPurchase DetailsPurchaseID ProductIDKey,並設定PurchasePurchase DetailsPurchaseIDRelation,並按下Done

 

3-1-7 設定KeyRelation欄位

 

Step6如畫面所示,系統會自動產生一個Master/DetailServer Module

 

 

3-1-8 産生Server Module

Step7S004右鍵按下Build,產生S004.dll,在EEPNetServer.EXEPackage Manager中將S004.dll加入進來。

 


3-1-9 載入S004.dll

到此,Server端的服務已經完成,可以往下開發Web端的網頁程式。

 

 

q  Client端設計

 

Step1點選Tools->EEP Wizard,來產生另一個Master/Detail的網頁。


3-1-10 選擇Web Form Wizard選項

 

Step2這些步驟除了選用的Template不同外,其餘步驟同前文介紹。在選擇Template的時候,選擇 WMasterDetail1 這個Template使用了WebFormView做為Master的呈現,網頁命名為W005Serverdll可以選用S004.Purchases

 

 

3-1-11 設定Web Form的屬性

3-1-12 設定Provider Name

 

 

 

Step3同樣在EEPManager->Menu Utility中,在Web功能項目上增加W005這個項目,選擇MyWebs目錄下的W005.aspx,並在Access Group中設定EveryOne

 

Step4最後點選InfoLogin.aspx右鍵,選擇View in BrowserLogin之後點選W005項目,即可顯示出下列成果。

3-1-14 W005項目

 

 


 

Top of Page