简单理解jsp显示出带有表格的九九乘法表

小张不嚣张꒰ঌ(˚ᆺ˚)໒꒱

已于 2023-04-13 10:14:28 修改

阅读量6.1k

点赞数 14

分类专栏：后端集合文章标签：前端 java 后端

于 2022-09-10 07:52:03 首次发布

本文链接：https://blog.csdn.net/qq_62599142/article/details/126788313

版权

后端集合专栏收录该内容

19 篇文章 0 订阅

订阅专栏

jsp实现久久乘法表

普通的九九乘法表
带有表格的九九乘法表
带有背景颜色的九九乘法表

普通的九九乘法表

九九乘法表的基本原理：
无非就是通过双重for循环遍历数字，实现页面当中去。
由上面运行结构可知，一共九行，第一行有一个式子，第二行有两个式子，以此类推，第九行有九个式子，所以通过最外面的那个for循环，控制行数，也是控制九九乘法表第二个数。

<%
    for (int i=1;i<10;i++){
        for (int j=1;j<=i;j++){
            out.print(j+"*"+i+"="+(j*i));
        }
        out.print("");
    }

%>

运行结果：
在这里插入图片描述

代码解析：
第一个for循环执行的时候，

当i=1的时候，i＜=10执行第二个for循环，j的初始化等于1，1<=1 执行下面的语句，打印出第一个式子，然后再执行j++，再与i进行比较，发现结果是false，然后跳出内循环，通过print的方式换行，在到外循环里面，实现i++再进行以上操作，最终实现九九乘法表。

带有表格的九九乘法表

通过html与java相结合，实现效果。

<%java代码块%>两个尖括号里面有百分号用来书写java代码的

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
</head>
<body>
<table border="1" frame="void">
    <%for(int i=1;i<10;i++){%>
    <tr  > <%--      行--%>
        <%for(int j=1;j<=i;j++){%>
        <td><% out.print(j+"*"+i+"="+i*j+" "); %></td>
        <%}%>

        <%}%>
    </tr>
</table>
</body>
</html>

解析
基本原理与上面一样，与上面唯一不同的是，这次加了表格，< table > 以及和< td >标签，由于tr为块级元素，块级元素都是独占一行不修改布局情况下都是竖直排布文档流
所以，在执行完第一次循环之后，运行tr所以自动换行了，这就是，即使没有print也会自动换行的原因。在< table >当中加入border来添加边框，而后面的frame=void是去除外面最大的边框的因为< table> 是全局布局，所以在最外围也会有一个边框如下图所示：

在这里插入图片描述
加入frame之后的

在这里插入图片描述

带有背景颜色的九九乘法表

<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
</head>
<body>
<table border="1" frame="void" >
    <%for(int i=1;i<10;i++){%>
    <tr bgcolor="aqua"> <%--      行--%>
        <%for(int j=1;j<=i;j++){%>
        <td><% out.print(j+"*"+i+"="+i*j+" "); %></td>
        <%}%>

        <%}%>
    </tr>
</table>
</body>
</html>