DDR爱好者之家 Design By 杰米

使用jsp调用javabean实现超简单网页计算器示例
使用jsp调用javabean实现超简单网页计算器示例


使用jsp调用javabean实现超简单网页计算器示例
以下是代码:


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>

代码介绍

1)这里注意如果要进行精度运算,用double + double很容易失真,比如,a=0.1,b=0.02 ,a+b="codetitle">复制代码 代码如下:
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

DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。