AdminLTE は、Bootstrap 3.x に基づいた、完全に応答性の高い管理を行う無料の高度な管理コントロール パネル テーマで、小型のモバイル デバイスから大型のデスクトップ コンピューターまで適しています。豊富な画面解像度。
AdminLTEの特徴:
私たちが使用するツール
新しいLaravelをダウンロードしてください
よくわからない場合は、公式 Web サイトにアクセスしてドキュメントのリンクを参照してください
ここではコマンドラインを直接使用できます
このコマンドを使用して、myapp という名前の新しい Laravel プロジェクトを作成しました。成功すると、下の図が表示されます
Bower経由でAdminLTEをダウンロード
myapp/public フォルダーに移動します
このフォルダー内で以下のコマンドを実行します
リーリー
完了すると、追加の bower_componets フォルダーが見つかり、このフォルダー内に AdminLTE が表示されます
AdminLTE starter.htmlをBladeテンプレートに変換します
Laravel は優れたテンプレート エンジンである Blade を使用します。Blade を最大限に活用するには、通常の一般的な HTML スタート ページを Blade テンプレートに適用する必要があります。まず、 resource/views フォルダーにビューを作成し、名前を付けます。 admin_template.blade.php にアクセスし、このページに対応するルートを作成します。以下に作成したように
次に、bower_components/admin-lte/starter.html のコンテンツをビュー テンプレートにコピーし、関連するリンクを AdminLTE の対応するディレクトリにポイントします。以下は私の予備設定です。 リーリー
これと同様に、css と js の関連リンクを対応するディレクトリにポイントし、localhost:8000/admin を通じてページの変更を確認します。このとき、ページは次のようになります。
AdminLTE を使用するためのリソースがすべて揃ったので、メイン ビューに最後の仕上げを追加しましょう。このテンプレートを 3 つのファイル、sidebar.blade.php、header.blade.php、footer.blade.php に分割します。 この 3 つのファイルの内容は、admin_template.blade.phpheader 部分、side 部分、および footer 部分を切り取って、3 つのファイルに順番に配置します。
最終研磨作業
テンプレートのパーソナライゼーションを分離したので、最初の admin_template.blade.php を設定する必要があります
以下に示すように、コンテンツの動的な読み込みを容易にするテンプレート:
リーリー
上記のコードでは、メイン コンテンツを含む contentn を追加し、さまざまなページのページ タイトルを追加し、名前を [dashboard.blade.php] に変更しました。これで、このテンプレートを使用できるようになりました。
テストページ
これまでに行ったことを確認するために、簡単なページを作成します
1.test.blade.phpを作成しますリーリー
2.TestController.phpを作成する
リーリーリーリー
3. 対応するルートを作成します
リーリー
興味があるかもしれない記事:
PHP の Laravel フレームワークにおけるイベント操作の詳細な分析 PHP の Laravel フレームワークと MySQL および Redis データベースのデプロイメントの組み合わせ