程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> 使用jsp調用javabean實現超簡單網頁計算器示例

使用jsp調用javabean實現超簡單網頁計算器示例

編輯:關於JSP






以下是代碼:


Calculator.java
復制代碼 代碼如下:
package com.amos.model;

import java.math.BigDecimal;

/**
* @ClassName: Calculator
* @Description: 計算器
* @author: amosli
* @email:[email protected]
* @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>

代碼介紹

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

本例中采用的即是第一種開發模式.

PS:這裡再為大家推薦兩款本站的在線計算器,都是采用js實現,且功能強大,相信對於大家深入了解JavaScript數學運算及web設計會有所幫助:

在線標准計算器:http://tools.jb51.net/jisuanqi/jsq

在線科學計算器:http://tools.jb51.net/jisuanqi/jsqkexue

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved