第一步:
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的,表格好看点)