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

柔情只为你懂 2022-05-08 07:04 246阅读 0赞

转载：[https://blog.csdn.net/forezp/article/details/71023868][https_blog.csdn.net_forezp_article_details_71023868]

这篇文件主要介绍通过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

## 创建实体 ##

代码清单如下：

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

## 创建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

## 页面展示层 ##

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

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

启动工程，访问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]

### 优秀文章推荐： ###

*  更多springboot 教程：[springBoot非官方教程 | 文章汇总][springBoot_ _]

[https_blog.csdn.net_forezp_article_details_71023868]: https://blog.csdn.net/forezp/article/details/71023868
[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
[springBoot_ _]: https://blog.csdn.net/yongpole/article/details/82959905