jsp实现一个简单的计算器

最新推荐文章于 2022-11-07 01:01:33 发布
最新推荐文章于 2022-11-07 01:01:33 发布
阅读量2w 收藏 24
点赞数 1
分类专栏： jsp 文章标签： jsp Jsp JSP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaoyy09/article/details/8451371
版权 
<!-- 这是一个计算器 -->
<%@ page contentType="text/html; charset=gb2312" %>
<html>
	<h1>计算器</h1>
	
	<hr>
	
	<script language = "javascript">
		function checkNum(){
		
		//		alert("1");alert("0");
			if(document.form1.num1.value == ""){  //注意这里只能使用 == 不能使用equals("")以为js中没有equals函数				alert("num为空");
				return false;
			}
			//判断输入的的是不是数字
			if(Math.round(document.form1.num1.value) != document.form1.num1.value){
				alert("输入的不是num1数字类型。请核实");
				return false;
			}
			
			if(Math.round(document.form1.num2.value) != document.form1.num2.value){
				alert("输入的不是num2数字类型。请核实");
				return false;
			}
			if(document.form1.operator.value == "/" && document.form1.num2.value == 0){
				alert("除数不能为0");
				return false;
			}
			
			
		}
	</script>
	
	
	<body>

			<!-- 显示结果 -->
			
			<!-- 
			<%
				//接受第一个运算数
				String strNum1 = request.getParameter("num1");
				
				//接受第二个云算数
				String strNum2 = request.getParameter("num2");
				//System.out.println("strNum2="+ strNum2);
				//接受运算符
				String operator = request.getParameter("operator");
				//计算结果
				int num11=0, num22=0,result=0;
				
				out.println("12345");
				
				if(strNum1 != null && strNum2 != null && operator != null){
				out.println("不等于空=============");
				//	return false;
				try{
					
					num11 = Integer.parseInt(strNum1);
					num22 = Integer.parseInt(strNum2);
					
					if(operator.equals("+")){
						result = num11 + num22;
					}else if(operator.equals("-")){
						result = num11 - num22;
					}else if(operator.equals("*")){
						result = num11 * num22;
					}else if(operator.equals("/")){
						result = num11/num22;
					}
				
				}catch(Exception e){
					e.printStackTrace();
					out.println("12345678");
				}
			
			
				//	 out.println(strNum1+operator+strNum2+"="+ result);
		
				}
			 
			  %>
			  
			   -->
			
			
		<form name = "form1" action="myCal.jsp">
		请输入第一个数：<input type="text" name="num1" value="<%=strNum1 %>"><br>
		<select name = "operator">
			<option value=+>+</option>
			<option value=->-</option>
			<option value=*>*</option>
			<option value=/>/</option>
			
		</select><br>
		请输入第二个数：<input type="text" name="num2"  value="<%=strNum2 %>"><br>
		
		
		<input type=submit οnclick="return checkNum()" value="等于">
		
		</form>
		
		 
		结果：<%= strNum1%><%=operator %><%= strNum2%>=<%= result %>
	</body>
</html>

yaoyy09
关注
  • 1
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSP实现简单计算器
salyfan的专栏
01-06 1699
效果图     pageEncoding="utf-8"%> 计算器                             try{             calculatorBean.calculator();         }catch(Exception e){             out.write(e.getMessage
如何用jsp实现一个简易计算器（三）
黄玮鹏的专栏
09-08 9928
这个jsp页面，主要是为了实现在同一个页面提交和接受数据的功能。 &lt;%@ page language="java" contentType="text/html;" pageEncoding="gbk"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR
jsp实现的简易计算器
10-15
Jsp简易计算器
jsp编写的计算器
10-28
Java Web用jsp、Servlet编写的简易计算器
使用JSP实现简易计算器
记录分享编程与冲浪知识
11-07 2532
JSP实现简单计算器的多种方法
jsp-简单计算器
jfr123的博客
09-09 2866
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
使用jsp制作简单的计算器
Mr_hanghang的博客
10-24 1937
简单的计算器 效果图： 以下是代码 HTML代码 <input type="text" id="shu" value=""/><br/> <input type="button" value="1" name="1" onclick="calCulate(this.value)"/> <input type="button" v...
基于JSP实现一个简单计算器的方法
01-20
在本实例中，我们将探讨如何使用JavaServer Pages (JSP) 实现一个简单的计算器应用。JSP 是一种基于Java的动态网页技术，它允许开发者在HTML中嵌入Java代码，以便处理服务器端逻辑。 首先，我们看到的是`index.jsp`...
使用jsp调用javabean实现超简单网页计算器示例
10-26
在本节内容中，我们将详细介绍如何使用JSP和JavaBean技术实现一个简单的网页计算器。我们将通过代码示例、组件功能以及执行过程来逐步解析整个实现过程。 首先，我们需要了解什么是JavaBean。JavaBean是Java语言...
JSP实现计算器功能（网页版）
01-08
jsp实现网页计算器代码如下：只有两个jsp页面 myCal.jsp如下： <%@ page language=java import=java.util.* pageEncoding=utf-8%> <% String path = request.getContextPath(); String basePath = ...
jsp之一个简单的计算器
11-05
jsp之一个简单的计算器；知识点: 1. 如何接收jsp页面提交的数据，并处理 2. jsp中如何使用Java片段 3. jsp中如何使用JavaScript完成对数据合法性的校验
Jsp实现计算器
09-06
实现了简单的加、减、乘、除,使用简单的MVC架构
计算器的简单代码能简单计算加减乘除的计算机，用jsp做的
06-03
算器的简单代码能简单计算加减乘除的计算机，用jsp做的
加减乘除简单计算器
07-10
编写一个对话框应用程序，实现具有+、-、*、/功能的简单计算器。
第一个jsp代码实现简单计算器
weixin_33725722的博客
03-23 856
a．新建mycal.Jsp,把简单计算机的框架写出来： <form action="myresult.jsp"> 请输入第一个数：<input type="text" name="num1"><br> <select name="flag"> <option value=+>+</option> &l...
java web简单计算器_基于JSP实现一个简单计算器的方法
weixin_39623716的博客
02-27 1030
本文实例讲述了基于JSP实现一个简单计算器的方法。分享给大家供大家参考。具体实现方法如下：index.jspString path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%&...
常用正则表达式(转)
cxianf
07-27 118
正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。 匹配中文字符的正则表达式： [\u4e00-\u9fa5] 评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 匹配双字节字符(包括汉字在内)：[^\x00-\xff] 评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 匹配空白行的正则表达式：\n\s*\r 评注：可以...
jsp制作简单计算器
10-13 1276
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 5
jsp+serlvet创建一个简易计算器
最新发布
06-13
好的，这是一个简易的jsp+servlet计算器的实现步骤： 1. 创建一个JSP页面，包含一个表单，其中表单中有两个输入框，一个下拉框和一个提交按钮。下拉框中包含加、减、乘、除四个选项。 2. 在表单中提交按钮的onclick事件中，调用JavaScript函数，将表单中的数据通过Ajax方式发送到后台Servlet中。 3. 创建一个Servlet，用于接收前端发送过来的数据并进行计算，计算完成后将结果返回给前端。 4. 在Servlet中，通过request.getParameter()方法获取前端发送过来的数据，然后根据选择的运算符进行计算，并将结果存储在request作用域中。 5. 在Servlet中，通过request.getRequestDispatcher()方法跳转到结果展示的JSP页面。 6. 在JSP页面中，通过EL表达式获取Servlet中计算得到的结果，并将结果展示给用户。 7. 完成以上步骤后，即可实现一个简单的jsp+servlet计算器。 这里是一个简单的示例代码： index.jsp： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简易计算器</title> <script type="text/javascript"> function calculate() { var num1 = document.getElementById("num1").value; var num2 = document.getElementById("num2").value; var operator = document.getElementById("operator").value; if (num1 == "" || num2 == "") { alert("请输入数字！"); return false; } var url = "calculate?num1=" + num1 + "&num2=" + num2 + "&operator=" + operator; var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { document.getElementById("result").innerHTML = xhr.responseText; } } xhr.open("GET", url, true); xhr.send(); } </script> </head> <body> <h1>简易计算器</h1> <form> <input type="text" id="num1" name="num1"> <select id="operator" name="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" id="num2" name="num2"> <input type="button" value="计算" onclick="calculate()"> </form> <div id="result"></div> </body> </html> ``` CalculateServlet.java： ```java import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class CalculateServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int num1 = Integer.parseInt(request.getParameter("num1")); int num2 = Integer.parseInt(request.getParameter("num2")); String operator = request.getParameter("operator"); int result = 0; switch (operator) { case "+": result = num1 + num2; break; case "-": result = num1 - num2; break; case "*": result = num1 * num2; break; case "/": result = num1 / num2; break; } request.setAttribute("result", result); request.getRequestDispatcher("result.jsp").forward(request, response); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } } ``` result.jsp： ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算结果</title> </head> <body> <h1>计算结果</h1> <p><%= request.getAttribute("result") %></p> </body> </html> ``` 希望这个示例代码能够帮到你！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值