Spring/spring-data-examples
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

#171 - Switched to Thymeleaf Spring Data dialect for pagination in views.

Browse Source 
Added dependency and bean definition for the SpringDataDialect. Templates now use three different elements of the Thymeleaf Spring Data support:

- Pagination information (pagination summary)
- The pagination links including first / previous and next / last links
- Pagination links to navigate through the pages
This commit is contained in:
Oliver Gierke
2016-03-20 11:09:17 +01:00
parent 91c06febe4
commit 75d25de1e6
3 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/querydsl/pom.xml
View File

@@ -43,6 +43,12 @@
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>io.github.jpenren</groupId>
<artifactId>thymeleaf-spring-data-dialect</artifactId>
<version>2.1.0</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>

7
web/querydsl/src/main/java/example/users/Application.java
View File

@@ -20,8 +20,10 @@ import javax.annotation.PostConstruct;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.Bean;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
import org.thymeleaf.dialect.springdata.SpringDataDialect;
/**
* @author Christoph Strobl
@@ -44,6 +46,11 @@ public class Application extends WebMvcConfigurerAdapter {
resourceChain(true);
}
@Bean
SpringDataDialect springDataDialect() {
return new SpringDataDialect();
}
@Autowired UserRepository repo;
@PostConstruct

43
web/querydsl/src/main/resources/templates/index.html
View File

@@ -1,26 +1,26 @@
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sd="http://www.thymeleaf.org/spring-data">
<head>
<title>User Center</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" />
</head>
<body>
<div class="container-fluid">
<h1>User Center</h1>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Search</h3>
</div>
<div class="panel-body">
<form action="/">
<div class="form-group col-sm-6">
<label for="firstname" class="control-label">Firstname:</label>
<input id="firstname" name="firstname" th:value="${#httpServletRequest.getParameter('firstname')}" type="text" class="form-control" autofocus="autofocus" />
@@ -44,33 +44,26 @@
<div class="form-group col-sm-12">
<button id="submit" type="submit" class="btn btn-default">Submit</button>
</div>
</form>
</div>
</div>
<nav class="text-center">
<ul class="pagination" th:with="total = ${users.totalPages}">
<li th:if="${users.hasPrevious()}">
<a th:href="@{${baseUri}(page=${users.previousPageable().pageNumber})}" aria-label="Previous">
<span aria-hidden="true">&laquo;</span>
</a>
</li>
<li th:each="page : ${#numbers.sequence(0, total - 1)}"><a th:href="@{${baseUri}(page=${page})}" th:text="${page + 1}">1</a></li>
<li th:if="${users.hasNext()}">
<a th:href="@{${baseUri}(page=${users.nextPageable().pageNumber})}" aria-label="Next">
<span aria-hidden="true">&raquo;</span>
</a>
</li>
<div sd:pagination-summary="true">Pagination information</div>
<ul class="pagination" sd:pagination="full">
<!-- Pagination created by the Thymeleaf Spring Data dialect, this content is just for mockup -->
<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
</ul>
</nav>
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th></th>
<th>Firstname</th>
<th><a sd:pagination-sort="firstname">Firstname</a></th>
<th>Lastname</th>
<th>Nationality</th>
<th>City</th>
@@ -93,8 +86,10 @@
</tr>
</tbody>
</table>
<ul class="pagination" sd:pagination="aligned-links"></ul>
</div>
</body>
</html>