JSP实现简单网页计算器

当前位置：电视猫 > php教程>

电视猫时间： 2024-09-11 15:11:00

　　JSP实现简单网页计算器

概述

使用JSP实现一个简单的网页计算器，可以帮助我们更好地理解JSP的工作原理，以及前端与后端的交互。我们将创建一个基本的计算器，支持加、减、乘、除四种运算。

实现步骤

1. HTML页面设计

创建一个HTML页面，包含两个文本框用于输入数字，几个按钮表示运算符，以及一个文本框显示计算结果。

HTML


<form action="CalculatorServlet" method="post">

    <input type="text" name="num1" placeholder="请输入第一个数字">

    <input type="text" name="num2" placeholder="请输入第二个数字">

    <button type="submit" name="operator" value="+">+</button>

    <button type="submit" name="operator" value="-">-</button>

    <button type="submit" name="operator" value="*">*</button>

    <button type="submit" name="operator" va   lue="/">/</button>

    <input type="text" name="result" readonly>

</form>

2. Servlet处理

创建一个Servlet，负责接收HTML表单提交的数据，进行计算，并将结果返回给浏览器。

Java


import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.   HttpServletResponse;

import java.io.IOException;



@WebServlet("/CalculatorServlet")

public class CalculatorServlet extends HttpS   ervlet {

    protected void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        String    num1Str = request.getParameter("num1");

        String num2Str = request.getParameter("num2");

        String operator = request.getParameter("operator   ");



        double num1 = Double.parseDouble(num1Str);

        double num2 = Double.parseDouble(num2Str);

        double result = 0;



        switch (operator) {

            case "+":

                result = num1 + num2;

                break;

            case "-":

                result = num1 - num2;

                break;

            case "*":

                   result = num1 * num2;

                break;

            case "/":

                if (num   2 == 0) {

                    // 处理除数为0的情况

                    request.setAttribute("error", "除数不能为0");

                } else {

                    result = num1 / num2;

                }

                break;

        }



        request.setAttribute("result", result);

        request.getRequestDispatcher("result.jsp").forward(request, response);

    }

}

3. 结果页面

创建一个JSP页面，用于显示计算结果。

HTML


<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

    <title>计算结果</title>

</head>

<body>

计算结果：${result}

<% if (request.getAttribute("error") != null) { %>

    <p style="color: red;">${error}</p>

<% } %>

</body>

</html>