美文网首页Spring Boot核心教程
SpringBoot非官方教程 | 第二十篇: 处理表单提交

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

作者: 程序员手札 | 来源:发表于2018-07-03 16:03 被阅读32次

    https://blog.csdn.net/forezp/article/details/70341818
    本文出自方志朋的博客

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

    图片.png

    点击submit:

    图片.png

    参考资料

    https://spring.io/guides/gs/handling-form-submission/

    源码下载

    https://github.com/forezp/SpringBootLearning

    写在最后

    欢迎关注喜欢、和点赞后续将推出更多的spring cloud教程,敬请期待。
    欢迎关注我的微信公众号获取更多更全的学习资源,视频资料,技术干货!

    欢迎扫码关注

    公众号回复“学习”,拉你进程序员技术讨论群。

    公众号回复“视频”,领取800GJava视频学习资源。

    java学习全套
    820G资源

    公众号回复“领取资源”,领取1T前端Java产品经理微信小程序Python等资源合集大放送。

    全栈资料
    接近1T资源

    公众号回复“慕课”,领取1T慕课实战学习资源。

    慕课实战大全
    1061G资源

    公众号回复“实战”,领取750G项目实战学习资源。

    前后端实战项目
    750实战资源

    公众号回复“面试”,领取8G面试实战学习资源。

    JAVA面试实战视频
    8G面试资源

    相关文章

      网友评论

        本文标题:SpringBoot非官方教程 | 第二十篇: 处理表单提交

        本文链接:https://www.haomeiwen.com/subject/gycjuftx.html