一个纯Spring项目中在JSP页面上用JSTL标签实现10X10图片矩阵

疯飞 2010-03-01 11:57:12
<c:forEach items="${list}" var="list">
<tr>
<td><img src="http:<c:out value="${list.url}"/>/<c:out value="${list.name}"/>" height="100px" width="100px"/><br></td>
<td><c:out value="${photoType}"/></td>
<td><c:out value="${list.username}"/></td>
<td>暂无</td>
<td><a href="<c:url value="photo.man"><c:param name="method" value="deletePhoto" /><c:param name="url" value="${url}" /><c:param name="uid" value="${list.uid}" /><c:param name="name" value="${list.name}" /><c:param name="pageNo" value="${pageNo}" /><c:param name="type" value="${type}" /></c:url>">删除</a></td>
</tr>
</c:forEach>
</c:if>

<c:if test="${type ne '1'}">
<c:forEach items="${list}" var="list">
<tr>
<td><img src="http:<c:out value="${list.url}"/>/<c:out value="${list.name}"/>" height="100px" width="100px"/><br></td>
<td><c:out value="${photoType}"/></td>
<td><c:out value="${list.username}"/></td>
<td> <c:out value="${list.dateline}"/></td>
<td><a href="<c:url value="photo.man"><c:param name="method" value="deletePhoto" /><c:param name="url" value="${url}" /><c:param name="uid" value="${list.uid}" /><c:param name="name" value="${list.name}" /><c:param name="username" value="${username}" /><c:param name="pageNo" value="${pageNo}" /><c:param name="type" value="${type}" /></c:url>">删除</a></td>
</tr>
</c:forEach>

需要修改输出成一个10 X 10的图片矩阵显示,大家能给点意见吗谢谢了。
...全文
88 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
如果使用 UL LI 的话,只要放入 100 个就能显示出 10 行 10 列。

下面这个例子用 UL LI 排出 5 * 5 的图片。

<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title> new document </title>
</head>

<style type="text/css">
#photos { width:500px; margin:0; padding:0; }
#photos li { float:left; width:20%; list-style-type:none; margin:5px 0; }
#photos img { border:1px solid gray; width:80%; height:80%; }
</style>

</script>

<body>
<ul id="photos">
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
<li><img src="https://mail.google.com/mail/help/images/logo2.gif"></li>
</ul>
</body>
</html>


如果需要一行显示 10 个,那就把 CSS 中 #photos li 的 width 改为 10%,#photos 的宽度也可以加大。

UL LI 的话,可以很方便地使用 c:forEach 输出。
JSTL(JSP Standard Tag Library ,JSP标准标签库)是一个不断完善的开放源代码的JSP标签库,是由apache的jakarta小组来维护的。JSTL只能运行在支持JSP1.2和Servlet2.3规范的容器上,如tomcat 4.x。在JSP 2.0也是作为标准支持的。   JSTL 1.0 发布于 2002 年 6 月,由四个定制标记库(core、format、xml 和 sql)和一对通用标记库验证器(ScriptFreeTLV 和 PermittedTaglibsTLV)组成。core 标记库提供了定制操作,通过限制了作用域的变量管理数据,以及执行页面内容的迭代和条件操作。它还提供了用来生成和操作 URL 的标记。顾名思义,format 标记库定义了用来格式化数据(尤其是数字和日期)的操作。它还支持使用本地化资源束进行 JSP 页面的国际化。xml 库包含一些标记,这些标记用来操作通过 XML 表示的数据,而 sql 库定义了用来查询关系数据库的操作。   两个 JSTL 标记库验证器允许开发人员在其 JSP 应用程序强制使用编码标准。可以配置 ScriptFreeTLV 验证器以在 JSP 页面禁用各种类型的 JSP 脚本元素 — scriptlet、表达式和声明。类似地,PermittedTaglibsTLV 验证器可以用来限制可能由应用程序的 JSP 页面访问的定制标记库集(包括 JSTL 标记库)。   尽管 JSTL 最终将会成为 J2EE 平台的必需组件,但目前只有少数应用程序服务器包括它。JSTL 1.0 的参考实现可作为 Apache 软件基金会(Apache Software Foundation)的 Jakarta Taglibs 项目(请参阅参考资料)的一部分而获得。可以将该参考实现的定制标记库合并到任何支持 JSP 1.2 和 Servlet 2.3 规范的服务器,以添加对 JSTL 的支持。   如果要使用JSTL,则必须将jstl.jar和 standard.jar文件放到classpath,如果你还需要使用XML processing及Database access (SQL)标签,还要将相关JAR文件放到classpath,这些JAR文件全部存在于下载回来的zip文件。这个zip文件可以从http://jakarta.apache.org/builds/jakarta-taglibs/releases/standard/jakarta-taglibs-standard-1.0.zip下载。 .

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧