laravelでasset()メソッドを使用する方法

WBOY
リリース: 2022-06-02 16:55:45
オリジナル
3173 人が閲覧しました

laravel でのasset() メソッドの使用法: 1. 静的ファイルを導入するために使用されます。構文は "src="{{asset('インポートする必要があるファイルパス')}}"; です。 2. 現在要求されているスキーム フロントエンド リソースの URL を生成するために使用されます。構文は「$url =asset('フロントエンド リソース')」です。

laravelでasset()メソッドを使用する方法

この記事の動作環境: Windows 10 システム、Laravel バージョン 5.4、Dell G3 コンピューター。

laravelのasset()メソッド

1.スタイルファイルasset()メソッドの導入

Bootstrapを導入したい場合は、通常Laravelを使用します。スタイルを待っていると、導入したアドレスは正しいのに、スタイルの効果が表示されないことがあります。このとき、asset() メソッドを使用してスタイル アドレスを導入できます。使い方は非常に簡単です。 src="{ {asset('インポートする必要があるファイル ')}}"、このメソッドを使用してスタイルを導入する場合、エラーは発生しません。たとえば、

<link type="text/css" rel="styleSheet"  href="{{asset(&#39;css/bootstrap.min.css&#39;)}}" />
<link rel="stylesheet" type="text/css" href="{{asset(&#39;css/app.css&#39;)}}">
<script src="{{asset(&#39;js/jquery-3.5.0.min.js&#39;)}}"></script>
<script src="{{asset(&#39;js/bootstrap.min.js&#39;)}}"></script>
ログイン後にコピー

は静的ファイルの導入に使用されます。 css/JavaScript/images として、ファイルはパブリック ファイル ディレクトリに保存する必要があります次の

src="{{ asset(&#39;home&#39;) }}/images/t01.png"
ログイン後にコピー

2. 現在のリクエスト スキーム (HTTP または HTTPS) を使用して、フロントエンド リソースの URL を生成します:

$url = asset(&#39;img/photo.jpg&#39;);
ログイン後にコピー

laravelには、js、css、画像などの静的リソースをパッケージ化するためのlaravel-mixが付属しています。生成されるファイルの名前は app.asjduiik2l1323879dasfydua23.js になります。つまり、元の JS ファイル名にハッシュ .js 接尾辞が付けられます。これは、中間のハッシュがいつでも変更される可能性があるため、JS ファイルがページに導入されるときに変更されます。 、ファイルへのパスを書き込むことはできません。代わりに mix('app.js') を使用します。このとき、laravel は現在の app.js がどのアプリ ハッシュ .js ファイルに対応するかを自動的に照合します (mix-プロジェクトのパブリックディレクトリに保存されているmanifest.json 両者の対応関係が決まり、静的リソースがパッケージ化されるたびにファイルが更新されます。

静的リソースの名前にハッシュ値を追加したくない場合があります (ほとんどの場合、静的リソースは、独立して導入された非 nodejs モジュールのサードパーティ ライブラリです)。今度は、アセット メソッドを直接使用できます。これは、名前を付けたファイルを単純かつ大雑把に検索するだけです。

[関連する推奨事項: laravel ビデオチュートリアル ]

以上がlaravelでasset()メソッドを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!