实验4  JavaBean创建和使用

一、实验目的

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

1、掌握JavaBean创建和使用方法;

2、领会JavaBean简化页面设计的优势等。

二、实验内容

1、设计诸如以下页面的简单计算器

   要求:完成加减乘除,当除数为零时提示报错:

2.将加减乘除部分写在JavaBean中,JSP页面中调用显示计算结果。

三、实验方法

1、按照JavaBean书写规则,实现加减乘除;

2、主页面JSP中,设置供客户端输入的文本框。显示最终计算结果。

四、实验学时:2学时

五、实验代码

JavaBean

实验4 JavaBean创建和使用(计算器) 随笔 第1张
 1 package Calculation;
 2 
 3 import java.math.*;
 4 
 5 public class Calculation {
 6      float num1;
 7      float  num2;
 8      String symbol;
 9      float result;
10     
11     public float getNum1() {
12         return num1;
13     }
14     public void setNum1(float num1) {
15         this.num1=num1;
16     }
17     public float getNum2() {
18         return num2;
19     }
20     public void setNum2(float num2) {
21         this.num2=num2;
22     }
23     public  String getSymbol() {
24         return symbol;
25     }
26     public void setSymbol(String symbol) {
27         this.symbol=symbol;
28     }
29     public float getResult() {
30         float results=0;
31         try{
32             switch (symbol) {
33                 case "加":
34                     results=num1+num2;
35                     break;
36                 case "减":
37                     results=num1-num2;
38                     break;
39                 case "乘":
40                     results=num1*num2;
41                     break;
42                 case "除":
43                     results=num1/num2;
44                     break;
45         
46                 default:
47                     break;
48             }
49         }
50         catch (Exception e) {
51                 e.getMessage();
52             }
53         return results;
54     }
55         
56     public void setResult(float result) {
57         this.result=result;
58     }
59 }
JavaBean

calculation.jsp

实验4 JavaBean创建和使用(计算器) 随笔 第3张
 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <% 
 4     request.setCharacterEncoding("UTF-8");
 5 %>
 6 <!DOCTYPE html>
 7 <html>
 8 <head>
 9 <meta charset="ISO-8859-1">
10 <title>Calculation</title>
11 <style type="text/css">
12 div{
13     box-sizing: border-box;
14     border-width:400px 300px;
15     padding-top: 100px;
16 }
17 body{
18     margin:0 auto;
19     wigth:200PX;
20     height:150px;
21     text-align:center;
22     font-size:20px;
23     font-family: 黑体,楷书;
24     color:black;
25 }
26 </style>
27 </head>
28 <body>
29 <div>
30 <jsp:useBean id="calculate" scope="request" class="Calculation.Calculation"/>
31 <jsp:setProperty name="calculate" property="*" />
32 <p><b style=" font-size:30px;color:pink">简单计算器</b></p>
33 <form action="calculation.jsp" method="post">
34 <li>
35       <p>第一个参数<input type="text" name="num1" id="num1" size="15" maxlength="15" required="required"></p>
36          <select name="symbol">
37              <option value="加">+</option>
38              <option value="减">-</option>
39              <option value="乘">*</option>
40              <option value="除">/</option>
41          </select> 
42      <p>第二个参数<input type="text" name="num2" size="15" maxlenght="15" required="required"></p>
43      <input type="submit" name="Submit" value="计算">    
44 </li>
45 </form>
46 <div>
47 <span style="color: red"><%
48     if(request.getParameter("symbol") != null){
49             String symbol1=request.getParameter("symbol");
50         if(symbol1.equals("除") && calculate.getNum2()==0){
51                 out.print("error!出错啦!!!被除数不能为0!");
52             %></span>
53         <% }
54         else{
55             %>
56         <span style="color: green">
57             <%="计算结果是:"%> 
58             <%=calculate.getNum1() %>
59             <%
60                 if(symbol1.equals("加"))
61                     out.print("+");
62                 if(symbol1.equals("减"))
63                     out.print("-");
64                 if(symbol1.equals("乘"))
65                     out.print("*");
66                 if(symbol1.equals("除"))
67                     out.print("/");
68             %>
69             <%=calculate.getNum2() %>=
70             <%=calculate.getResult() %>
71             </span><br/><% 
72         }
73     }
74 %>
75 </div>
76 </div>
77 </body>
78 </html>
calculation.jsp

 

实验4 JavaBean创建和使用(计算器) 随笔 第5张实验4 JavaBean创建和使用(计算器) 随笔 第6张实验4 JavaBean创建和使用(计算器) 随笔 第7张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄