網頁計算器的簡單實現--jsp開發模式

今天學習了傳智播客的視頻
http://study.163.com/course/courseLearn.htm?courseId=214022#/learn/video?lessonId=309361&courseId=214022 第111課時,跟着視頻做了一個簡單的網頁計算器。由於是第一次接觸Javabean,有好多地方還不太瞭解,因此寫下此文,方便以後查閱和使用,有什麼不太恰當的描述歡迎指正。

開發環境:Eclipse+Tomcat

首先放上熱騰騰的運行結果圖:

項目的整體結構圖如下圖所示:

項目結構圖

web.xml代碼如下:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>calculate</display-name>
  <welcome-file-list>
    <welcome-file>calculater.jsp</welcome-file>
  </welcome-file-list>
</web-app>

CalculatorBean.java的代碼如下:

package calculate;
import java.math.BigDecimal;
import javax.management.RuntimeErrorException;
//封裝計算數據的bean
public class CalculatorBean {
    private String firstNum = "0";
    private String secondNum = "0";
    private char operator = '+';
    public String getResult() {
        return result;
    }
    public void setResult(String result) {
        this.result = result;
    }
    private String result;
    public String getFirstNum() {
        return firstNum;
    }
    public String getSecondNum() {
        return secondNum;
    }
    public char getOperator() {
        return operator;
    }
    public void setFirstNum(String firstNum) {
        this.firstNum = firstNum;
    }
    public void setSecondNum(String secondNum) {
        this.secondNum = secondNum;
    }
    public void setOperator(char operator) {
        this.operator = operator;
    }
    public void calculate(){
        BigDecimal first = new BigDecimal(this.firstNum);
        BigDecimal second = new BigDecimal(this.secondNum);
        switch (this.operator) {
        case '+':
            this.result = first.add(second).toString();
            break;
        case '-':
            this.result = first.subtract(second).toString();
            break;
        case '*':
            this.result = first.multiply(second).toString();
            break;
        case '/':{
            if(second.doubleValue()==0){
                throw new RuntimeException("除數不能爲0!");
            }
            this.result = first.divide(second,20,BigDecimal.ROUND_HALF_DOWN).toString();
            break;
        }
        default:
            throw new RuntimeException("運算符異常");
        }
    }
}

這部分要注意在最開始的時候要設置firstNum、secondNum和operator的初始值,若是沒有初始值的話運行程序會由於無法獲取到這三個參數而報錯。報錯截圖如下:

未初始化參數報錯

calculater.jsp的代碼如下:

<%@ page language="java" 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>計算器</title>
</head>
<body style="text-align: center;">
    <jsp:useBean id="calculatorBean" class="calculate.CalculatorBean"></jsp:useBean>
    <jsp:setProperty property="*" name="calculatorBean"/>
    <% 
        try{
            calculatorBean.calculate();
        }catch(Exception e){
            out.write(e.getMessage());
        }
    %>
    <br/>--------------------------------------------------<br/>
    計算結果是:
    <jsp:getProperty property="firstNum" name="calculatorBean"/>
    <jsp:getProperty property="operator" name="calculatorBean"/>
    <jsp:getProperty property="secondNum" name="calculatorBean"/>
    =
    <jsp:getProperty property="result" name="calculatorBean"/>
    <br/>--------------------------------------------------<br/>
    <br/>
    <form action="/calculate/calculater.jsp" method="post">
    <table border="1" align="center">
    <tr>
        <td colspan="2">簡單計算器</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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章