component標籤

component標籤用於使用自己的自定義元件，這是一個非常靈活的用法，如果經常需要使用某個效果片段，就可以考慮將這個效果片段定義成一個自定義元件，然後在頁面中使用component標籤來使用該自定義元件。

因為使用自定義元件還是基於主題、模板管理的，因此在使用component標籤時，常常需要指定如下三個屬性：

1. theme：自定義元件所使用的主題，如果不指定該屬性，預設使用xhtml主題。
2. templateDir：指定自定義元件的主題目錄，如果不指定，預設使用系統的主題目錄，即template目錄。
3.  template：指定自定義元件所使用的模板。

除此之外，還可以在cmponent標籤內使用param子標籤，子標籤表示向該標籤模板中傳入額外的引數。如果希望在模板中取得該引數，總是採用如下形式：$parameters.paramname，或者$parameters['paramname']。

提示：自定義的模板檔案可以採用FreeMarker、JSP和Velocity三種技術來書寫。

採用JSP模板的例子：

1.模板檔案所在的檔案目錄結構：

2.  *.jsp頁面的片段：

<div id="box-questions">
                <s:iterator value="paperQuestions" id="groupMap">
                         <s:iterator value="#groupMap['QUESTION_LIST']" id="qstMap">
                               <s:component templateDir="/includes" theme="custom" template="question.jsp">
                                        <s:param name="mode">exam</s:param>
                                        <s:param name="questionType" value="#qstMap['QUESTION'].questionType" />
.                                        ........................................................................
                               </s:component>
                        </s:iterator>
               </s:iterator>

</div>

3.  模板頁面：

question.jsp（整體結構完整，無其他標籤體）

<%@ page language="java" pageEncoding="UTF-8"%>
       <%@ taglib uri="/struts-tags" prefix="s"%>
        <s:if test="parameters.questionType == @[email protected]_SINGLE_SELECT">
                <s:component templateDir="/includes" theme="custom" template="single_select.jsp">
                     <s:param name="mode" value="parameters.mode" />
                       .......................................................................................
              </s:component>
          </s:if>
         <s:elseif test="parameters.questionType == @

<!--templateDir路徑加個template目錄就是multi_select.jsp的 路徑-->
                   <s:component templateDir="/includes" theme="custom" template="multi_select.jsp">
                   <s:param name="mode" value="parameters.mode" />
..................................................................................................
                  </s:component>
          </s:elseif>