Thymelea模板f前台显示后台传来的数据

转自https://www.cnblogs.com/vinphy/p/4674247.html

说的很不错

Thymeleaf 在有网络和无网络的环境下皆可运行,即它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型,然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性,所以 thymeleaf 的模板可以静态地运行;当有数据返回到页面时,Thymeleaf 标签会动态地替换掉静态内容,使页面动态显示。

Thymeleaf 是一种用于服务端渲染的模板引擎,它支持 HTML、XML 等多种视图技术。它的表达式系统非常强大,主要用于动态生成内容或控制页面的行为。 以下是 Thymeleaf 的几种常见表达式: 1. **变量表达式 (Variable Expressions)** 使用 `${...}` 来访问上下文中的对象属性或其他值。例如: ```html <p>用户姓名:<span th:text="${user.name}">John Doe</span></p> ``` 这里的 `th:text` 属性会将 `user.name` 的值替换到 `<span>` 标签的内容中。 2. **选择变量表达式 (Selection Variable Expressions)** 使用 `*{...}` 表达式来操作当前选定的对象(通常用于迭代结构)。例如: ```html <div th:object="${product}"> <p th:text="*{description}"></p> </div> ``` 3. **消息表达式 (Message Expressions)** 消息表达式通过 `#{...}` 获取国际化资源文件中的文本信息。例如: ```html <h1 th:text="#{welcome.message}">欢迎来到网站</h1> ``` 如果配置了语言包,则可以自动切换显示的语言。 4. **链接 URL 表达式 (Link/URL Expression)** 链接可以用 `@{...}` 创建安全可靠的相对路径或绝对路径。例如: ```html <a href="#" th:href="@{/orders/{orderId}(orderId=${order.id})}">查看订单详情</a> ``` 5. **片段表达式 (Fragment Expressions)__ 可复用的部分页面叫做“片段”,用 `~{...}` 定义并引用它们。比如: ```html <!-- 引入头部 --> <div th:replace="fragments/header :: header"></div> <!-- 或者内联插入 --> <div th:include="fragments/sidebar :: menu"></div> ``` 6. **条件判断和循环** - 判断是否显示某些元素:`th:if`, `th:unless` ```html <div th:if="${isLoggedIn}" class="greeting">欢迎您登录!</div> ``` - 循环遍历集合数据:`th:each` ```html <ul> <li th:each="item : ${items}" th:text="${item.name}">项目名称</li> </ul> ``` 总之,这些表达式的组合让开发者能够轻松构建复杂的动态网页,并保持良好的可维护性和灵活性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值