ホームページ  >  記事  >  バックエンド開発  >  Thinkphp と Bootstrap を組み合わせて、パーソナライズされたページング スタイルを作成します (推奨)_php の例

Thinkphp と Bootstrap を組み合わせて、パーソナライズされたページング スタイルを作成します (推奨)_php の例

WBOY
WBOYオリジナル
2016-08-17 13:02:36870ブラウズ

まず、ThinkPHP バージョン 3.1 のページング スタイルについて不満を述べておきます。非常にシンプルでエレガントに見えますが、すべてのページ番号の間のギャップが比較的小さく、「最初の 5」もあります。 「pages」 と 「次の 5 ページ」 は少し冗長に思えます。現在最初のページを表示している「前のページ」ボタンをクリックすると、最初の 5 ページが自動的に表示されるからです。

3.1 のページング効果は次のようになります:

上記の不満足な状況と ThinkPHP5 の最近の学習を考慮して、ThinkPHP5 は、Controller でページング機能を使用した後、BootStrap.css ファイルが導入されている限り、BootStrap ページング スタイルを完全にサポートします。デスクはBootStrapスタイルに従って自然に表示され、効果は次のようになります:

私が Dingqiu.com を開発したときは、まだ ThinkPHP5 がリリースされておらず、バージョン 3.1 で BootStrap のページング コンポーネントを使用するにはどうすればよいですか? 解決策は次のとおりです。

1. thinkphp のネイティブ page.class.php クラスを派生します

コア ファイルに影響を与えないように(デザイン パターンの変更を閉じるという原則に違反する)、サブクラス ListPage を派生しました。 サブクラスのコードは次のとおりです。

リーリー

ご覧のとおり、最初にコア クラスが配置されているファイルをインポートし、それから大胆に派生できます。ここにはコア コードのみがリストされています。ページ クラスの Config 変数を変更し、サブクラスの変数を上記の形式に書き換えて、このサブクラスをすべてのアクション (コントローラー) で使用してページング オブジェクトを作成するだけです:

リーリー

このようにして、上記の設定を使用できます。新しいページネーション表示効果は次のようになります。

上記は、パーソナライズされたページング スタイルを作成するために編集者が紹介する Thinkphp と Bootstrap の組み合わせです (推奨)。ご質問がある場合は、メッセージを残してください。編集者が対応します。時間内に返信してください。スクリプト ハウス Web サイトをサポートしてくださった皆様にも感謝いたします。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。