SpringBoot系列：SpringBoot第二十篇：处理表单提交
【摘要】 涉及了web，加上spring-boot-starter-web和spring-boot-starter-thymeleaf的起步依赖。
这篇文件主要介绍通过springboot 去创建和提交一个表单。
创建工程
涉及了web，加上spring-boot-starter-web和spring-boot-starter-thymeleaf的起步依赖。
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
</dependencies>
创建实体
代码清单如下：
public class Greeting {private long id;
private String content;
public long getId() {return id;
}
public void setId(long id) {this.id = id;
}
public String getContent() {return content;
}
public void setContent(String content) {this.content = content;
}
}
创建Controller
@Controller
public class GreetingController { @GetMapping("/greeting") public String greetingForm(Model model) { model.addAttribute("greeting", new Greeting());return "greeting";
}
@PostMapping("/greeting") public String greetingSubmit(@ModelAttribute Greeting greeting) {return "result";
}
}
页面展示层
src/main/resources/templates/greeting.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Getting Started: Handling Form Submission</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1>Form</h1>
<form action="#" th:action="@{/greeting}" th:object="${greeting}" method="post"> <p>Id: <input type="text" th:field="*{id}" /></p> <p>Message: <input type="text" th:field="*{content}" /></p><p><input type="submit" value="Submit" /> <input type="reset" value="Reset" /></p>
</form>
</body>
</html>
src/main/resources/templates/result.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Getting Started: Handling Form Submission</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1>Result</h1>
<p th:text="'id: ' + ${greeting.id}" /> <p th:text="'content: ' + ${greeting.content}" /><a href="/greeting">Submit another message</a>
</body>
</html>
启动工程，访问ttp://localhost:8080/greeting:
点击submit:
参考资料
https://spring.io/guides/gs/handling-form-submission/
源码下载
https://github.com/forezp/SpringBootLearning
原创作者：方志朋
方志朋简介：SpringCloud中国社区联合创始人，博客访问量突破一千万，爱好开源，热爱分享，活跃于各大社区，保持着非常强的学习驱动力，终身学习践行者，终身学习受益者。目前就职于国内某家知名互联网保险公司，担任DEVOPS工程师，对微服务领域和持续集成领域研究较深，精通微服务框架SpringCloud
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）