thymeleaf菜鸟教程_使用Spring数据和Thymeleaf实现Bootstrap分页

thymeleaf菜鸟教程

thymeleaf菜鸟教程

Twitter Bootstrap具有非常好的分页UI ,在这里我将向您展示如何使用Spring Data Web分页功能和Thymeleaf条件评估功能来实现它。

引导程序中的标准分页

受Rdio启发的简单分页,非常适合应用程序和搜索结果。 大块很难错过,易于扩展,并提供较大的点击区域。

图片

从Bootstrap文档显示分页的原始源代码非常简单:

<div class='pagination'>
  <ul>
    <li><a href='#'>Prev</a></li>
    <li><a href='#'>1</a></li>
    <li><a href='#'>2</a></li>
    <li><a href='#'>3</a></li>
    <li><a href='#'>4</a></li>
    <li><a href='#'>5</a></li>
    <li><a href='#'>Next</a></li>
  </ul>
</div>

您可以看到这只是一个模拟代码,要使其通过正确的超链接URL动态显示页码,我需要对现有代码进行很多更改。 因此,让我们从头开始,先更改域层,然后再更改应用程序服务层,表示层。 最后是将它们粘合在一起的配置。

域层更改

域层的唯一更改是BlogPostRepository 。 在具有检索按publishedTime排序的publishedTime发布BlogPost列表的方法之前:

public interface BlogPostRepos
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值