Yii2 フレームワークに CSS と JS ファイルを導入する方法

(*-*)浩
リリース: 2019-12-18 14:59:48
オリジナル
2432 人が閲覧しました

Yii2 フレームワークに CSS と JS ファイルを導入する方法

yii2 では、yii2 のバージョンがアップグレードされたため、yii2 の多くの使用法が yii1 とは大きく異なり、ここ数日間、ビュー レイヤーのビュー インターフェイスをさまよっていました。何が問題ですか? (推奨学習: yii フレームワーク )

CSS、js ファイルをどのように導入すればよいかわからないという質問です。コミュニティ内の他の経験豊富なマスターのチュートリアルも読み、それに従ったのですが、まだいくつかの問題があり、たとえば、yii2 プロジェクトを開いた後、ヘッダーと末尾がパブリックになっています。

元の main.php ファイルを変更せずに JS および CSS ファイルを導入する方法 おそらく 1 つの方法は、xxxAsset.php の設定ファイルを作成し、xxx Asset::register($ this) を渡すことです。ファイルをインポートしましたが、再び問題が発生しました。このコードに遭遇したとき、それは無効で機能しませんでした。firebug を開いた後、CSS または JS ファイルが head にインポートされず、スタイルが乱雑になりました。

後で関連情報を確認したところ、偶然、他の人が投稿した yii2 バックエンド テンプレートをダウンロードしたので、今朝、バックエンド スタイルがどのように配置されているかを見て、それをまとめました:

1. 正面図で最も簡単なのは、前と同じようにファイルを 1 つずつ導入することです。そのため、先頭の use を使用してコード セグメントを呼び出します。

use yii\helpers\Html;
ログイン後にコピー

その後、次の Html

<?=Html::jsFile(&#39;@web/***/js/***.js&#39;)?>//这里***代表你的目录名或者文件名
<?=Html::cssFile(&#39;@web/***/css/***.css&#39;)?>//***同上
ログイン後にコピー

でこのように呼び出すことができます。この場合、他のファイルに触れる必要はなく、ファイルを直接インポートするだけです。インポートされる場合は、もちろんこのように記述します その場合、毎回ロードするコードを何行も書かなければなりません 設定ファイルに記述するのが最善です しかし、設定の使用方法がわかりません

2. フロントデスクはこのように導入されていますが、コントローラーでスタイル ファイルをカスタマイズするにはどうすればよいですか?コントローラー内の次のコード

public $layout = &#39;layout&#39;;//在类中定义一个变量,名为$layout
ログイン後にコピー

このレイアウトには、ビュー内にlayoutsというディレクトリがあることに注意してください。このディレクトリ内に、layout.phpという名前の新しいファイルを作成し、そこにコード

<?php echo $content; ?>
ログイン後にコピー
#を追加しました。 ## これにより、コントローラーは現在のビュー ディレクトリの下のレイアウト ディレクトリにあるロード ビューを自動的に見つけることができます。ファイルの php ファイルの上にある数行の短いコードにより、初心者が CSS および JS ファイルをロードする方法がわからないという問題が解決されます。 ***Asset.php ファイルの書き込みに問題があると思われる場合は、私の方法を使用してください。その後、yii2 に慣れてきた後、他の方法で読み込むようにしました。また、ジャンプしてリンクする方法も追加します。ビュー内の他のビュー ファイルも上部に紹介されています。

use yii\helpers\Url;
ログイン後にコピー

次に、ジャンプするリンクが必要な場所にこれを書きます:

<?phpecho Url::toRoute(&#39;post/index&#39;);?>//post为你的当前控制器名,index为view模版
ログイン後にコピー

以上がYii2 フレームワークに CSS と JS ファイルを導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート