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

时间：2021-06-02 19:34:20

一.需求

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

二.实现

1.效果图

1)初始界面:

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

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

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

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

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

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

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

2.代码

Calculator.java

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;

        }

    }

}

calculator.jsp

<%@ 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>

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开发推荐采用此种模式。

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

相关文章