springboot中indexController交互index。html
时间: 2023-05-27 19:04:53 浏览: 262
Spring Boot中可以通过Controller来向前端页面传递数据和处理页面的请求。下面是一个示例:
在Spring Boot的主应用程序类上添加 @EnableWebMvc 注解即可开启 WebMvc 自动配置,WebMvcAutoConfiguration 是 Spring Boot 的一个自动化配置。
```java
@SpringBootApplication
@EnableWebMvc
public class SpringBootDemoApplication {
public static void main(String[] args) {
SpringApplication.run(SpringBootDemoApplication.class, args);
}
}
```
然后,创建一个 IndexController 类,用于处理首页请求:
```java
@Controller
public class IndexController {
@GetMapping("/")
public String index(Model model) {
model.addAttribute("message", "Hello World!");
return "index";
}
// 处理表单提交请求
@PostMapping("/")
public String submitForm(String name, Model model) {
model.addAttribute("message", "Hello, " + name + "!");
return "index";
}
}
```
在这里,我们使用了 @GetMapping 注解来处理首页请求,并向 Model 中添加一个名为 message 的属性,值为 "Hello World!"。同时,我们在 IndexController 中添加了一个 POST 请求处理方法,用于处理表单提交请求,获取表单中的 name 参数,并通过 Model 向页面传递数据。
最后,我们需要创建一个 index.html 文件,用于展示页面:
```html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Spring Boot Demo</title>
</head>
<body>
<h1>Welcome to Spring Boot Demo!</h1>
<p th:text="${message}"></p>
<form method="post" action="/">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<button type="submit">Submit</button>
</form>
</body>
</html>
```
在这个页面中,我们使用了 Thymeleaf 模板语言来向页面中添加 Model 中的数据,并创建了一个表单,用于提交数据。
最后,我们需要在 application.properties 中配置视图解析器:
```
spring.mvc.view.prefix=/WEB-INF/views/
spring.mvc.view.suffix=.html
```
以上就是一个简单的 Spring Boot Web 应用程序的实现,通过 Controller 向页面传递数据和处理页面请求并返回相应页面。
阅读全文