DDR爱好者之家 Design By 杰米

jsp实现网页计算器代码如下:只有两个jsp页面

myCal.jsp如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<base href="<%=basePath%>"> 
 
<title>My JSP 'myCal.jsp' starting page</title> 
 
<meta http-equiv="pragma" content="no-cache"> 
<meta http-equiv="cache-control" content="no-cache"> 
<meta http-equiv="expires" content="0"> 
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
<meta http-equiv="description" content="This is my page"> 
 
 
<!-- jsp页面中不可以直接使用script --> 
<script language="javascript"> 
<!-- 
  //写一个函数判断是否两个数都有 
  function checkNum() 
  { 
   //判断num1 num2是否为空 
   if((form1.num1.value == "") || (form1.num2.value == "")) 
   { 
    window.alert("null,不能为空!"); 
    return false; 
   } 
   //判断是否是数字 
   if(Math.round(form1.num1.value) != form1.num1.value && Math.round(form1.num2.value) != form1.num2.value) 
   { 
    window.alert("num1和num2不是一个数"); 
    return false; 
   } 
   if(Math.round(form1.num1.value) != form1.num1.value) 
   { 
    window.alert("num1不是一个数"); 
    return false; 
   } 
   if(Math.round(form1.num2.value) != form1.num2.value) 
   { 
    window.alert("num2不是一个数"); 
    return false; 
   } 
    
  } 
  
 --> 
 </script> 
</head> 
<body> 
 
 <form name="form1" action="calculator/myResult.jsp" method="post"> 
  请输入第一个数:<input type="text" name="num1"> 
  <select name="flag"> 
   <option value=+>+</option> 
   <option value=->-</option> 
   <option value=*>*</option> 
   <option value=/>/</option> 
  </select> 
  请输入第二个数:<input type="text" name="num2"> 
  <input type="submit" value="计算" onclick="return checkNum();"> 
 </form> 
 
</body> 
</html> 

myResult.jsp如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
 <head> 
 <base href="<%=basePath%>"> 
  
 <title>My JSP 'myResult.jsp' starting page</title> 
  
 <meta http-equiv="pragma" content="no-cache"> 
 <meta http-equiv="cache-control" content="no-cache"> 
 <meta http-equiv="expires" content="0">  
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
 <meta http-equiv="description" content="This is my page"> 
 <!-- 
 <link rel="stylesheet" type="text/css" href="styles.css"> 
 --> 
 
 </head> 
 
 <body> 
 <% 
 //第1步接收到 第1个数 
 String s_num1 = request.getParameter("num1"); 
 //第2步接收到 第2个数 
 String s_num2 = request.getParameter("num2"); 
 //第3步接收到 运算符 
 String flag = request.getParameter("flag"); 
 //第4步 计算 
  
 int num1 = Integer.parseInt(s_num1); 
 int num2 = Integer.parseInt(s_num2); 
 int result = 0; 
 if(flag.equals("+")) 
 { 
  result = num1+num2; 
 } 
 else if(flag.equals("-")) 
 { 
  result = num1-num2; 
 } 
 else if(flag.equals("*")) 
 { 
  result = num1*num2; 
 } 
 else if(flag.equals("/")) 
 { 
  result = num1/num2; 
 } 
 //第5步 
 out.println("结果是:"+result); 
 %> 
  
 </body> 
</html>

虽然过程很简单但是有几个值得学习的地方:
如何判断输入的数据是不是数字:使用Math.round(form1.num1.value) != form1.num1.value   来判断;
如何获取操作值:设置name属性 flag实现。

希望本文所述对大家学习JSP编程有所帮助。

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

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

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

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

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