Thymeleaf学习记录(5)--运算及表单

Thymeleaf文本及预算:

  • 字面

    • 文本文字:‘one text‘‘Another one!‘,...
    • 号码文字:0343.012.3,...
    • 布尔文字:truefalse
    • 空字面: null
    • 文字标记:onesometextmain,...
  • 文字操作:
    • 字符串连接: +
    • 文字替换: |The name is ${name}|
  • 算术运算:
    • 二元运算符:+-*/%
    • 减号(一元运算符): -
  • 布尔运算:
    • 二元运算符:andor
    • 布尔否定(一元运算符): !not
  • 比较和等价:
    • 比较:><>=<=gtltgele
    • 等价:==!=eqne

示例如下:

表单提交

增加subscribe.html页面:

内容如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="#" th:action="@{/Hello/subscribe}"  th:object="${user}" method="post">
    <fieldset>
        <input type="text" name="name" />
        <input type="submit" value="名称提交"/>
    </fieldset>
</form>

<form th:attr="action=‘#‘,[email protected]{/Hello/subscribe},object=${user},method=‘post‘">
    <fieldset>
        <input type="text" name="age" />
        <input type="submit" value="年龄提交"/>
    </fieldset>
</form>
</body>
</html>

如下所示:

后台Controller增加:

@RequestMapping(value = "GetPage3", method = RequestMethod.GET)
public String getsubscribe( ) {
    return "subscribe";
}

@RequestMapping(value = "subscribe", method = RequestMethod.POST)
public String getPage1ByName(@ModelAttribute User  user) {
    ModelMap map = new ModelMap();
    user.getName();
    user.getAge();
    map.addAttribute("user",user);
    return "page1";
}

如下所示:

运行结果:

名称提交:

年龄提交:

原文地址:https://www.cnblogs.com/feichangnice/p/10168510.html

时间: 2024-10-09 09:30:49

Thymeleaf学习记录(5)--运算及表单的相关文章

HTML5学习笔记(二)——表单1

表单一直是网页必不可少的一部分,一直以来,表单的作用被无限扩展,发展出了诸多新奇的用法,老版的HTML只支持很少的一部分常用表单,许多的新表单都需要借助CSS与JavaScript语言来进行构建,现在HTML5来了,她带来了新的表单,这些强大的表单项,可以省去一大块复杂的JavaScript代码,很值得去学习. 而且在新的表单里面,不再像以前每个表单都必须位于<form></form>之内,只要在<form></form>内定义一个id,然后在网页任何位置都

Bootstrap快速学习笔记(2)表单系列之二

欢迎收看大奥编写的Bootstrap快速学习笔记(2)表单系列之二 本学习笔记根据[慕课网]教程修改而来,用它学习Bootstrap,将会带来全新的体验哦: 表单控件大小 表单控件状态 按钮 图像 详细介绍 表单控件大小表单控件大小可以通过给表单控件添加class类来实现,如果想要比较大,则添加input-lg类,如果想要比较小, 则添加input-sm类,但这仅是对高度进行了处理,如果要对宽度进行处理,需要在每个input控件外围添加div容器并带有col-xs-4类,并 且要在这组控件的外围

Django学习笔记(五)—— 表单

疯狂的暑假学习之  Django学习笔记(五)-- 表单 参考:<The Django Book> 第7章 1. HttpRequest对象的信息 request.path                                 除域名以外的请求路径,斜杠开头                      "/hello/" request.get_host()                      主机名                              

Bootstrap快速学习笔记(2)表单系列之一

欢迎收看大奥编写的Bootstrap快速学习笔记(2)表单系列之一 本学习笔记根据[慕课网]教程修改而来,用它学习Bootstrap,将会带来全新的体验哦: .form-control类 水平表单 内联表单 详细介绍 form-control类把该类直接添加到控件上: 1.宽度变成了100%:2.设置了一个浅灰色(#ccc)的边框:3.具有4px的圆角:4.设置阴影效果,并且元素得到焦点之时,阴影和边框效果会有所变化:5.设置了placeholder的颜色为#999 水平表单最外层form标签要

html+css学习笔记 5[表格、表单]

表格 -- 默认样式重置 表格标签:     table 表格     thead 表格头     tbody 表格主体     tfoot 表格尾     tr 表格行     th 元素定义表头     td 元素定义表格单元 表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0;}重置单元格默认填充   单元格合并 rowspan  属性规定单元格可横跨的行数.     <td rowspan="2"

bootstrap学习笔记一 登录水平表单

先上效果图: 样式定义: <form class="form-horizontal"> <div class="control-group"> <label class="control-label" for="UserName">用户名</label> <div class="controls"> <input type="tex

ExtJs学习(二)(表单)

Ext.onReady(function{ var jj_form = new Ext.FormPanel({ url : 'jj_form_submit.java', renderTo : document.body, frame : true, title : 'formtest_jj', width : 250, items : [{ xtype : 'textfield', fieldlabel : 'username', name : 'username'},{ xtype : 'te

struts2学习笔记之十三(表单标签和非表单标签)

表单标签 这些UI标签都可以指定cssClass,cssStyle来指定CSS样式,而且可以指定大量的onXxx属性,用于绑定JS函数 form : 表单 head :引入一些辅助的css样式单和js脚本 hidden :隐藏域 label :生成一个标签 password : 生成一个密码框 select :列表框 checkbox : 只是生成一个复选框 radio :不是生成一个单选框 file :生成一个文件上传域 textfield :单行文本域 textarea :多行文本域 sub

学习日记之JS验证表单

今天学习了JS的验证表单功能. 现在想想就有点小激动,也可以做出点小效果出来了. 需求:用户输入的密码中不能包含空格 表单代码: 密码 <input type="password" name="password"  onblur="checkPassword()"/><span id="passwordspan"></span> Js代码: function checkPassword(){