jsp学习---使用jsp和JavaBean实现超简单网页计算器

一.需求

如题,用jsp实现一个超简单的网页计算器.

二.实现

1.效果图

1)初始界面:

jsp学习---使用jsp和JavaBean实现超简单网页计算器

2)随便输入两个数进行相乘:

jsp学习---使用jsp和JavaBean实现超简单网页计算器

jsp学习---使用jsp和JavaBean实现超简单网页计算器

 

3)当除数为零时提示报错:

jsp学习---使用jsp和JavaBean实现超简单网页计算器

jsp学习---使用jsp和JavaBean实现超简单网页计算器

2.代码

Calculator.java

jsp学习---使用jsp和JavaBean实现超简单网页计算器
package com.amos.model;

import java.math.BigDecimal;

/** 
* @ClassName: Calculator 
* @Description: 计算器
* @author: amosli
* @email:amosli@infomorrow.com
* @date Mar 20, 2014 1:04:59 AM  
*/
public class Calculator {
    private String firstnum="0";
    private String secondnum="0";
    private char operator=‘+‘;
    private String result;

    public String getResult() {
        return result;
    }

    public char getOperator() {
        return operator;
    }

    public void setOperator(char operator) {
        this.operator = operator;
    }

    public void setResult(String result) {
        this.result = result;
    }

    public String getFirstnum() {
        return firstnum;
    }

    public void setFirstnum(String firstnum) {
        this.firstnum = firstnum.trim();
    }

    public String getSecondnum() {
        return secondnum;
    }

    public void setSecondnum(String secondnum) {
        this.secondnum = secondnum.trim();
    }

    public void calculate() {
        BigDecimal a = new BigDecimal(this.firstnum);
        BigDecimal b = new BigDecimal(this.secondnum);
        switch (this.operator) {
        case ‘+‘:
            this.result = a.add(b).toString();
            break;
        case ‘-‘:
            this.result = a.subtract(b).toString();
            break;
        case ‘*‘:
            this.result = a.multiply(b).toString();
            break;
        case ‘/‘:
            if (b.doubleValue()==0) {
                throw new RuntimeException("被除数不能为零");
            }
            this.result = a.divide(b,10,BigDecimal.ROUND_HALF_DOWN).toString();
            break;
        default:
            break;
        }
    }
}
jsp学习---使用jsp和JavaBean实现超简单网页计算器

calculator.jsp

jsp学习---使用jsp和JavaBean实现超简单网页计算器
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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">
<title>jsp计算器</title>
</head>
<body>
    <jsp:useBean id="calcBean" class="com.amos.model.Calculator"></jsp:useBean>
    <jsp:setProperty property="*" name="calcBean" />
    <%
        calcBean.calculate();
    %>
    <hr>
    计算结果是:
    <jsp:getProperty property="firstnum" name="calcBean" />
    <jsp:getProperty property="operator" name="calcBean" />
    <jsp:getProperty property="secondnum" name="calcBean" />
    =<jsp:getProperty property="result" name="calcBean" />
    <hr>
    <form action="/jsp/calculator.jsp" method="post">
        <table style="text-align: center;">
            <tr>
                <td colspan="2">简单的计算器</td>
            </tr>
            <tr>
                <td>第一个参数</td>
                <td><input type="text" name="firstnum" /></td>
            </tr>
            <tr>
                <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>
                    <button name="calc" type="submit">计算</button>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>
jsp学习---使用jsp和JavaBean实现超简单网页计算器

 

3.代码介绍

1)这里注意如果要进行精度运算,用double + double很容易失真,比如,a=0.1,b=0.02 ,a+b=?

0.1+0.02=0.12000000000000001

这里是因为计算机底层只认识0和1,而double是64位精度,所以在计算时,很容易失真.

建议做运算的时候使用BigDecimal或者BigInteger类进行运算,调用其原有的add,substract等方法即可实现加减等操作.

2)jsp主要用到的就是jsp:useBean进行实例化对象,jsp:setProperty和jsp:getProperty进行设值和取值.

3)关于错误页面内容的配置:

在web.xml中添加如下内容,捕获exception:

<error-page>
      <exception-type>java.lang.Exception</exception-type>
      <location>/error/error.jsp</location>
  </error-page>

同时在error.jsp页面中将错误信息显示出来:

sorry,出错了!!
    <%out.print(exception.getMessage()); %>

 

补充:JSP有两种开发模式:

SUN公司推出JSP技术后,同时也推荐了两种web应用程序的开发模式,一种是JSP+JavaBean模式一种是Servlet+JSP+JavaBean模式。
1)JSP+JavaBean模式,适合简单开发,适合开发业务逻辑不太复杂的web应用程序,这种模式下,JavaBean用于封装业务数据,JSP即负责处理用户请求,又显示数据;
2)Servlet+JSP+JavaBean(MVC)模式适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据。 Servlet+JSP、JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式。

本例中采用的即是第一种开发模式.

jsp学习---使用jsp和JavaBean实现超简单网页计算器,布布扣,bubuko.com

jsp学习---使用jsp和JavaBean实现超简单网页计算器

上一篇:PHP中的PDO操作学习(二)预处理语句及事务


下一篇:JavaScript:动态代理之远程代理