SpringMvc实现简易计算器功能-Java开发

下面是“SpringMvc实现简易计算器功能”的完整攻略。

下面是“SpringMvc实现简易计算器功能”的完整攻略。

1. 前置知识

在实现这一功能之前，需要掌握以下技术：

SpringMvc框架基础知识
Maven项目管理工具基础知识
JSP页面基础知识
控制器中方法参数的绑定、视图解析器、转发和重定向

2. 创建Maven项目

首先，需要使用Maven创建一个新的SpringMvc项目。可以使用以下Maven命令来创建一个新的SpringMvc项目：

mvn archetype:generate -DgroupId=com.example -DartifactId=springmvc-demo -DarchetypeArtifactId=maven-archetype-webapp -DinteractiveMode=false

接着，需要添加以下依赖到pom.xml文件中：

<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>5.1.8.RELEASE</version>
</dependency>

3. 创建视图

为了实现简易计算器的功能，需要创建一个输入值和操作符的表单。在WEB-INF文件夹下创建views文件夹，并创建一个名为calculator.jsp的JSP文件。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Calculator</title>
</head>
<body>
    <h2>Calculator</h2>
    <form action="calculate" method="post">
        <input type="text" name="num1" required>
        <select name="operator" required>
            <option value="+">+</option>
            <option value="-">-</option>
            <option value="*">*</option>
            <option value="/">/</option>
        </select>
        <input type="text" name="num2" required>
        <input type="submit" value="Calculate"/>
    </form>
</body>
</html>

4. 创建控制器

创建一个名为CalculatorController的控制器，这个控制器包含两个方法：一个用于显示calculator.jsp视图和一个用于处理数学计算。

@Controller
public class CalculatorController {

    @GetMapping("/calculator")
    public String showCalculator() {
        return "calculator";
    }

    @PostMapping("/calculate")
    public String calculate(@RequestParam("num1") int num1,
                             @RequestParam("operator") String operator,
                             @RequestParam("num2") int num2,
                             Model model) {
        int result;
        switch (operator) {
            case "+":
                result = num1 + num2;
                break;
            case "-":
                result = num1 - num2;
                break;
            case "*":
                result = num1 * num2;
                break;
            case "/":
                result = num1 / num2;
                break;
            default:
                result = 0;
        }
        model.addAttribute("result", result);
        return "result";
    }
}

在这个控制器中，showCalculator() 方法用于返回calculator.jsp视图，calculate()方法用于处理 POST 请求，在 @RequestParam 注解中获取数学计算所需的所有值。根据所选的操作符，计算得到结果并将其添加到数据模型中，然后返回一个名为result.jsp的视图来展示结果。

5. 创建结果展示视图

在WEB-INF/views下创建名为result.jsp的文件，用于展示结果。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Calculator Result</title>
</head>
<body>
    <h2>Calculator Result</h2>
    <p>The result is: ${result}</p>
    <a href="/calculator">Calculate Again</a>
</body>
</html>

6. 测试应用程序

启动Tomcat服务器并打开浏览器，输入http://localhost:8080/calculator，即可看到calculator.jsp页面。在表单中输入需要计算的值和操作符并点击“计算”，然后浏览器将重定向到结果页面，并显示计算的结果。

7. 示例说明

以下是两个使用SpringMvc创建简易计算器功能的示例。

示例1：计算百分数

在calculator.jsp文件中添加一个百分数计算的输入。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Calculator</title>
</head>
<body>
    <h2>Calculator</h2>
    <form action="calculate" method="post">
        <input type="text" name="num1" required>
        <select name="operator" required>
            <option value="+">+</option>
            <option value="-">-</option>
            <option value="*">*</option>
            <option value="/">/</option>
            <option value="%">%</option>
        </select>
        <input type="text" name="num2" required>
        <input type="submit" value="Calculate"/>
    </form>
</body>
</html>

在calculate方法中添加计算百分数的代码。

    @PostMapping("/calculate")
    public String calculate(@RequestParam("num1") int num1,
                             @RequestParam("operator") String operator,
                             @RequestParam("num2") int num2,
                             Model model) {
        int result;
        switch (operator) {
            case "+":
                result = num1 + num2;
                break;
            case "-":
                result = num1 - num2;
                break;
            case "*":
                result = num1 * num2;
                break;
            case "/":
                result = num1 / num2;
                break;
            case "%":
                result = num1 * num2 / 100;
                break;
            default:
                result = 0;
        }
        model.addAttribute("result", result);
        return "result";
    }

示例2：计算浮点数

在calculator.jsp文件中添加可以计算浮点数的输入。

<h2>Calculator</h2>
<form action="calculate" method="post">
    <input type="text" name="num1" required>
    <select name="operator" required>
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
        <option value="%">%</option>
    </select>
    <input type="text" name="num2" required>
    <input type="submit" value="Calculate"/>
</form>

在calculate方法中添加计算浮点数的代码。

    @PostMapping("/calculate")
    public String calculate(@RequestParam("num1") double num1,
                             @RequestParam("operator") String operator,
                             @RequestParam("num2") double num2,
                             Model model) {
        double result;
        switch (operator) {
            case "+":
                result = num1 + num2;
                break;
            case "-":
                result = num1 - num2;
                break;
            case "*":
                result = num1 * num2;
                break;
            case "/":
                result = num1 / num2;
                break;
            case "%":
                result = num1 * num2 / 100;
                break;
            default:
                result = 0;
        }
        model.addAttribute("result", result);
        return "result";
    }

以上就是“SpringMvc实现简易计算器功能”的完整攻略，希望对你有帮助！