JAVA 完成一个网页计算器

本文介绍了如何使用JAVA来创建一个网页计算器,包括加、减、乘、除四种基本运算。内容涉及前端页面的设计和后台处理代码的编写。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

网页计算器

1. 效果如图

1.页面效果
页面效果
2.加法运算
加法
3.减法运算
减法
4.乘法运算
乘法
5.除法运算
除法

2.前端页面代码

<!-- form表单提交 -->
<form action="/calculator" method="post" >
	<!-- 第一个数 -->
	<input type="text" name="first" placeholder=<%=request.getAttribute("first")==null?"输入第一个值":request.getAttribute("first") %>>
	<!-- 下拉列表选择运算 -->
	<select name="algorithms">
		<option value="+" <%if("+".equals(request.getAttribute("faze"))){%>selected="selected"<%}%>>+</option
Java中编写一个简单的网页计算器,我们可以使用Servlet技术结合HTML和JavaScript来实现。下面是一个基础的例子,这个例子创建了一个可以加、减、乘、除四则运算的简单计算器: 1. 首先,创建一个Servlet,例如CalculatorServlet.java: ```java import javax.servlet.*; import javax.servlet.http.*; import java.io.*; public class CalculatorServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String operator = request.getParameter("operator"); String num1 = request.getParameter("num1"); String num2 = request.getParameter("num2"); double result; if (operator.equals("+")) { result = Double.parseDouble(num1) + Double.parseDouble(num2); } else if (operator.equals("-")) { result = Double.parseDouble(num1) - Double.parseDouble(num2); } else if (operator.equals("*")) { result = Double.parseDouble(num1) * Double.parseDouble(num2); } else if (operator.equals("/")) { result = Double.parseDouble(num1) / Double.parseDouble(num2); } else { // 错误的运算符处理 response.getWriter().println("Invalid operator"); return; } response.setContentType("text/html"); PrintWriter out = response.getWriter(); out.println("<html><body>"); out.println("Result: " + result); out.println("</body></html>"); } } ``` 2. 然后,在web.xml文件中配置Servlet: ```xml <web-app> <servlet> <servlet-name>CalculatorServlet</servlet-name> <servlet-class>CalculatorServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>CalculatorServlet</servlet-name> <url-pattern>/calculator</url-pattern> </servlet-mapping> </web-app> ``` 3. HTML部分(index.html或其他前端页面)用于用户输入和显示结果: ```html <!DOCTYPE html> <html> <head> <title>Simple Web Calculator</title> </head> <body> <form action="CalculatorServlet" method="post"> Operator: <input type="text" name="operator"><br> Number 1: <input type="number" name="num1"><br> Number 2: <input type="number" name="num2"><br> <input type="submit" value="Calculate"> </form> <p id="result"></p> <script> document.getElementById('result').addEventListener('load', function() { this.innerHTML = 'Please enter values and press calculate.'; }); </script> </body> </html> ``` 4. 当用户提交表单后,浏览器会发送POST请求到`/calculator`地址,服务器端的Servlet接收到请求并计算结果。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值