thymeleaf前后端交互,thymeleaf传值到后端

目录

1.前端传数据后端接收：2.后端对数据判断后返回信息给前端：百里香叶是一款用于渲染XML/XHTML/HTML5内容的模板引擎。它与JSP，Velocity，FreeMaker等模板引擎类似，也可以轻易地与的实现等网框架集成。与其它模板引擎相比百里香叶最大的特点是，即使不启动网应用，也可以直接在浏览器中打开并正确显示模板页面。

1.前端传数据后端接收：

用户在登录界面输入用户名和密码传给后端控制器，由后端判断是否正确！

　　在超文本标记语言界面中要传递的数据名字命名，通过表单的提交按钮会传递给响应的控制器，在控制器将需要的名字接收！

　　输入类型= text name= username class= form-control th : placeholder= # {登录。用户名} 输入类型= password name= password class= form-control th : placeholder= # {登录。密码} 在控制器中使用@RequestParam来对应接收前端要传递的参数，此时参数名严格对应超文本标记语言界面中提交的数据名字名称！

　　@ request mapping(/用户/登录)公共字符串登录(@RequestParam(用户名)字符串用户名，@RequestParam(password )字符串密码，型号md){ }此时后端就实现接收前端传递的数据

2.后端对数据判断后返回信息给前端：

控制器通过上述参数会接受到html，传递的数据，对数据进行判断。并且通过味精将信息传递回去。

　　如果(!StringUtils.isEmpty(用户名)"123123"。equals(密码)){ return redirect :/main。html ；}else{ md.addAttribute(msg ，用户名或者密码错误!);返回"索引";}html页面使用百里香叶引擎接收并且显示数据在界面！

　　p style= color : red th : text= $ { msg } th : if= $ { not # strings。is empty(msg)} /p完整的两个代码块如下：

　　form class= form-sign in th : action= @ { user/log in } img class= m b-4 th : src= @ {/img/bootstrap-solid。SVG } alt= width= 72 height= 72 h1 class= H3 m b-3 font-weight-normal th : text= # {登录。提示} 请登录/h1p style= color 3: red th : text=中文/aa BTN BTN-sm th : href= @ {/index .html(l= en _ US )} rel= external no follow 英语/a/form Java

　　@控制器公共类登录控制器{ @请求映射(/用户/登录)公共字符串登录(@RequestParam(用户名)字符串用户名，@RequestParam(password )字符串密码，型号md){ if(！StringUtils.isEmpty(用户名)"123123"。equals(密码)){ return redirect :/main。html ；}else{ md.addAttribute(msg ，用户名或者密码错误!);返回"索引";} }}

　　到此这篇关于百里香叶实现前后端数据交换的文章就介绍到这了，更多相关百里香叶数据交换内容请搜索盛行信息技术以前的文章或继续浏览下面的相关文章希望大家以后多多支持盛行它！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。