前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Thymeleaf HTML5模板引擎

Thymeleaf HTML5模板引擎

作者头像
王念博客
发布2019-07-25 18:15:23
2.3K0
发布2019-07-25 18:15:23
举报
文章被收录于专栏:王念博客

Thymeleaf的模板还可以用作工作原型,Thymeleaf会在运行期替换掉静态值。例如下面的html文件,当作为静态文件时,product name显示为Red Chair,当运行在容器中并提供product这个对象时,product name的值会自动替换为product.description对应的值。

代码语言:javascript
复制
<!DOCTYPE html> 
<html xmlns:th="http://www.thymeleaf.org">
  <head>   
<title>Thymeleaf tutorial: exercise 13</title> 
  <link rel="stylesheet" href="../../../css/main-static.css" th:href="@{/css/main.css}" />   <meta charset="utf-8" />  </head> 
 <body>  
 <h1>Thymeleaf tutorial - Solution for exercise 13: inlining</h1> 
  <h2>Birthday email</h2>   
<form action="#" method="post">   
 <label for="body">Message body:</label> <textarea id="body" name="body" th:inline="text"> Dear [[${customerName}]],
it is our sincere pleasure to congratulate your in your birthday:  Happy birthday [[${customerName}]]!!!
See you soon, [[${customerName}]].
Regards,  The Thymeleaf team </textarea>
    <input type="submit" value="Send mail" /> 
  </form>  
</body> 
</html>
代码语言:javascript
复制
<input data-validation-matches-message="Text from messages resources" />
代码语言:javascript
复制
<input th:attr="data-validation-matches-message=\'' + #{user.notfound}" + '\''"/>
代码语言:javascript
复制
解决地址:http://stackoverflow.com/questions/21801158/thymeleaf-custom-attribute
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档