SpringBoot非官方教程 | 第二十篇：处理表单提交

绝地灬酷狼 2022-06-16 00:24 231阅读 0赞

> 转载请标明出处：  
> 原文首发于：https://www.fangzhipeng.com/springboot/2017/05/20/sb20-form.html  
> 本文出自[方志朋的博客][Link 1]

**个人博客纯净版：[https://www.fangzhipeng.com/springboot/2017/05/20/sb20-form.html][https_www.fangzhipeng.com_springboot_2017_05_20_sb20-form.html]**  
这篇文件主要介绍通过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:

![format_png][]

点击submit:

![format_png 1][]

## 参考资料 ##

[https://spring.io/guides/gs/handling-form-submission/][https_spring.io_guides_gs_handling-form-submission]

## 源码下载 ##

[https://github.com/forezp/SpringBootLearning][https_github.com_forezp_SpringBootLearning]

### 更多阅读 ###

[史上最简单的 SpringCloud 教程汇总][SpringCloud]

[SpringBoot教程汇总][SpringBoot]

[Java面试题系列汇总][Java]

![SouthEast][]  
扫码关注公众号有惊喜

**（转载本站文章请注明作者和出处 [方志朋的博客][Link 1]）**

[Link 1]: https://www.fangzhipeng.com
[https_www.fangzhipeng.com_springboot_2017_05_20_sb20-form.html]: https://www.fangzhipeng.com/springboot/2017/05/20/sb20-form.html
[format_png]: /images/20220616/98ddc061948c4c95b894f02db6e44e57.png
[format_png 1]: /images/20220616/b1c10f2ce90a4a27bfc7b6f91148e5b6.png
[https_spring.io_guides_gs_handling-form-submission]: https://spring.io/guides/gs/handling-form-submission/
[https_github.com_forezp_SpringBootLearning]: https://github.com/forezp/SpringBootLearning
[SpringCloud]: https://blog.csdn.net/forezp/article/details/70148833
[SpringBoot]: https://blog.csdn.net/forezp/article/details/70341818
[Java]: https://blog.csdn.net/forezp/article/details/85163411
[SouthEast]: /images/20220616/8a956db545064d1f85b5498511cb2641.png