ホームページ > バックエンド開発 > PHPチュートリアル > PHP の Laravel フレームワークで AdminLTE テンプレートを使用して Web サイトのバックエンド インターフェイスを作成する (laraveladminlte_PHP チュートリアル)

PHP の Laravel フレームワークで AdminLTE テンプレートを使用して Web サイトのバックエンド インターフェイスを作成する (laraveladminlte_PHP チュートリアル)

WBOY
リリース: 2016-07-12 08:56:09
オリジナル
1333 人が閲覧しました

AdminLTE テンプレートは、Web サイトのバックエンド インターフェイスを作成するために PHP の Laravel フレームワークで使用されます。laraveladminlte

AdminLTE は、Bootstrap 3.x に基づいた、完全に応答性の高い管理を行う無料の高度な管理コントロール パネル テーマで、小型のモバイル デバイスから大型のデスクトップ コンピューターまで適しています。豊富な画面解像度。

AdminLTEの特徴:

  • 完全に応答します
  • 分類可能なダッシュボード
  • 18 個のプラグインと 3 個のカスタム プラグイン
  • 軽量かつ高速
  • ほとんどの主要なブラウザと互換性があります
  • グリフィコン、Fontwesome、アイコンを完全にサポート

私たちが使用するツール

  • ララベル
  • 管理LTE 2.3.2
  • バウアー
  • 作曲家

新しいLaravelをダウンロードしてください
よくわからない場合は、公式 Web サイトにアクセスしてドキュメントのリンクを参照してください
ここではコマンドラインを直接使用できます

リーリー


このコマンドを使用して、myapp という名前の新しい Laravel プロジェクトを作成しました。成功すると、下の図が表示されます

2016321173918278.png (800×498)

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 を通じてページの変更を確認します。このとき、ページは次のようになります。


2016321174005589.jpg (800×472)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. 対応するルートを作成します
リーリー

4. 間違いがなければ、以下のように表示されます。


興味があるかもしれない記事: 2016321174155654.jpg (800×472)

PHP の Laravel フレームワークにおけるイベント操作の詳細な分析

PHP の Laravel フレームワークと MySQL および Redis データベースのデプロイメントの組み合わせ
  • PHP の Laravel フレームワークでのメッセージ キュー キューと非同期キューの使用 メソッド
  • PHP の Laravel フレームワークにおける Eloquent オブジェクト リレーショナル マッピングの使用方法の詳細な説明
  • PHP フレームワーク Laravel の学習体験
  • PHP の人気のある開発フレームワーク Laravel の包括的な解釈
  • Nginx で PHP フレームワーク Laravel を実行するための設定ファイルの共有
  • PHP IDE PHPStorm 設定サポートフレンドリーな Laravel コードプロンプトメソッド
  • PHPStorm を使用した Laravel の開発
  • PHP 開発フレームワーク Laravel のインストールと構成のチュートリアル
  • PHP フレームワーク Laravel に関する 2 つのヒント
  • www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/1113726.html技術記事 AdminLTE テンプレートは、PHP の Laravel フレームワークで Web サイトのバックエンド インターフェイスを作成するために使用されます。laraveladminlte AdminLTE は、Bootstrap 3.x に基づいた、完全に応答性の高い無料の高度な管理コントロール パネルのテーマです。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート