JSP练习之简单计算器(使用jsp+javabean模式)

     实现一个简单的计算器程序,要求:使用jsp+javabean模式实现。

     项目源代码如下:

     文件:calculator.jsp

<%@ page language="java"  pageEncoding="UTF-8"%>
<%@ page isErrorPage="true"%>
<%@ page  errorPage="calculator.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>简单的计算机</title>
  </head>
  
  <body>
  	<%--创建Calculator对象--%>
  	<jsp:useBean id="cal" class="cn.zq.domain.Calculator" />
  	<%--设置值    通配符*表示设置所有属性--%>
  	<jsp:setProperty property="*" name="cal"/>
  	
  	
  	<%--
  		进行计算
  	 --%>
  	 <c:if test="${empty pageContext.exception}">
  	 	<%
  			cal.calculate();
  		%>
  	 </c:if>
  	
  	
  	<hr/>
  	<p>计算结果:${cal.firstNum } ${cal.operator } ${cal.secondNum } = ${cal.result }</p>
  	<hr/>
  	
  	<%--
  		构建url
  	 --%>
  	<c:url var="formUrl" value="/calculator.jsp"/>
  	<form action="${formUrl }" method="post">
	  	<table border="1" cellpadding="2">
	  		<tr>
	  			<td colspan="2" align="center">我的计算器</td>
	  		</tr>
	  		<tr>
	  			<td>第一个参数:</td>
	  			<td><input type="text" name="firstNum"/></td>
	  		</tr>
	  		<tr>
	  			<td>运算符:</td>
	  			<td>
	  				<select name="operator">
	  					<option value="+">+</option>
	  					<option value="-">-</option>
	  					<option value="*">*</option>
	  					<option value="/">/</option>
	  				</select>
	  			</td>
	  		</tr>
	  		<tr>
	  			<td>第二个参数:</td>
	  			<td>
	  				<input type="text" name="secondNum">
	  			</td>
	  		</tr>
	  		<tr>
	  			<td colspan="2">
	  				<input type="submit" value="计算" />
	  			</td>
	  		</tr>
	  	</table>
  	</form>	
  </body>
</html>
 
本文使用的javabean代码如下:


package cn.zq.domain;

public class Calculator {
	private String firstNum;
	private String operator;
	private String secondNum;
	private String result;
	public String getFirstNum() {
		return firstNum;
	}
	public void setFirstNum(String firstNum) {
		this.firstNum = firstNum;
	}
	public String getOperator() {
		return operator;
	}
	public void setOperator(String operator) {
		this.operator = operator;
	}
	public String getSecondNum() {
		return secondNum;
	}
	public void setSecondNum(String secondNum) {
		this.secondNum = secondNum;
	}
	public String getResult() {
		return result;
	}
	public void setResult(String result) {
		this.result = result;
	}
	public Calculator() {}
	public Calculator(String firstNum, String operator, String secondNum,
			String result) {
		this.firstNum = firstNum;
		this.operator = operator;
		this.secondNum = secondNum;
		this.result = result;
	}
	
	public void calculate(){
		if(operator != null && !operator.equals("")){
			double first = new Double(firstNum);
			double second = new Double(secondNum);
			char oper = operator.charAt(0);
			switch (oper) {
			case '+':
				result = first + second + "";
				break;
			case '-':
				result = first - second + "";
				break;
			case '*':
				result = first * second + "";
				break;
			case '/':
				result = first / second + "";
				break;
			default:
				throw new RuntimeException("未知运算符!");
			}
		}
	}
}

最终完成的效果图如下:

简单计算器

总结:前面只是一个小的练习,实际上还是有很多缺陷的,在数据提交后未进行校验。很显然jsp+javabean模式只适合完成简单的计算,要是要完成的功能比较复杂的话,这种模式就不合适了。要是在jsp页面进行一些业务的处理,也使得程序混乱不堪,最后难以维护,上面例子的业务逻辑的处理是直接在javabean中完成的,实际的项目中,业务不会这么简单,常常涉及到一些对数据库的操作,应该把各个成分都给分离开来,这样以后维护起来也容易多了,也会让程序员赏心悦目,假如是一个逻辑层次划分的不是很良好的项目,维护起来真叫人恶心,让我抓狂。

好的,下面是一个简单的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计算器。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值