这些天一直在做查询页面。昨天碰到了这个:美工提供的在页面上显示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个妹妹图显示了出来。这时候该说点什么呢,遇到问题一定要静下心来,寻找要领。只要心耐下来,问题就解决一半了。
九张图
最新推荐文章于 2023-03-09 13:42:43 发布