简单 JSP 计算器实现 - 使用表单输入和运算符 - 常规

简单 JSP 计算器实现 - 使用表单输入和运算符

本文将演示如何使用 JSP 创建一个简单的计算器，用户可以通过表单输入两个数字和运算符，点击计算按钮即可获得结果。示例代码包含表单设计、数据获取、运算逻辑和结果显示。

1. 创建 calculator.jsp 页面

首先，创建一个名为 'calculator.jsp' 的页面，包含一个表单用于输入数字和运算符，以及一个按钮用于提交表单。

<!DOCTYPE html>
<html>
<head>
	<title>Calculator</title>
</head>
<body>
	<h1>Calculator</h1>
	<form action='calculate.jsp' method='post'>
		<label>Number 1:</label>
		<input type='number' name='num1'><br>
		<label>Number 2:</label>
		<input type='number' name='num2'><br>
		<label>Operator:</label>
		<input type='text' name='operator'><br>
		<input type='submit' value='Calculate'>
	</form>
</body>
</html>

2. 创建 calculate.jsp 页面

创建一个名为 'calculate.jsp' 的页面，用于接收表单数据、执行计算操作并显示结果。

2.1 获取表单数据

使用 JSP 标签获取表单数据：

<% 
int num1 = Integer.parseInt(request.getParameter('num1'));
int num2 = Integer.parseInt(request.getParameter('num2'));
String operator = request.getParameter('operator');
%>

2.2 执行计算操作

根据运算符执行相应的计算操作，并将结果存储在一个变量中：

<% 
int result = 0;
if(operator.equals('+')) {
    result = num1 + num2;
} else if(operator.equals('-')) {
    result = num1 - num2;
} else if(operator.equals('*')) {
    result = num1 * num2;
} else if(operator.equals('/')) {
    result = num1 / num2;
}
%>

2.3 显示计算结果

使用 JSP 标签将计算结果显示在页面上：

<p>Result: <%= result %></p>

3. 完整 calculate.jsp 代码

<!DOCTYPE html>
<html>
<head>
	<title>Calculator</title>
</head>
<body>
	<h1>Calculator</h1>
	<% 
	int num1 = Integer.parseInt(request.getParameter('num1'));
	int num2 = Integer.parseInt(request.getParameter('num2'));
	String operator = request.getParameter('operator');
	
	int result = 0;
if(operator.equals('+')) {
	    result = num1 + num2;
	} else if(operator.equals('-')) {
	    result = num1 - num2;
	} else if(operator.equals('*')) {
	    result = num1 * num2;
	} else if(operator.equals('/')) {
	    result = num1 / num2;
	}
	%>
	<p>Result: <%= result %></p>
</body>
</html>

通过以上步骤，您就创建了一个简单的 JSP 计算器。您可以在浏览器中访问 'calculator.jsp' 页面，输入两个数字和运算符，点击计算按钮即可获得结果。