java传递集合给jsp并以表格显示出来

该博客详细介绍了如何将Java中的集合通过jdbc传递到JSP页面,并使用JavaScript动态填充HTML表格。首先在Java中准备集合,然后在JSP中导入实体类包,通过for循环将集合数据转化为字符串并拼接到table中。最后通过JavaScript的innerHTML方法将数据填充到表格,实现了动态数据显示。注意JS代码需放在HTML-body内以确保正确显示。
摘要由CSDN通过智能技术生成

第一步:

java先准备好一个集合,传递给jsp

(这里我通过提前写好的jdbc准备好了一个集合,并且将其命名为“list”)

第二步:

jsp开始准备接收集合

(集合是封装了对象的,所以要先导入实体类的包,否则jsp无法识别集合中包含了什么;在这里我导入了list包和实体类TT包)

准备完成,开始接收集合

现在集合已经接收到了,要将集合放到h5里面的table标签里面

(这里有两个table标签,第一个是标题,第二个是内容,我这样写是因为简单)

第二个表格id为“table”,现在开始存放数据进去

(这里我们需要对集合进行确定,如果集合内容行数、列数是确定的可以不用for循环,这里考虑的是集合未知)

(采用字符串拼写的方法,将字符串赋给表格)

1:定义一个空字符串strs装全部拼写内容;

2:通过集合长度(list.size())写一个for循环;

3:定义一个空字符串str装每次循环体内的内容

4:通过'<%=实体类值%>'将值赋给td属性,在通过字符串的拼写,将内容赋值给str;

5:值赋给str后,代表第一排的数据已经显示出来了,在str两头拼写一个tr标签代表换行了,此时换行后进行下一循环,str重新定义,循环继续;

6:待strs拼写完全部数据后,要将strs赋值给id="table"的表格中;

7:获取表格元素document.getElementByld("table");

8:获取到表格元素后,通过innerHTML方法将strs填充至表格中;

9:搞定。

(提醒:这里script是插入在html-body中,否则表格数据无法显示,原因是js在后和h5在前的运行顺序。下图是jsp代码)

下面运行一下效果图:

(加了css的,表格好看点)

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

末安

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值