• 中文
    • English
  • 注册
  • 查看作者
  • 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>

    山东省·济南市
  • 0
  • 0
  • 0
  • 1.5k
  • Hub

    请登录之后再进行评论

    登录
    单栏布局 侧栏位置: