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

向右看齐 2022-06-13 08:12 206阅读 0赞

> 转载请标明出处：   
> [http://blog.csdn.net/forezp/article/details/71023868][http_blog.csdn.net_forezp_article_details_71023868]   
> 本文出自[方志朋的博客][Link 1]

这篇文件主要介绍通过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>
    
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20

## 创建实体 ##

代码清单如下：

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;
        }
    
    }
    
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24

## 创建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";
        }
    
    }
    
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16

## 页面展示层 ##

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>
    
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16

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>
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13

启动工程，访问ttp://localhost:8080/greeting:

![form.png][]

点击submit:

![result.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]

[http_blog.csdn.net_forezp_article_details_71023868]: http://blog.csdn.net/forezp/article/details/71023868
[Link 1]: http://blog.csdn.net/forezp
[form.png]: https://spring.io/guides/gs/handling-form-submission/images/form.png
[result.png]: https://spring.io/guides/gs/handling-form-submission/images/result.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