JSTL标签库动态生成表格

最新推荐文章于 2020-12-24 11:33:23 发布

0X码上链

最新推荐文章于 2020-12-24 11:33:23 发布

阅读量1.7k

点赞数 2

分类专栏： Javascript web前端技术文章标签： jstl

web前端技术同时被 2 个专栏收录

43 篇文章 1 订阅

订阅专栏

Javascript

25 篇文章 0 订阅

订阅专栏

项目中遇到一个动态生成表格的问题，由于表格的行和列都不是固定的，而是从数据库中取得的，因此需要动态的创建表格。

由于规范中要求使用JSTL标签库，避免JSP页面冗余java代码，而我的数据库暂时又连不上（电脑有点问题），只能是自己给自己提供数据进行测试了。下面我做了一个小例子，测试了一下JSTL的可行性。废话不多说，直接看例子。

Java代码（部分代码）

<SPAN style="FONT-FAMILY: Microsoft YaHei; FONT-SIZE: 14px">ArrayList arrayList1 = new ArrayList();
arrayList1.add("学号");
arrayList1.add("姓名");
arrayList1.add("性别");
arrayList1.add("联系方式");

ArrayList arrayList2 = new ArrayList();
arrayList2.add(new String[]{"0001", "李明", "男", "10000"});
arrayList2.add(new String[]{"0002", "王欢", "女", "10001"});
arrayList2.add(new String[]{"0003", "张华", "女", "10002"});
arrayList2.add(new String[]{"0004", "刘芳", "女", "10003"});
arrayList2.add(new String[]{"0005", "赵六", "男", "10004"});
arrayList2.add(new String[]{"0006", "刘影", "女", "10005"});
	
request.setAttribute("arrayList1", arrayList1);
request.setAttribute("arrayList2", arrayList2);</SPAN>

JSP代码

<SPAN style="FONT-FAMILY: Microsoft YaHei; FONT-SIZE: 14px"><%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="custom" tagdir="/WEB-INF/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test Dynamic Table</title>
</head>
<body>
<div align="center">
		<p></p>
	</div>
	<table width="80%" border="1px" cellpadding="0" cellspacing="0">
		<thead>
			<tr>
				<c:forEach items="${arrayList1}" var="item">
					<th>${item}</th>  
				</c:forEach>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${arrayList2}" var="item">
				<tr>
					<c:forEach var="i" begin="0" end="${fn:length(arrayList1)-1}" step="1">
						<td align="center">${item[i]}</td>
					</c:forEach>
				</tr>
			</c:forEach>
		</tbody>
	</table>
</body>
</html></SPAN>

效果图：