若要使用服務,您將在用戶端中建立網頁,以擷取輸入、將該輸入傳遞至服務,並顯示服務中的輸出。
您將從建立「JSF 處理程式」(一種 EGL 邏輯類型,用於控制網頁)開始,然後,EGL 將建立網頁以符合此「JSF 處理程式」。
- 在「專案瀏覽器」視圖中,按一下 EGLClient 專案以選取該專案。
- 按一下。
- 展開 EGL 並按一下 JSF 處理程式。
- 按下一步。
- 在「新建 EGL JSF 處理程式」視窗中,請確保已將來源資料夾欄位設為專案的 EGLSource 資料夾:
EGLClient\EGLSource
- 在套件欄位中,請輸入此名稱:
jsfhandlers
- 在 EGL 原始檔名稱欄位中,輸入此名稱:
ClientPage
該視窗與此圖片相似:
- 按一下完成。 這時會在編輯器中開啟新的 JSF 處理程式。
除非這些指示告知您進行儲存,否則請不要儲存檔案。儲存「JSF 處理程式」時,EGL 會檢查 view 內容中所參照的網頁是否存在。如果不存在,則 EGL 會根據「JSF 處理程式」中的變數以及這些變數的 DisplayUse 內容,自動建立該檔案並新增欄位。如果在新增所有變數之前儲存了該檔案,則新的網頁將不包括所有變數。如果發生這種情況,您可以刪除 JSP 檔(而不是「JSF 處理程式」檔)並再次產生「JSF 處理程式」以取得新的網頁。
- 從新的「JSF 處理程式」中移除範例程式碼,以便只保留下列程式碼:
package jsfhandlers;
handler ClientPage type JSFHandler
{view = "jspLocation/jspName.jsp"}
end
- 將 view 內容的值設為 ClientPage.jsp,如此範例所示:
{view = "ClientPage.jsp"}
- 在「JSF 處理程式」內,建立下列變數:
name string {DisplayUse = input};
city string {DisplayUse = input};
output string {DisplayUse = output};
- 在變數下面,新增此函數:
function getHello()
end
您將稍後新增程式碼至此函數。 「JSF 處理程式」與此圖片相似:
- 儲存檔案。 儲存檔案時,EGL 會自動從該檔案建立網頁。會使用 view 內容的值來命名此檔案 (ClientPage.jsp),且該檔案位於專案的 WebContent 資料夾內。
如果未取得 JSP 檔,則表示未將 EGL 配置成自動產生「JSF 處理程式」組件。
請手動產生「JSF 處理程式」,方法是在「專案瀏覽器」視圖或 EGL 編輯器中用滑鼠右鍵按一下「JSF 處理程式」,然後按一下
產生。
然後,遵循這些其他步驟來設定「JSF 處理程式」的自動產生功能:
- 按一下。
- 在「喜好設定」視窗中,展開 EGL 並按一下產生。
- 在「產生」頁面上,選取處理程式勾選框。
- 按一下確定。
現在,當您儲存檔案時,將自動產生「JSF 處理程式」。
- 在編輯器中開啟 ClientPage.jsp 檔。 此頁面上具有欄位,基於您在「JSF 處理程式」中建立的變數。
這些欄位已預先連結至變數。這樣,當頁面上這些欄位的值變更時,變數將變更以與之相符。同樣地,當「JSF 處理程式」中的變數值變更時,頁面上的欄位值也將變更以與之相符。
此頁面還包含數個錯誤訊息欄位。這不表示您的頁面包含錯誤;當您執行該頁面時,如果頁面上有任何錯誤,則這些欄位將顯示頁面上的錯誤。
- 找出「頁面資料」視圖。如果找不到此視圖,請按一下。此視圖會顯示適用於您頁面的資料,包括您在「JSF 處理程式」中建立的變數。它還會顯示顯示「JSF 處理程式」中的函數。
- 在「頁面資料」視圖中,展開 ,並尋找 getHello() 函數。
- 將 getHello() 函數從「頁面資料」視圖直接拖曳到頁面底端。 這時,已連結至該函數的按鈕會出現在頁面上。當使用者在執行時期按下頁面上的按鈕時,「JSF 處理程式」中的函數將執行。
- 儲存頁面。
該頁面與此圖片相似:
現在,您已有可立即使用 Web 服務的網頁。在下一課程中,您將設定專案以透過此網頁用來作為服務的用戶端。