目次
laravelのasset()メソッド
ホームページ PHPフレームワーク Laravel laravelでasset()メソッドを使用する方法

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

Jun 02, 2022 pm 04:55 PM
laravel

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('css/bootstrap.min.css')}}" />
<link rel="stylesheet" type="text/css" href="{{asset('css/app.css')}}">
<script src="{{asset('js/jquery-3.5.0.min.js')}}"></script>
<script src="{{asset('js/bootstrap.min.js')}}"></script>
ログイン後にコピー

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

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

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

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

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 サイトの他の関連記事を参照してください。

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PHP vs. Flutter: モバイル開発に最適な選択 PHP vs. Flutter: モバイル開発に最適な選択 May 06, 2024 pm 10:45 PM

PHP vs. Flutter: モバイル開発に最適な選択

Laravel - アーティザンコマンド Laravel - アーティザンコマンド Aug 27, 2024 am 10:51 AM

Laravel - アーティザンコマンド

PHP でオブジェクト リレーショナル マッピング (ORM) を使用してデータベース操作を簡素化するにはどうすればよいですか? PHP でオブジェクト リレーショナル マッピング (ORM) を使用してデータベース操作を簡素化するにはどうすればよいですか? May 07, 2024 am 08:39 AM

PHP でオブジェクト リレーショナル マッピング (ORM) を使用してデータベース操作を簡素化するにはどうすればよいですか?

PHP単体テストツールの長所と短所の分析 PHP単体テストツールの長所と短所の分析 May 06, 2024 pm 10:51 PM

PHP単体テストツールの長所と短所の分析

PHP 分散システムのアーキテクチャと実践 PHP 分散システムのアーキテクチャと実践 May 04, 2024 am 10:33 AM

PHP 分散システムのアーキテクチャと実践

Laravel と CodeIgniter の最新バージョンの比較 Laravel と CodeIgniter の最新バージョンの比較 Jun 05, 2024 pm 05:29 PM

Laravel と CodeIgniter の最新バージョンの比較

Laravel と CodeIgniter のデータ処理機能はどのように比較されますか? Laravel と CodeIgniter のデータ処理機能はどのように比較されますか? Jun 01, 2024 pm 01:34 PM

Laravel と CodeIgniter のデータ処理機能はどのように比較されますか?

PHPコードの単体テストと統合テスト PHPコードの単体テストと統合テスト May 07, 2024 am 08:00 AM

PHPコードの単体テストと統合テスト

See all articles