首页 > 代码库 > j2ee-JSP之简单计算器

j2ee-JSP之简单计算器

来源韩顺平.j2ee视频实战教程jsp第1讲(下集)

--------------------------------------------------------------------------------------------------------

简单计算器,可以控制输入的数(仅第一个数)不能为空且不能为字符串

myCal.jsp代码

技术分享
 1 <!--这是计算器的界面 -->
 2 <!-- 可以控制输入的数不能为空且不能为字符串 -->
 3 <%@ page contentType="Text/html;charset=gb2312" %>
 4 <html>
 5 
 6   <h1>我的计算器</h1>
 7   <hr>
 8   <head>
 9   <!-- 在jsp中添加代码,防止用户空提交 -->
10   <script language="javascript">
11   <!--
12   //写一个函数验证用户是不是空提交
13   function checkNum(){
14   //判断num1,是不是空的
15   if(form1.num1.value http://www.mamicode.com/==""){
16       window.alert("num1不能为空!!!");//弹出一个对话框
17       return false;
18   
19   }
20   //判断num1是不是一个数
21   if(Math.round(form1.num1.value)!=form1.num1.value){
22        window.alert("num不是一个数!!!");//弹出一个对话框
23        return false;
24   }
25   
26   
27   }
28   -->
29   
30   </script>
31   </head>
32   
33   <body>
34     <form name="form1" action="myResult.jsp">
35            请输入第一个数:<input type="text" name="num1"><br>
36     <select name="flag">
37     
38     <option  value=http://www.mamicode.com/+>+"color: #008080">39     <option  value=http://www.mamicode.com/->-"color: #008080">40     <option  value=http://www.mamicode.com/*>*"color: #008080">41     <option  value=http://www.mamicode.com/>/"color: #008080">42     </select><br>
43           请输入第二个数:<input type="text" name="num2"><br>
44      <input type="submit" value="http://www.mamicode.com/计算" onclick="return checkNum()">
45           
46 </form>
47 <hr>
48 </body>
49 </html>
View Code

myResult.jsp代码

技术分享
 1 <%@ page contentType="Text/html;charset=gb2312" %>
 2 <html>
 3   <body>
 4   <%
 5   //接受到第一个数
 6    String s_num1=request.getParameter("num1");
 7   //接受第二个数
 8    String s_num2=request.getParameter("num2");
 9   //接受运算符号
10    String flag = request.getParameter("flag");
11   int num1=0;
12   int num2=0;
13   int result=0;
14   //java中 String -> int
15   num1=Integer.parseInt(s_num1);
16   num2=Integer.parseInt(s_num2);   
17   //计算
18   if(flag.equals("+")){
19   //
20   result =num1+num2; 
21   }else if(flag.equals("-")){
22     result =num1-num2; 
23   //
24   }else if(flag.equals("*")){
25     result =num1*num2;
26   //
27   }else{
28     result =num1/num2; 
29   //
30   }
31   //输出结果
32  out.println("结果是:"+result); 
33    %>
34    
35   </body>
36 </html>
View Code

界面效果:

技术分享     

  技术分享

技术分享

---------------------------------------------------------------------------------------------------------------------------------------------

 

j2ee-JSP之简单计算器