練習 1.7:預覽網站
當您已準備好實際發佈 Web 應用程式時,您需要一個用來代管 Web 應用程式的伺服器,讓使用者能夠透過網際網路來存取您的網站。
不過,如果要測試您的網站,您可以使用 WebSphere Studio 所檢附的預設測試環境,稱為 WebSphere 測試環境。
當您使用 WebSphere 測試環境時,伺服器工具會自動模擬伺服器。
附註:在網站開發期間,您隨時都可以在 Page Designer 中開啟一個網頁,再利用預覽標籤來查看您的設計在瀏覽器中所呈現的外觀;
不過,「預覽」視圖不能用來檢視網頁的動態部分(如資料庫連線),因為它們要從伺服器執行才會顯示。
- 在「專案導覽器」視圖中,用滑鼠右鍵按一下 all_records.jsp 檔。
- 選取在伺服器中執行。這時會開啟「選取伺服器」精靈。
- 如果這是您第一次利用 WebSphere Studio 來測試網頁,您必須建立新的測試伺服器。
請選取建立新伺服器。
如果您已建立伺服器,請選取使用現有的伺服器,選取您的伺服器,再按一下完成。
- 確定已在伺服器類型欄位中,選取 WebSphere 5.1 版 > 測試環境。
附註:如果您使用 WebSphere Application Server Express,您必須選取 WebSphere 5.1 版 > Express 測試環境。
- 按一下完成。
這時伺服器會建立新的伺服器模擬、啟動它,並在模擬的 Web 瀏覽器中開啟網頁。
這可能需要花一些時間。
當伺服器工具啟動伺服器時,您可以在「主控台」視圖中監視訊息,如下所示:
現在,您可以點按通過網站的 Skeleton 來瞭解鏈結的運作方式,以及網站實際部署到 Web 伺服器之後會如何呈現。
恭喜!
您已完成「設計含動態內容的網站」指導教學。
現在,您應該會瞭解:
- Web 專案如何包含 Web 應用程式的資源、網站包含什麼,以及網頁如何組成網站。
- 建立一致的網站而非開始設計網頁的重要性。
- 網站結構(包括家庭和同層級階層)、動態導覽和關聯式鏈結的概念。
- 利用網頁範本和內容區域來控制網站外觀和操作方式的好處。
如果這個指導教學完成之後,您還想探索更多 Web 工具技術,您可以完成利用 JavaServer Faces 在網頁中顯示動態資訊指導教學。
這個指導教學會告訴您如何利用 Faces 元件將資料連線新增至網站中。