thymeleaf学习

1.获取变量值

　　<p th:text="'Hello！, ' + ${name} + '!'" >3333</p> 另外thymeleaf的标签只能写在th标签内部，不然不会生效

2、引入URL

　　

<a th:href="@{http://blog.csdn.net/u012706811}">绝对路径</a>
<a th:href="@{/}">相对路径</a>
<a th:href="@{css/bootstrap.min.css}">Content路径,默认访问static下的css文件夹</a>

 

类似的标签有:th:href和th:src

 

3、字符串替换

　　很多时候可能我们只需要对一大段文字中的某一处地方进行替换，可以通过字符串拼接操作完成：

　　　　<span th:text="'Welcome to our application, ' + ${user.name} + '!'">

　一种更简洁的方式是
　　　　<span th:text="|Welcome to our application, ${user.name}!|">

当然这种形式限制比较多，|…|中只能包含变量表达式${…}，不能包含其他常量、条件表达式等

4、运算符

在表达式中可以使用各类算术运算符，例如+, -, *, /, %，逻辑运算符>, <, <=,>=，==,!=都可以使用，需要注意的时候在使用<,>时需要使用它们的html转义字符

5、条件

Thymeleaf中使用th:if和th:unless属性进行条件判断
　

下面的例子中，标签只有在th:if中条件成立时才显示：

<a th:href="@{/login}" th:if=${session.user != null}>Login</a>

th:unless于th:if恰好相反，只有表达式中的条件不成立，才会显示其内容。

 

　　Switch

　　thymeleaf同一行可以使用多路选择

<div th:switch="${user.role}">
  <p th:case="'admin'">User is an administrator</p>
  <p th:case="#{roles.manager}">User is a manager</p>
　　<p th:case="*">User is some other thing</p>

</div>

*表示多路选择的default

 

6、循环

 

　　使用循环时，该数据集必须是可以遍历的，如果可以使用th:each标签遍历：

<body>
  <h1>Product list</h1>

  <table>
    <tr>
      <th>NAME</th>
      <th>PRICE</th>
      <th>IN STOCK</th>
    </tr>
    <tr th:each="prod : ${prods}">
      <td th:text="${prod.name}">Onions</td>
      <td th:text="${prod.price}">2.41</td>
      <td th:text="${prod.inStock}? #{true} : #{false}">yes</td>
    </tr>
  </table>

  <p>
    <a href="../home.html" th:href="@{/}">Return to home</a>
  </p>
</body>

可以看到，需要在被循环渲染的元素（这里是）中加入th:each标签，其中th:each=”prod : ${prods}”意味着对集合变量prods进行遍历，循环变量是prod在循环体中可以通过表达式访问。

 

7.Utilities

　　为了模板更加易用，Thymeleaf还提供了一系列Utility对象（内置于Context中），可以通过#直接访问：

 

　　

  • #dates
  • #calendars
  • #numbers
  • #strings
  • arrays
  • lists
  • sets
  • maps
  • … 

 

　　

/*
 * Format date with the specified pattern
 * Also works with arrays, lists or sets
 */
${#dates.format(date, 'dd/MMM/yyyy HH:mm')}
${#dates.arrayFormat(datesArray, 'dd/MMM/yyyy HH:mm')}
${#dates.listFormat(datesList, 'dd/MMM/yyyy HH:mm')}
${#dates.setFormat(datesSet, 'dd/MMM/yyyy HH:mm')}

/*
 * Create a date (java.util.Date) object for the current date and time
 */
${#dates.createNow()}

/*
 * Create a date (java.util.Date) object for the current date (time set to 00:00)
 */
${#dates.createToday()}

　　

/*
 * Check whether a String is empty (or null). Performs a trim() operation before check
 * Also works with arrays, lists or sets
 */
${#strings.isEmpty(name)}
${#strings.arrayIsEmpty(nameArr)}
${#strings.listIsEmpty(nameList)}
${#strings.setIsEmpty(nameSet)}

/*
 * Check whether a String starts or ends with a fragment
 * Also works with arrays, lists or sets
 */
${#strings.startsWith(name,'Don')}                  // also array*, list* and set*
${#strings.endsWith(name,endingFragment)}           // also array*, list* and set*

/*
 * Compute length
 * Also works with arrays, lists or sets
 */
${#strings.length(str)}

/*
 * Null-safe comparison and concatenation
 */
${#strings.equals(str)}
${#strings.equalsIgnoreCase(str)}
${#strings.concat(str)}
${#strings.concatReplaceNulls(str)}

/*
 * Random
 */
${#strings.randomAlphanumeric(count)}

 

 

8、在js中获取值

　　

<script th:inline="javascript">
    var person = [[${person}]];
    alert(person.name);
</script>

script标签需要加th:inline="javascript"，并且使用[[${}]]这样的格式才能获取

posted @ 2017-03-14 01:37  海角七号已存在  阅读(93)  评论(0)    收藏  举报