Struts 與 Tiles 支援元件化開發（四）：版面配置修改與部署實作

修改根版面配置：新增第四面板

在 EX2_INSTALL/src/web/tiles-layouts/rootLayout.jsp 中找到原始程式碼（清單 3），編輯以添加 <br> 標籤並插入 panel4（清單 4）：

清單 3. 原始 rootLayout.jsp 程式碼

<td width="35%">
<!-- ============================================================ -->
<!-- Begin panel1 -->
<tiles:insert attribute="panel1"/>
<!-- End panel1 -->
<!-- ============================================================ -->
<br>
<!-- ============================================================ -->
<!-- Begin panel2 -->
<tiles:insert attribute="panel2"/>
<!-- End panel2 -->
<!-- ============================================================ -->
</td>

清單 4. 修改後 rootLayout.jsp 程式碼

<td width="35%">
<!-- ============================================================ -->
<!-- Begin panel1 -->
<tiles:insert attribute="panel1"/>
<!-- End panel1 -->
<!-- ============================================================ -->
<br>
<!-- ============================================================ -->
<!-- Begin panel2 -->
<tiles:insert attribute="panel2"/>
<!-- End panel2 -->
<!-- ============================================================ -->
<br>
<!-- ============================================================ -->
<!-- Begin panel4 -->
<tiles:insert attribute="panel4"/>
<!-- End panel4 -->
<!-- ============================================================ -->
</td>

註： EX3_INSTALL 中的範例 3 應用程式僅為範例 2 加上上述修改；若有問題可參考該程式碼。

使 Tomcat 識別新檔案的部署步驟

1. 切換至 TOMCAT_HOME/bin 目錄
2. 關閉 Tomcat：./shutdown.sh (Unix) 或 ./shutdown.bat (Windows)
3. 切換至 EX2_INSTALL 目錄
4. 移除舊部署：ant undeploy（移除 webapps 中的 ex2.war 與解壓目錄）
5. 重新部署：ant deploy
6. 回到 TOMCAT_HOME/bin
7. 啟動 Tomcat：./startup.sh (Unix) 或 ./startup.bat (Windows)
8. 瀏覽器開啟 https://localhost:8080/ex2，強制重新整理確保非快取版本，應可見新增天氣元件的「Hello, World」頁面

範例 2 應用程式優缺點總結（表 2）

範例 2 闡釋基於 MVC 的 Struts 與 Tiles Web 應用程式模型的優缺點（具體表格內容省略）。