利用javaspring制作一个网页计算器
时间: 2023-09-28 12:13:33 浏览: 49
好的,下面是一个简单的 Java Spring 计算器的示例:
1. 首先,创建一个 Spring Boot 项目,并添加以下依赖:
```xml
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
</dependencies>
```
2. 然后,创建一个 `CalculatorController` 类,用于处理计算器表单的提交:
```java
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
@Controller
public class CalculatorController {
@PostMapping("/calculate")
public String calculate(@RequestParam("num1") double num1,
@RequestParam("num2") double num2,
@RequestParam("operator") String operator,
Model model) {
double result = 0;
switch (operator) {
case "add":
result = num1 + num2;
break;
case "subtract":
result = num1 - num2;
break;
case "multiply":
result = num1 * num2;
break;
case "divide":
result = num1 / num2;
break;
}
model.addAttribute("result", result);
return "result";
}
}
```
在这个类中,我们使用 `@PostMapping` 注解将一个 POST 请求映射到 `/calculate` 路径。该方法接收三个请求参数:`num1`、`num2` 和 `operator`。根据 `operator` 的不同,我们执行不同的计算操作,并将结果存储到 `result` 变量中。最后,我们将 `result` 添加到 `Model` 对象中,并返回 `result` 视图。
3. 接下来,创建一个 `index.html` 文件,用于显示计算器表单:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算器</title>
</head>
<body>
<h1>计算器</h1>
<form action="/calculate" method="post">
<label for="num1">数字1:</label>
<input type="number" id="num1" name="num1"><br><br>
<label for="num2">数字2:</label>
<input type="number" id="num2" name="num2"><br><br>
<label for="operator">操作符:</label>
<select id="operator" name="operator">
<option value="add">+</option>
<option value="subtract">-</option>
<option value="multiply">*</option>
<option value="divide">/</option>
</select><br><br>
<input type="submit" value="计算">
</form>
</body>
</html>
```
在这个文件中,我们创建了一个表单,包含两个数字输入框和一个选择框,用于选择要执行的计算操作。表单的 `action` 属性指向 `/calculate` 路径,这与我们在 `CalculatorController` 中使用的路径相同。
4. 最后,创建一个 `result.html` 文件,用于显示计算结果:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算结果</title>
</head>
<body>
<h1>计算结果</h1>
<p>结果为:${result}</p>
</body>
</html>
```
在这个文件中,我们使用 `${result}` 表达式来显示计算结果,这个表达式会从 `Model` 对象中获取 `result` 属性的值。
5. 运行项目,并在浏览器中访问 `http://localhost:8080`,即可看到计算器表单。填写表单并点击“计算”按钮后,会跳转到 `result` 视图,显示计算结果。
这就是一个简单的 Java Spring 计算器的实现。当然,这个示例只处理了加、减、乘、除四种基本运算,你可以根据需要进行扩展。