在前端開發中，很多時候需要使用分頁控件來展示數據。而jQuery MiniUI是一款比較常用的UI庫之一，其分頁控件非常實用。

使用jQuery MiniUI分頁控件需要先引入相關文件：

<link rel="stylesheet" type="text/css" href="miniui.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="miniui.js"></script>

然后，在HTML頁面中添加分頁控件：

<div id="pager"></div>

接下來，通過JavaScript代碼對分頁控件進行配置和初始化：

$(function() {
$('#pager').miniPager({
total: 100, // 數據總數
pageSize: 10, // 每頁顯示的數據條數
pageIndex: 1, // 當前頁碼
onPageChanged: function(pageIndex, pageSize) {
// 分頁控件頁碼變化事件
loadData(pageIndex, pageSize);
}
});
});
function loadData(pageIndex, pageSize) {
// 加載數據的邏輯
}

需要注意的是，分頁控件的初始化需要在DOM結構完全加載完成后執行。在配置中，total表示數據總數，pageSize表示每頁顯示的數據條數，pageIndex表示當前頁碼。除此之外，還可以通過onPageChanged事件來響應分頁控件的頁碼變化。

最后，loadData函數為需要加載數據的業務邏輯。在每次頁面變化時，都需要重新加載數據并更新UI。