例を示します。
<!-- 分页 -->
{pboot:if({page:rows}>0)}
<nav aria-label="page navigation" class="my-4">
<div class="pagination justify-content-center">
<a class="page-item page-link" href="{page:index}">首页</a>
<a class="page-item page-link" href="{page:pre}">上一页</a>
{page:numbar}<!-- 数字条,小屏幕时自动隐藏-->
<a class="page-item page-link" href="{page:next}">下一页</a>
<a class="page-item page-link" href="{page:last}">尾页</a>
</div>
</nav>
{else}
<div class="text-center my-5 text-secondary">未查询到任何数据!</div>
{/pboot:if}ページネーションバーラベル
適用範囲:ページ分割ラベルは、ページ分割処理が実行されたすべてのページに適用されます。
タグの用途:ページ分割用のコードを出力するためのものです。
1. ページングバーラベル
{page:bar} システムに組み込まれた完全なページネーションバー
{page:current} 現在のページ番号
{page:count} 総ページ数
{page:rows}:総データ行数
{page:index} ホームページリンク
{page:pre} 前ページリンク
{page:next} 次ページリンク
{page:last} 最後ページのリンク
{page:status} ページング状態情報
{page:numbar}:数字バー。この数字バーには「page-num」というクラス名が付与されており、現在のページには「page-num-current」クラスも付与されています。
{page:selectbar} ダラーメニュー
2. ページングバーに組み込まれたHTMLスタイルのクラス名
ステータス:page-status
レコメンド:page-index
前のページ:page-pre
次のページ:page-next
最終ページ:page-last
数字バー(`page-numbar`):数字バーの下に表示される数字(`page-num`)。現在のページの場合、この数字には「`page-num-current`」も付加されます。
ドロップダウンリスト:page-select(既定のリストは表示されていません)
システムの完全なページネーションバーを使用している場合、上記のスタイル名は出力されるHTMLコードに含まれます。このため、対応する名前をそのまま自身のCSSファイルで具体的なスタイルを定義することができます。
カスタム方式を使用する場合、自ら記述したHTMLコードに基づいて設定します。ただし、数字バーの下にある `page-num` および `page-num-current` は依然として有効です。
もちろん、フロントエンドの操作にある程度慣れているなら、上記の内容はすべて「F12」を押すだけで確認できることをご存知でしょう。