• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JSP > JSP实现计算器功能(网页版)

JSP实现计算器功能(网页版)

作者:徐刘根 字体:[增加 减小] 来源:互联网 时间:2017-05-11

徐刘根通过本文主要向大家介绍了用jsp编写计算器,jsp制作计算器,jsp实现计算器,jsp页面计算器,jsp做计算器等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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> 
</div>

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>
</div>

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

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • JSP实现计算器功能(网页版)

相关文章

  • 2017-05-11web开发中添加数据源实现思路
  • 2017-05-11jsp+Servlet编程实现验证码的方法
  • 2017-05-11Spring mvc实现Restful返回xml格式数据实例详解
  • 2017-05-11JSP中使用JDBC访问SQL Server 2008数据库示例
  • 2017-05-11关于jsp中cookie丢失问题(详解)
  • 2017-05-11jsp的注释可能会影响页面加载速度让代码扔继续执行
  • 2017-09-16jsp页面验证码的显示与点击刷新问题
  • 2017-05-11jsp中include指令静态导入和动态导入的区别详解
  • 2017-05-11jsp下页面跳转的几种方法小结
  • 2017-05-11JSP的内部对象

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • JSP 中文字符处理代码
    • JSP上传文件到指定位置实例代码
    • JSP 从配置文件获取参数详解
    • jsp地址栏传中文显示乱码解决方法分享
    • jsp的常用指令有哪些(编译指令/动作指令整理)
    • Struts2 OGNL调用公共静态方法详细介绍
    • JSP针对XML文件操作技巧实例分析
    • Jsp如何实现网页的重定向
    • JSP自定义标签简单入门教程
    • 实例讲解JSP Model2体系结构(上)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有