< 上一個課程 | 下一個課程 >

第 12 課:在應用程式中內含地圖定位器處理程式

將新的 Portlet 新增至主入口網站。

變更主入口網站

新增地圖 Portlet 中與其他三個 Portlet 中的行類似的行:

  1. 在「多元使用者介面」編輯器中,開啟 MainHandler.egl 檔案並按一下程式碼標籤。
  2. 在緊接著 historyHandler 宣告的下方,為 mapHandler 新增類似宣告:
    mapHandler MapLocatorHandler{};
  3. 在緊接著 historyPortlet 宣告的下方,為 mapPortlet 新增類似宣告:
    mapPortlet Portlet{children = [mapHandler.ui],
    			title = "Map", canMove = FALSE, canMinimize = TRUE};
  4. start() 函數中對 addPortlet() 的現有呼叫下面,將新 Portlet 新增至入口網站:
    	mortgagePortal.addPortlet(mapPortlet, 2);
    在本案例中,您是將地圖 Portlet 新增至第二個較寬直欄。
  5. 儲存檔案。如果在原始檔中看到錯誤,請將程式碼與第 12 課結束之後所完成之 MainHandler.egl 的程式碼中的檔案內容進行比較。

測試入口網站

測試主入口網站,以確保新的「地圖」Portlet 會顯示且所有 Portlet 都正確運作。
  1. 在編輯器的底端,按一下預覽 這時,EGL 會顯示主入口網站以及四個子層 Portlet。
  2. 至少計算兩個不同的抵押金額,並在「地圖」Portlet 中輸入五位數的美國郵遞區號。
    已完成的主入口網站。
  3. 關閉檔案。

課程檢查點

本課程中沒有新作業。

在下一節課程中,您將在系統上安裝 Apache Tomcat,讓您可以在應用程式伺服器上執行您的應用程式。

< 上一個課程 | 下一個課程 >

意見