专栏首页不想当开发的产品不是好测试spring boot 登录注册 demo (三) -- 前后端传递

spring boot 登录注册 demo (三) -- 前后端传递

前端页面通过thymeleaf渲染

    <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

前后端的传递关键在html上面,请看代码:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" />
</head>
<body>
    <div class="container">
    <div class="row clearfix">
        <div class="col-md-3 column">
            <form role="form" method="POST" th:action="@{/userLogin}" th:object="${user}">

                     <label for="username">Name</label><input type="text" class="form-control" id="username" th:field="*{name}" />
      
                     <label for="password">Password</label><input type="password" class="form-control" id="password" th:field="*{password}" />
       

           <button type="submit" class="btn btn-default">Sign in</button>
            </form>
            
            <ul class="nav nav-pills">
                 <li role="presentation"><a href="register.html" class="href" target="_blank">Sign up</a></li>
            </ul>
            
        </div>
    </div>
</div>
</body>
</html>

th:action="@{/userLogin}" 表示这个form表单的action会指向/userLogin

th:object="${user}" 表示form表单的内容会以user的形式传递

th:field:"*{name}" 表示该input输入的值,也就是前端的值存储在name中

如果你在前端输入name=jwen,password=1234,当这个表单提交的时候,就会把name=jwen,password=1234存放在user中传递给/userLogin

那么看看controller层怎么接接收这个的 

    @RequestMapping(value = "/userLogin", method = RequestMethod.POST)
    String userLogin(User user, Model model) {
        boolean verify = userService.verifyUser(user);
        if (verify) {
            model.addAttribute("name", user.getName());
            model.addAttribute("password", user.getPassword());
            return "result";
        } else {
            return "redirect:/notVerify";
        }

    }

requestMapping将/userLogin绑定给userLogin方法,该方法的入参是一个User的实例,一个Model的实例

而这个User的实例,就是我们从前端传递的,就是说你在userLogin方法,可以得到前端传递的东西;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • testng-result中文乱码问题

    背景 执行完用例查看报告,发现testng-result.xml文件中关于中文的都是乱码 解决方法 eclipse已设置了utf-8去编译,所以直接运行run ...

    千往
  • mybatis 使用tips - 使用多个参数

    执行如下命令: mvn -Dmybatis.generator.overwrite=true mybatis-generator:generate 可以使用my...

    千往
  • awk中NF的使用

    统计机器中网络连接各个状态个数 netstat -a | awk '/^tcp/ {++S[$NF]} END {for(a in S) print a, S[...

    千往
  • ztree实现编辑和删除功能

    前面写了一篇ztree实现根节点单击事件,显示节点信息https://www.jianshu.com/p/1e0ca6d8afad,其中的删除和编辑功能是自定义...

    祈澈菇凉
  • Dart 笔记 9 - 类(2)

    加 abstract 关键字,抽象方法没有实现体,不需要 abstract 关键字。

    七适散人
  • 【奥斯卡理财星体系 第五章】丨手把手教你从零开始搭建资产配置

    通过回顾,大家会发现前面四章其实都是在给本章讲资产配置做铺垫。因此,对于还没来得及完整阅读前文的小伙伴来讲,你可能会有一些阅读困难,我更建议你能先把之前的章节看...

    Hongten
  • 深入理解 Java 注解

    从本质上来说,注解是一种标签,其实质上可以视为一种特殊的注释,如果没有解析它的代码,它并不比普通注释强。

    静默虚空
  • 位运算在 PHP 实际项目当中的高级运用

    位运算想必软件相关专业的同学应该非常清楚。非科班专业出身的也不要着急。今天博主就带着大家一起来回顾一下这些基础知识,同时也会讲位运算在 PHP 实际项目当中的高...

    猿哥
  • Java 注解 学习笔记

    我们平常写Java代码,对其中的注解并不是很陌生,比如说写继承关系的时候经常用到@Override来修饰方法。但是@Override是用来做什么的,为什么写继承...

    yuxiaofei93
  • logistic回归:从生产到使用【下:生产篇】

    logistic回归:从生产到使用【下:生产篇】 上篇介绍了logistic模型的原理,如果你只是想使用它,而不需要知道它的生产过程,即拟合方法及编程实现,那么...

    数说君

扫码关注云+社区

领取腾讯云代金券