用JSTL标准标签库定义一个九九乘法表(设置表格颜色间隔)
2011-11-10 20:34
531 查看
九九乘法表的输出是一个很经典的循环输出例子,从接触编码开始,就在不断地学习。那么在jstl标签库中怎么进行这个例子输出呢?
在jstl中用到了<c:forEach>迭代标签,首先了解一下forEach标签吧:forEach包含的属性:var,items,varStatus,begin,end,step
详细解释:
[]包括的内容是可有可无的,没有[]包含的表示必须要写的属性
var:不支持el表达式,是String字符串类型,作用是决定是否处理标签体内容;
items:支持el表达式,可以是数组、字符串和各种集合类型,放置将要迭代的集合对象
varStatus:不支持el表达式,是String字符串类型,表示迭代的状态,可以获得迭代自身的信息
begin:支持el表达式,int型,如果指定begin属性,就从item下表为begin的位置开始迭代,相当于for循环里的=赋值;若没有指定begin属性,就从0下标开始迭代
end:支持el表达式,int型,如果指定end属性,就在item下标为end的位置结束迭代,相当于for循环里的<=;若没有指定end属性,将迭代到item最后位置
step:支持el表达式,int型,默认的步长是1,相当于for循环里的++。如果指定step属性值,就把指定值作为步长
java中的九九乘法表输出代码:
用jstl标签写的代码,并输入表格:
添加颜色间隔的css文件:
将css代码添加到表格中:
运行的效果图:
在jstl中用到了<c:forEach>迭代标签,首先了解一下forEach标签吧:forEach包含的属性:var,items,varStatus,begin,end,step
<c:forEach [var=”varName”]items=”collection” [varStatus=”varStatusName”] [begin=”begin”] [end=”end”] [step=”step”]></c:forEach>
详细解释:
[]包括的内容是可有可无的,没有[]包含的表示必须要写的属性
var:不支持el表达式,是String字符串类型,作用是决定是否处理标签体内容;
items:支持el表达式,可以是数组、字符串和各种集合类型,放置将要迭代的集合对象
varStatus:不支持el表达式,是String字符串类型,表示迭代的状态,可以获得迭代自身的信息
begin:支持el表达式,int型,如果指定begin属性,就从item下表为begin的位置开始迭代,相当于for循环里的=赋值;若没有指定begin属性,就从0下标开始迭代
end:支持el表达式,int型,如果指定end属性,就在item下标为end的位置结束迭代,相当于for循环里的<=;若没有指定end属性,将迭代到item最后位置
step:支持el表达式,int型,默认的步长是1,相当于for循环里的++。如果指定step属性值,就把指定值作为步长
java中的九九乘法表输出代码:
for (int i = 1; i <= 9; i++) { for(int j=1;j<=i;j++){ int k=i*j; System.out.print(j+"*"+i+"="+k+"\t"); } System.out.println("\n"); }
用jstl标签写的代码,并输入表格:
<table width="60%"> <!-- 循环输出1~9之间的数字 --> <!-- varStatus判断迭代次数 --> <c:forEach var="itemi"begin="1" end="9"varStatus="status"> <tr> <c:forEach var="itemj"begin="1" end="${itemi}"varStatus="status"> <td> <c:out value="${itemj}*${itemi}=${itemi*itemj}"></c:out> </td> </c:forEach> </tr> </c:forEach> </table>
添加颜色间隔的css文件:
<!-- 设置间隔颜色 --> <style type="text/css"> .even { background-color: red } .odd { background-color: yellow } <!--鼠标移动到时,显示的颜色--> tr:hover { background-color: blue } </style>
将css代码添加到表格中:
<!--三目运算符的使用,迭代偶数次时,该行显示odd的颜色;迭代奇数次时,该行显示even的颜色-->
<tr class="${status.count%2==0?'odd':'even'}">
运行的效果图:
相关文章推荐
- 用JSTL标准标签库定义一个九九乘法表(设置表格颜色间隔)
- JSP 标准标签库(JSTL)一个报错
- 设置TabHost中的Tab标签大小,字体的颜色,下划线的长度,使Tab之间可以有间隔
- 用标准标签库写的九九乘法表(带渐变颜色)
- Getchar函数从标准输入读取读取一个字符并返回它的值。如果输入中不再存在任何字符,函数就会返回常量EOF(在stdio.h中定义),用于提示文件的结尾。
- 一个Text,设置不同的颜色,有颜色部分添加点击事件
- 创建一个显示所有预定义系统颜色的ListBox
- jstl的使用(三):核心标签库之流程控制标签和循环标签(包括实现表格奇偶行变色)
- Android 通过solid来定义不同边框的颜色,可以只定义一个边框的颜色
- jstl标准标签库的使用(部分)
- phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- HTML基础知识二(页面属性、注释、表格、设置表框颜色)
- JS中设置表格奇偶行不同颜色
- 1.请定义一个交通工具(Vehicle)的类其中有: 属性: 速度(speed)、 体积(size)等,方法:移动(move())、设置速度(setSpeed(int speed))、加速 spee
- 一个牛人写的“设置jtable单元格颜色,以及jtable中实现复选框”的程序,备忘
- JSTL标准标签库核心标签的使用
- Android TextView设置值时,使一个字符串有不同颜色(多种颜色)
- HashSet重复标准_重复判断的问题,颜色形同,坐标点距离不超过2,则认为是同一个点对象
- 课堂练习1:定义一个交通工具(Vehicle)类,其中有: 属性:速度(speed),体积(size) 方法:移动(move()),设置速度(setSpeed(int speed)),设置体积