使用SpringMVC框架实现 从网页输入两个数,求其和,然后在网页中输出
时间: 2024-10-29 07:24:45 浏览: 24
在Spring MVC框架中实现这个功能,你需要几个关键组件:前端页面、控制器(Controller)、模型(Model)以及视图(View)。以下是一个简单的步骤说明:
1. **创建前端HTML页面**:
在`views`目录下创建一个JSP页面(如`sum.jsp`),用户在这里输入两个数字,通常会有两个文本框用于输入,并有一个提交按钮。
```html
<form action="${pageContext.request.contextPath}/calculate" method="post">
<label for="num1">Number 1:</label>
<input type="text" id="num1" name="num1"><br>
<label for="num2">Number 2:</label>
<input type="text" id="num2" name="num2"><br>
<input type="submit" value="Add">
</form>
```
这里的`${pageContext.request.contextPath}`会替换为实际的应用上下文路径。
2. **编写控制器(Controller)**:
在`src/main/java`下的`com.example`包下创建一个`YourController.java`,这里会处理表单提交请求并计算结果。
```java
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
@Controller
public class YourController {
@GetMapping("/calculate")
public String inputForm() {
return "sum";
}
@PostMapping("/calculate")
public String calculate(@RequestParam("num1") int num1, @RequestParam("num2") int num2) {
int sum = num1 + num2;
// 可能需要将结果存入模型或直接返回到JSP页面
return "sum"; // 返回初始的JSP页面,以便显示结果
}
}
```
`@GetMapping`用于获取请求,`@PostMapping`用于处理POST请求。`RequestParam`注解用来绑定HTTP请求参数。
3. **配置视图解析**:
在`application.properties` 或 `application.yml` 中配置视图解析器,例如Spring MVC默认的就是Thymeleaf:
```properties
spring.view.prefix=/WEB-INF/views/
spring.view.suffix=.jsp
```
4. **渲染结果**:
在`sum.jsp`页面上,你可以使用EL表达式或JSTL标签来显示计算结果。例如:
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<!-- ... -->
</head>
<body>
<h2>Sum of numbers is: ${result}</h2>
<!-- ... -->
</body>
</html>
```
在这里,`${result}`会被计算出的和值替换。
5. **部署并测试**:
配置好应用后,在服务器上运行Spring MVC应用,访问`/calculate` URL,按照提示输入数字,点击“添加”后,结果会在页面上显示出来。
阅读全文