Bootstrap Paginator 分页前后台用法示例
Bootstrap Paginator 是一个基于 Bootstrap 框架的分页插件，提供了一个简洁、灵活的分页解决方案。下面是 Bootstrap Paginator 的前后台用法示例。
前台用法
在使用 Bootstrap Paginator 之前，需要引入相关的 JavaScript 文件，包括 jQuery、Bootstrap 框架和 Bootstrap Paginator 插件。然后，在 HTML 文件中添加一个 UL 元素，並賦予其一个 ID 和 class，例如：
```
<ul class="pagination" id="page"></ul>
```
接下来，在 JavaScript 代码中，创建一个 Paginator 对象，并传入相关的选项，例如：
```
var options = {
currentPage: 1,
totalPages: 10,
numberOfPages: 10,
bootstrapMajorVersion: 3,
itemTexts: function (type, page, current) {
switch (type) {
case "first":
return "首页";
case "prev":
return "上一页";
case "next":
return "下一页";
case "last":
return "末页";
case "page":
return page;
}
},
onPageClicked: function (event, originalEvent, type, page) {
$.post("../userCtrl/getUsers", {"page": page}, function (map) {
$scope.users = map.users;
$scope.$apply();
}, "json");
}
};
$('#page').bootstrapPaginator(options);
```
在上面的代码中，我们通过 options 对象传入了分页的相关设置，包括当前页码、总页数、每页显示的记录数、Bootstrap 主版本号、分页文字等。同时，我们还定义了 onPageClicked 事件，用于处理分页点击事件。
后台用法
在后台，我们需要编写一个 API，用于处理分页请求。例如，我们可以使用 Spring MVC 框架，编写一个控制器方法：
```
@RequestMapping("getUsers")
public @ResponseBody Map<String, Object> selectUsers(Integer page) {
if (page == null) page = 1;
List<User> users = userService.selectUsers(page);
Map<String, Object> map = new HashMap<>();
map.put("users", users);
return map;
}
```
在上面的代码中，我们定义了一个控制器方法，用于处理 GET 请求，获取用户列表。方法中，我们首先判断分页参数 page 是否为空，如果为空，则默认为首页。然后，我们调用业务层方法，获取用户列表，并将其包装成一个 Map 对象，最后返回给客户端。
Bootstrap Paginator 提供了一个简单、灵活的分页解决方案，可以满足大多数的分页需求。通过合理地配置选项和编写后台 API，我们可以轻松地实现分页功能。
