jsp學習---使用jsp和JavaBean實現超簡單網頁計算器

時間 2019-11-12

標籤 jsp 學習使用 javabean 實現簡單網頁計算器欄目 JSP 简体版

原文原文鏈接

一.需求

如題,用jsp實現一個超簡單的網頁計算器.html

二.實現

1.效果圖

1)初始界面:java

2)隨便輸入兩個數進行相乘:web

３)當除數爲零時提示報錯:jsp

2.代碼

Calculator.javaide

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.jsppost

<%@ 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=?ui

0.1+0.02=0.12000000000000001

這裏是由於計算機底層只認識0和1,而double是64位精度,因此在計算時,很容易失真.this

建議作運算的時候使用BigDecimal或者BigInteger類進行運算,調用其原有的add,substract等方法便可實現加減等操做.spa

2)jsp主要用到的就是jsp:useBean進行實例化對象,jsp:setProperty和jsp:getProperty進行設值和取值.3d

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開發推薦採用此種模式。

本例中採用的便是第一種開發模式.