java web编写计算器_javaWeb 使用 jsp 和 javaBean 实现计算器功能
时间: 2024-01-22 07:19:27 浏览: 324
使用jsp调用javabean实现超简单网页计算器示例
5星 · 资源好评率100%
好的,下面是一个简单的Java Web计算器的实现过程:
1. 首先创建一个JSP页面,用于显示计算器界面。在该页面中,需要有一些按钮,如数字、运算符、清除、等于等。
2. 创建一个JavaBean类,用于处理计算器的逻辑。在该类中,需要定义一些成员变量,如操作数1、操作数2、运算符等,以及一些方法,如加、减、乘、除等。
3. 在JSP页面中,使用`<jsp:useBean>`指令引用JavaBean类,并通过`<jsp:setProperty>`指令设置JavaBean类的属性。
4. 在JSP页面中,使用`<% %>`标签引用JavaBean类中的方法,用于处理用户的操作。例如,当用户点击加号按钮时,调用JavaBean类中的加法方法。
5. 最后,使用`<%= %>`标签输出计算结果。
下面是一个简单的Java Web计算器的代码实现:
Calculator.jsp:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="com.example.bean.CalculatorBean" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Calculator</title>
</head>
<body>
<h1>Calculator</h1>
<form method="post">
<table>
<tr>
<td colspan="4"><input type="text" name="result" value="${calculatorBean.getResult()}" /></td>
</tr>
<tr>
<td><input type="button" value="7" onclick="document.forms[0].result.value += '7'" /></td>
<td><input type="button" value="8" onclick="document.forms[0].result.value += '8'" /></td>
<td><input type="button" value="9" onclick="document.forms[0].result.value += '9'" /></td>
<td><input type="button" value="+" onclick="document.forms[0].operator.value = '+'" /></td>
</tr>
<tr>
<td><input type="button" value="4" onclick="document.forms[0].result.value += '4'" /></td>
<td><input type="button" value="5" onclick="document.forms[0].result.value += '5'" /></td>
<td><input type="button" value="6" onclick="document.forms[0].result.value += '6'" /></td>
<td><input type="button" value="-" onclick="document.forms[0].operator.value = '-'" /></td>
</tr>
<tr>
<td><input type="button" value="1" onclick="document.forms[0].result.value += '1'" /></td>
<td><input type="button" value="2" onclick="document.forms[0].result.value += '2'" /></td>
<td><input type="button" value="3" onclick="document.forms[0].result.value += '3'" /></td>
<td><input type="button" value="*" onclick="document.forms[0].operator.value = '*'" /></td>
</tr>
<tr>
<td><input type="button" value="0" onclick="document.forms[0].result.value += '0'" /></td>
<td><input type="button" value="C" onclick="document.forms[0].result.value = ''" /></td>
<td><input type="submit" value="=" /></td>
<td><input type="button" value="/" onclick="document.forms[0].operator.value = '/'" /></td>
</tr>
<tr>
<td colspan="4"><input type="hidden" name="operator" /></td>
</tr>
</table>
</form>
</body>
</html>
```
CalculatorBean.java:
```java
package com.example.bean;
public class CalculatorBean {
private double operand1;
private double operand2;
private String operator;
private double result;
public CalculatorBean() {
}
public double getOperand1() {
return operand1;
}
public void setOperand1(double operand1) {
this.operand1 = operand1;
}
public double getOperand2() {
return operand2;
}
public void setOperand2(double operand2) {
this.operand2 = operand2;
}
public String getOperator() {
return operator;
}
public void setOperator(String operator) {
this.operator = operator;
}
public double getResult() {
return result;
}
public void setResult(double result) {
this.result = result;
}
public void add() {
result = operand1 + operand2;
}
public void subtract() {
result = operand1 - operand2;
}
public void multiply() {
result = operand1 * operand2;
}
public void divide() {
result = operand1 / operand2;
}
}
```
在以上代码中,我们通过`<jsp:useBean>`指令引用了CalculatorBean类,并使用`<jsp:setProperty>`指令设置了CalculatorBean类的属性。在表单提交时,我们通过JavaScript获取到用户的操作数和运算符,然后调用相应的JavaBean方法处理计算逻辑,最后通过`<%= %>`标签输出计算结果。
希望这篇文章能够帮助你实现一个简单的Java Web计算器。
阅读全文