牛客网项目中的thymeleaf语法总结1

<!-- 帖子列表 --><ul class="list-unstyled"><li class="media pb-3 pt-3 mb-3 border-bottom" th:each="map:${discussPosts}"><a href="site/profile.html"><img th:src="${map.user.headerUrl}" class="mr-4 rounded-circle" alt="用户头像" style="width:50px;height:50px;"></a><div class="media-body"><h6 class="mt-0 mb-3"><a th:href="@{|/discuss/detail/${map.post.id}|}" th:utext="${map.post.title}">备战春招，面试刷题跟他复习，一个月全搞定！</a><span class="badge badge-secondary bg-primary" th:if="${map.post.type==1}">置顶</span><span class="badge badge-secondary bg-danger" th:if="${map.post.status==1}">精华</span></h6><div class="text-muted font-size-12"><u class="mr-3" th:utext="${map.user.username}">寒江雪</u> 发布于 <b th:text="${#dates.format(map.post.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-15 15:32:18</b><ul class="d-inline float-right"><li class="d-inline ml-2">赞 11</li><li class="d-inline ml-2">|</li><li class="d-inline ml-2">回帖 <span th:text="${map.post.commentCount}">7</span></li></ul></div></div>                       </li></ul><!-- 分页 --><nav class="mt-5" th:if="${page.rows>0}" th:fragment="pagination"><ul class="pagination justify-content-center"><li class="page-item"><a class="page-link" th:href="@{${page.path}(current=1)}">首页</a></li><li th:class="|page-item ${page.current==1?'disabled':''}|"><a class="page-link" th:href="@{${page.path}(current=${page.current-1})}">上一页</a></li><li th:class="|page-item ${i==page.current?'active':''}|" th:each="i:${#numbers.sequence(page.from,page.to)}"><a class="page-link" href="#" th:text="${i}">1</a></li><li th:class="|page-item ${page.current==page.total?'disabled':''}|"><a class="page-link" th:href="@{${page.path}(current=${page.current+1})}">下一页</a></li><li class="page-item"><a class="page-link" th:href="@{${page.path}(current=${page.total})}">末页</a></li></ul></nav></div></div>

对于一些简单的thymeleaf这里不在赘述，只说一些不常用的。
1.

<span class="badge badge-secondary bg-primary" th:if="${map.post.type==1}">置顶</span>

if判断，只有条件成立才会显示“置顶”

<b th:text="${#dates.format(map.post.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-15 15:32:18</b>

#dates.format(map.post.createTime,‘yyyy-MM-dd HH:mm:ss’)是thymeleaf自带的时间格式化工具。

<a class="page-link" th:href="@{${page.path}(current=1)}">首页</a>

herf会被解析成： /index?current=1

<li th:class="|page-item ${page.current==1?'disabled':''}|"><a class="page-link" th:href="@{${page.path}(current=${page.current-1})}">上一页</a></li>

“|常量|” ，class中若出现“disabled”就代表“上一页不能被点击”。

<li th:class="|page-item ${i==page.current?'active':''}|" th:each="i:${#numbers.sequence(page.from,page.to)}"><a class="page-link" href="#" th:text="${i}">1</a></li>

#numbers.sequence(page.from,page.to) 是thymeleaf的工具类，会生成一个数组。若class中出现“active”代表是选中状态。（页码被选中）

牛客网项目中的thymeleaf语法总结1相关推荐

云服务器上部署仿牛客网项目
云服务器上部署仿牛客网项目安装JRE 安装Maven 安装MySQL 给mysql导入数据安装Redis 安装kafka 安装ElasticSearch Wkhtmltopdf 安装tomcat ...
仿牛客网项目第二章:开发社区登录模块（详细步骤和思路）
目录 1. 发送邮件 1.0 三步走 1.1 邮箱设置 1.2 Spring Email 1.3 模板引擎 1.4 发送邮件的过程 1.5 检验发送邮件的过程 2. 开发注册功能 2.0 注册功能的步 ...
牛客网项目1：开发社区首页
总结在先: ①首先根据每张表创建相对应的实体类,该实体类中的属性与表中的字段名相同: ②由于每张表都需要一些增删改查的方法,因此需要创建Mapper接口(每张表各一个),接口中放有对应表的增删改查方法 ...
牛客网项目3：注册、激活功能
思路汇总 ①注册功能: 首先在主页index,点击注册:<a class="nav-link" th:href="@{/register}">注册& ...
仿牛客网项目第五，六章：异步消息系统和分布式搜索引擎（详细步骤和思路）
目录 1. Kafka:构建TB级异步消息系统 1.0 同步/异步消息的区别 1.1 项目的目的 1. 2 阻塞队列实现异步消息系统 1.4 Kafka入门 1.5 Spring整合Kafka 1.6 ...
牛客网——数组中重复的数字
题目描述在一个长度为n的数组里的所有数字都在0到n-1的范围内. 数组中某些数字是重复的,但不知道有几个数字是重复的.也不知道每个数字重复几次.请找出数组中任意一个重复的数字.例如,如果输入长度为 ...
牛客网请检查是否存在语法错误或者数组越界非法访问等情况 case通过率为90.00%
我在写python的时候发现了一件事情,我看了很多评论才找到什么原因的. 当你写好,提交调试后,90%用例通过了请检查是否存在语法错误或者数组越界非法访问等情况 case通过率为90.00% 我实在 ...
ATeam社区（牛客网项目第三章）
这里写目录标题 1. 过滤敏感词 1.1 定义敏感词 1.2 定义前缀树 1.3 根据敏感词初始化前缀树 1.4 过滤敏感词的方法 1.5 前缀树过滤敏感词简述 2. 发布帖子 2.1 AJA使用示例 ...
牛客网项目--MyBatis
1. 安装软件: MySQL 官网下载–>在根目录下,新建文件夹my.ini–> 对mysql进行初始化配置环境变量,将mysql的bin目录配置到path中: 对mysql进行初始化, ...

牛客网项目中的thymeleaf语法总结1

牛客网项目中的thymeleaf语法总结1相关推荐

最新文章

热门文章