关于表现层UI设计的一点点见解，欢迎大家讨论。

这个我看差不多，只是如果你自己从头开始写parser，这样比较容易一些。不过xmlparser是java的标准部分，适当写一些封装，使用起来就非常方便了。

而用了fastm, BEGIN, END 后面都有名字 name。可以直接搜索到。

这只是个示范，具体是否使用iframe或者是否使用配置文件是可选的，复杂一点可以是

<portal:page>
    <c:forEach var="portalColumn" items="${portalPage.Columns}">
        <portal:column width="${portalColumn.width}">
            <c:forEach var="portalModule" items="${portalColumn.modules}">
                <portal:module/>
            </c:forEach>
        </portal:column>
        <portal:dragbar/>
    </c:forEach>
</portal:page>

其实就是对类似my.msn.com的代码的封装，可以动态拖拉

<!-- BEGIN DYNAMIC: page -->
    <!-- BEGIN DYNAMIC: columns -->
         <!-- BEGIN DYNAMIC: column -->
             <!-- BEGIN DYNAMIC: module -->

              <!-- END DYNAMIC: module -->
         <!-- END DYNAMIC: column -->

         <!-- BEGIN DYNAMIC: dragbar -->
         <!-- END DYNAMIC: dragbar -->

    <!-- END DYNAMIC: columns -->
<!-- END DYNAMIC: page -->

<portal:column>
<portal:module>
<portal:dragbar/>

是否都需要在Code里面输出HTML ？

portal_lib.xml
<portal>
    <column>
         <c:include src="portal_column.tpl" />
     </column>
</portal>

portal_column.tpl
 <table>
             ...
              <cp:compile src="${tagBody}" />
...
 </table>

<!-- BEGIN DYNAMIC: page -->
    <!-- BEGIN DYNAMIC: columns -->
         <!-- BEGIN DYNAMIC: column -->
             <!-- BEGIN DYNAMIC: module -->

              <!-- END DYNAMIC: module -->
         <!-- END DYNAMIC: column -->

         <!-- BEGIN DYNAMIC: dragbar -->
         <!-- END DYNAMIC: dragbar -->

    <!-- END DYNAMIC: columns -->
<!-- END DYNAMIC: page -->

我们使用tpl技术，是通过html直接制作的tag, 大概类似于

portal_lib.xml
<portal>
    <column>
         <c:include src="portal_column.tpl" />
     </column>
</portal>

portal_column.tpl
 <table>
             ...
              <cp:compile src="${tagBody}" />
...
 </table>

<demo>
    <!-- 一个简单的tag示例， 直接输出变量。这里demandArgs指定调用时必须提供的变量。 -->
<文本框 demandArgs="value" otherArgs="otherValue,onclick" type="simpleTag" >
  <p> -----------------------------------  </p>
     <!-- 可以使用调用时提供的其他变量，如otherValue-->
  <input size="40" type="text" value="${value} * ${otherValue}" onclick="${onclick}"/>
  <p> -----------------------------------</p>
</文本框>

    <!-- 一个自动分页表格，要求传入headers(List类型)指定表头，pager(Pager类型)提供数据 -->
<分页表格 demandArgs="headers,pager">
     <!-- 从外部导入tpl文件 -->
  <c:include src="flex_table.tpl" />
</分页表格>

<!-- 一个bodyTag示例: 循环处理thisObj中的变量data中的每一行。
      importVars从调用环境中自动导入变量而不需要通过调用参数直接指定。
      当然如果调用参数中指定的变量与importVars中指定的变量重复，则调用参数会覆盖importVars.
    -->
<循环data importVars="thisObj" type="bodyTag">
  <c:forEach var="row" items="${data}">
   <!-- tagBody为调用时标签的内容 -->
   <cp:compile src="${tagBody}" />
  </c:forEach>
</循环data>

<!-- 一个条件标签的示例.
      条件标签一般不应该输出文本，而是返回一个bool值。仅当返回true的时候，调用时标签的内容才会被运行。
-->
<当Num足够大 importVars="thisObj" type="conditionTag">
  <l:gt name="num" value="3" />
</当Num足够大>
</demo>

大家来看看这样的方案

视图模块
&lt;map:match pattern="view1"&gt;
     &lt;map:generate src="*.xml"/&gt;
     &lt;map:transform  src="*.xsl"/&gt;
    &lt;map:serialize type="xml"/&gt;
&lt;/map:match&gt;

   &lt;map:match pattern="view2"&gt;
     &lt;map:generate src="*.xml"/&gt;
     &lt;map:transform  src="*.xsl"/&gt;
    &lt;map:serialize type="xml"/&gt;
   &lt;/map:match&gt;

组合1 2模块
&lt;map:match pattern="view3"&gt;
  &lt;map:aggregate element="*"&gt;
    &lt;map:part src="cocoon:/view1"/&gt;
    &lt;map:part src="cocoon:/view2"/&gt;
  &lt;/map:aggregate&gt;
  &lt;map:transform src="*.xsl"/&gt;
  &lt;map:serialize/&gt;
&lt;/map:match&gt;

这样view模块的组合可以是任意的 可以相互调用 理论上不受任何限制.

tpl里面也使用了Tag。
那些Tag的实现Code里面，需要输出HTML吗？