简介
在 Web 开发中，分页是常见的需求。jQuery Pagination 是一款基于 jQuery 的分页插件，可以快速、方便地实现分页功能。本文将介绍如何在后台 Struts2 中使用 jQuery Pagination 插件，并提供详细的示例代码。
安装和引入
要使用 jQuery Pagination，需要先下载并引入相关文件。可以从官方网站上下载最新版：https://github.com/esimakin/twbs-pagination。
下载完成后，将 jquery.twbsPagination.min.js 和 twbs-pagination.css 文件复制到项目的合适位置，并在页面上引入它们：
<link rel="stylesheet" href="path/to/twbs-pagination.css"> <script src="path/to/jquery.twbsPagination.min.js"></script>
使用方法
HTML 结构
首先，需要在 HTML 页面中设置一个用于显示分页的区域。可以使用以下 HTML 结构：
<ul class="pagination"></ul>
JavaScript 代码
在 JavaScript 中，需要实例化一个 $.fn.twbsPagination 对象，并将其与分页区域进行绑定。可以使用以下代码来实现：
-- -------------------- ---- -------
---------- -- -
---------------------------------
----------- ---
------------- --
------------ -------- ------- ----- -
-- ----- --------
-
---
---其中，totalPages 表示总页数，visiblePages 表示最多显示的页码数量，onPageClick 是分页点击事件处理函数。
后台 Struts2 代码
在后台 Struts2 中，需要根据当前页数查询数据库中的数据，并将查询结果返回给前端页面。可以使用以下代码来实现：
-- -------------------- ---- -------
------ ----- ---------- ------- ------------- -
------- --- ------------
------- ---------- ---------
------ ------ --------- ------ --------- -
-- ----------
--- ----------- - -------------------------
--- --------- - ----- ------------------ ----------- - ----------
-- -------------------
-- ------------ - ---------- -
----------- - ----------
-
-- ----
-------- - -------------------------------- ----------
------ --------
-
------ --- ---------------- -
------ ------------
-
------ ---- ------------------ ------------ -
---------------- - ------------
-
------ ---------- ------------- -
------ ---------
-
------ ---- ---------------------- --------- -
------------- - ---------
-
-其中，totalRecord 表示总记录数，totalPage 表示总页数，currentPage 表示当前页数，pageSize 表示每页显示的记录数，userDao 是数据访问对象。
示例代码
HTML 页面
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------- ---------- ----------------
----- ---------------- -----------------------------------
-------
------
-------
-------
----
-----------
------------
-----------
-----
--------
-------
----------- -----------------
----
--------------- -----------------
--------------- -----------------------
--------------- -----------------------
-----
-------------
--------
--------
--- ---------------------
------- -------------------------------------------
------- ----------------------------------------------------
--------
---------- -- -
---------------------------------
----------- --------------- - -------- - -- - -----------
------------- --
------------ -------- ------- ----- -
-------------
- --------------------------------------------------------- --------
------------------------------------------------------------------------------