• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    JSP实现计算器功能(网页版)

    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编程有所帮助。

    您可能感兴趣的文章:
    • JavaScript获取客户端计算机硬件及系统等信息的方法
    • JS获取计算机mac地址以及IP的实现方法
    • jsvascript图像处理—(计算机视觉应用)图像金字塔
    • 可以关闭计算机的js脚本
    • Flex通过JS获取客户端IP和计算机名的实例代码
    • Vue.js计算机属性computed和methods方法详解
    • 网页计算器 一个JS计算器
    • js网页版计算器的简单实现
    • 使用jsp调用javabean实现超简单网页计算器示例
    • JavaScript计算器网页版实现代码分享
    • 使用JSP制作一个超简单的网页计算器的实例分享
    • node.js+express制作网页计算器
    • javascript实现简单的可随机变色网页计算器示例
    • JS基于递归实现网页版计算器的方法分析
    • JS实现可针对算术表达式求值的计算器功能示例
    • js表达式计算器代码
    • JS实现基本的网页计算器功能示例
    上一篇:JSP利用过滤器解决request中文乱码问题
    下一篇:JSP隐含对象response实现文件下载
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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