• 中文
    • English
  • 注册
  • 赞助本站

    • 支付宝
    • 微信
    • QQ

    感谢一直支持本站的所有人!

    • 查看作者
    • 5:将Java代码和标签分离

      首先看一下之前我们实现的99乘法表

      <%@ page language="java" contentType="text/html; charset=utf-8"
      	pageEncoding="utf-8"%>
      <%@ page import="io.zhangjia.test.Book" %>
      <%@ page import="java.util.*" %>
      <!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">
      <style type="text/css">
      	table{
          width: 40%;
          border: 1px #000 solid;
          border-spacing: 0; /*设置相邻单元格的边框间的距离为0*/
          border-collapse: collapse;/*合并边框*/
      	}
      	td,th{
      	    border: 1px #000 solid;
      	}
      </style>
      <title>Insert title here</title>
      </head>
      <body>
      
      	<!-- 用表格的形式显示99乘法表 -->
      	<table>
      		<%
      			for (int i = 1; i < 10; i++) {
      			
      				out.print("<tr>");
      				for (int j = 1; j <= i; j++) {									
      					out.println("<td>" + j + "*" + i + "=" + (i * j) + "\t" + "</td>");					
      				}
      				out.print("</tr>");				
      			}
      		%>
      	</table>
      	
      		
      </body>
      </html>

      可以看到,虽然上面的代码能正常的运行,但是我们把td等标签直接放在Java的代码里,不方便前端的同学查看和修改,所以我们一般会将Java代码和标签分离,分离的方法也很简单,把所有的java代码单独用小脚本包起来即可。

      <%@ page language="java" contentType="text/html; charset=utf-8"
      	pageEncoding="utf-8"%>
      <%@ page import="io.zhangjia.test.Book" %>
      <%@ page import="java.util.*" %>
      <!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">
      <style type="text/css">
      	table{
          width: 40%;
          border: 1px #000 solid;
          border-spacing: 0; /*设置相邻单元格的边框间的距离为0*/
          border-collapse: collapse;/*合并边框*/
      	}
      	td,th{
      	    border: 1px #000 solid;
      	}
      </style>
      <title>Insert title here</title>
      </head>
      <body>
      
      	<!-- 用表格的形式显示99乘法表 -->
      	<table>
      		<%
      			for (int i = 1; i < 10; i++) {
      		%>
      			<tr>
      			<%
      				for (int j = 1; j <= i; j++) {	
      			%>
      						
      					<td>
      						<%= j + "*" + i + "=" + (i * j) + "\t" %>
      					</td>			
      			<%
      				}
      			%>
      				</tr>			
      		<%
      			}
      		%>
      	</table>
      
      	
      </body>
      </html>

      山东省·济南市
    • 1
    • 0
    • 0
    • 400
    • Hub

      请登录之后再进行评论

      登录
    • 做任务
    • 实时动态
    • 偏好设置
    • 返回顶部
    • 单栏布局 侧栏位置: