九张图

这些天一直在做查询页面。昨天碰到了这个：美工提供的在页面上显示3行3列9张图的Html文件。不用多想，是很简单的jsp循环来解决问题。的确。但是，我做了累计4个多小时。很可笑，就是因为那些可恶的<td><tr>，把我的页面搞得乱七八糟的。当我找到那个<tr><td>是做什么的时候，问题才解决。下面就来说说我最终是怎么解决问题的。

首先确定3行3列，用嵌套循环。那么就要定下来循环哪些html语句，即把圈住9张图的table分解成可循环的html代码段。不得不说的是dreamweaver的图形/代码混合显示功能，这真的是其它软件所不具备的好东西。
就用这个功能，我将第一张图的<td>找到，并用begin ..end 注释了它：
...
1Lie begin
<td>
第一张图
</td>
1 Lie end
...
如此这般，到了第三张后，换行了。这是有一些换行代码，将它们跳过去。然后去找最后一张，又将结尾换行代码剥离出来。这样，乱七八糟的html代码终于规整了：
1 Hang begin
    1 Lie begin
    ..
    1 Lie end
    {Lie fengge codes}
    2 Lie begin
    ..
    2 Lie end
    {Lie fengge codes}
   3 Lie begin
    ..
    3 Lie end
     {Lie JieShu codes}
    {Hang fengge codes}
1 Hang end
...
3 Hang begin
...
3 Hang end
{jiewei codes}

下一步就是将静态代码转换成jsp代码了。这就好办多了，因为我就是干这个的。: )
分析一下静态页面的html，不难发现，第1行的3个列的处理方式差不多，只是第3列结尾处理不同；而3行内部处理相同，一点不同就是3行结尾的处理不同。代码如下：
 <% for(int MyHang=1;MyHang<=3;MyHang++){ %>
              ...                      
                  <%for(int MyLie=1;MyLie<=3;MyLie++){ %>
                            ...      
                       <% if(MyLie!=3){ %>  
                      {Lie fengge codes}
                       <% }                   
                        else{%>
                     {Lie JieShu codes}
                        <%}                
                  }       
     
                        if(MyHang!=3){ %>    
                         {Hang fengge codes}
                         <%
                         }
                         else{ %>   
                         {jiewei codes}
                         <%}           
}%>

OkieDoie，打开Tomcat并运行此jsp，搞定了。9个妹妹图显示了出来。这时候该说点什么呢，遇到问题一定要静下心来，寻找要领。只要心耐下来，问题就解决一半了。