JSP-显示九九乘法表

2023-12-24 14:39:16

目录

1. print_table01.jsp：使用out.println()输出

2. print_table02.jsp：使用输出表达式输出

3. 使用表单输入九九乘法表的行数和列数

1. print_table01.jsp：使用out.println()输出

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>九九乘法表——使用out.println()输出</title>
</head>
<body>
<%
	int rows=10;
	int cols=10;
	out.println("<table border=\"1\" width=\"100%\" >");
	for(int x=0;x<rows;x++){
		out.println("<tr>");
		for(int y=0;y<cols;y++){
			out.println("<td>"+(x*y)+"</td>");
		}
		out.println("</tr>");
	}
%>
</body>
</html>

白猪：不错，HTML5和Java的结合效果。 <%%>脚本，在service方法里。

2. print_table02.jsp：使用输出表达式输出

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>九九乘法表——使用表达式输出</title>
</head>
<body>
<%
	int rows=10;
	int cols=10;
%>
<table border="1" width="100%">
<%
	for(int x=0;x<rows;x++){
%>
	<tr>
		<%
			for(int y=0;y<cols;y++){
		%>
				<td bgcolor="#00CC33"><%=x*y%></td>
		<%
			}
		%>
	</tr>
<%
	}
%>
</table>
</body>
</html>

3. 使用表单输入九九乘法表的行数和列数

print_table.html：表单页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>九九乘法表</title>
</head>
<body>
<form action="print_table.jsp" method="post">
	<table border="1" width="100%">
		<tr>
			<td>请输入要显示表格的行数：</td>
			<td><input type="text" name="row"></td>
		</tr>
		<tr>
			<td>请输入要显示表格的列数：</td>
			<td><input type="text" name="col"></td>
		</tr>
		<tr>
			<td colspan="2"><!-- 合并列的属性与值 -->
				<input type="submit" value="显示">
				<input type="reset" value="重置">
			</td>
		</tr>
	</table>
</form>
</body>
</html>

2.print_table.jsp：处理表格的显示JSP

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>九九乘法表</title>
</head>
<body>
<%
	int rows=0;
	int cols=0;
	//获取表单参数值，转换为整型；此处会出现异常，处理异常
	try{
		rows = Integer.parseInt(request.getParameter("row"));
		cols = Integer.parseInt(request.getParameter("col"));
	}catch(Exception e){}
%>
<table border="1" width="100%">
<%
	for(int x=0;x<rows;x++){
%>
	<tr>
		<%
			for(int y=0;y<cols;y++){
		%>
				<td bgcolor="#00CC33"><%=x*y%></td>
		<%
			}
		%>
	</tr>
<%
	}
%>
</body>
</html>

页面从HTML跳转到JSP

总结

JSP中，所有的Java代码都要嵌入在scriptlet中；

HTML代码，和Java代码，在互相嵌套；scriptlet把他们分离开；

在eclipse中的JSP文件中编辑代码，提示几乎很少，很容易出错；

码农公寓

1. print_table01.jsp：使用out.println()输出

2. print_table02.jsp：使用输出表达式输出

3. 使用表单输入九九乘法表的行数和列数

相关文章