Java Web中用Servlet编写简易计算器

45 篇文章 1 订阅
19 篇文章 1 订阅

运行效果:
在这里插入图片描述
运行结果:
在这里插入图片描述
文件目录:
在这里插入图片描述
CalculateServlet.java中的代码

package com.lyq.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * 计算器Servlet
 */
public class CalculateServlet extends HttpServlet {
	private static final long serialVersionUID = 7223778025721767631L;

	@Override
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		response.setContentType("text/html");
		response.setCharacterEncoding("GBK");
		PrintWriter out = response.getWriter();
		// 获取第一个数字
		double firstNum = Double.valueOf(request.getParameter("firstNum"));
		// 获取第一个数字
		double secondNum = Double.valueOf(request.getParameter("secondNum"));
		// 获取运算符
		String operator = request.getParameter("operator");
		// 计算结果
		double result = 0;
		// 判断运算符
		if("+".equals(operator)){
			result = firstNum + secondNum;
		}else if("-".equals(operator)){
			result = firstNum - secondNum;
		}else if("*".equals(operator)){
			result = firstNum * secondNum;
		}else if("/".equals(operator)){
			result = firstNum / secondNum;
		}
		// 输出计算结果
		out.print(firstNum + " " + operator +  " " + secondNum + " = " + result);
		out.print("<br><a href='index.jsp'>返回</a>");
		out.flush();
		out.close();
	}

}

web.xml中的代码

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
	<servlet>
		<servlet-name>CalculateServlet</servlet-name>
		<servlet-class>com.lyq.servlet.CalculateServlet</servlet-class>
	</servlet>
	<servlet-mapping>
		<servlet-name>CalculateServlet</servlet-name>
		<url-pattern>/CalculateServlet</url-pattern>
	</servlet-mapping>
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
</web-app>

index.jsp中的代码

<%@ page language="java" contentType="text/html" pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>简易Servlet计算器</title>
    <!--
	<link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script type="text/javascript">
    	function calc(form){
			with(form){
				if(firstNum.value == "" || secondNum.value == ""){
					alert("请输入数字!");
					return false;
				}
				if(isNaN(firstNum.value) || isNaN(secondNum.value)){
					alert("数字格式错误!");
					return false;
				}
				if(operator.value == "-1"){
					alert("请选择运算符!");
					return false;
				}
			}
    	}
    </script>
  </head>
  
  <body>
  	<form action="CalculateServlet" method="post" onsubmit="return calc(this);">
	    <table align="center" border="0">
	    	<tr>
	    		<th>简易Servlet计算器</th>
	    	</tr>
	    	<tr>
	    		<td>
	    			<input type="text" name="firstNum">
	    			<select name="operator">
	    				<option value="-1">运算符</option>
	    				<option value="+">+</option>
	    				<option value="-">-</option>
	    				<option value="*">*</option>
	    				<option value="/">/</option>
	    			</select>
	    			<input type="text" name="secondNum">
	    			<input type="submit" value="计算">
	    		</td>
	    	</tr>
	    </table>
	</form>
  </body>
</html>

  • 4
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值