![thymeleaf菜鸟教程](https://i-blog.csdnimg.cn/blog_migrate/af7f5796578dfcc0bf9acf50980c91bb.png)
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