ホームページ  >  記事  >  バックエンド開発  >  Yii2.0ではCSSとJSファイルメソッドを導入

Yii2.0ではCSSとJSファイルメソッドを導入

伊谢尔伦
伊谢尔伦オリジナル
2016-12-02 10:21:421794ブラウズ

yii2 では、yii2 のバージョンがアップグレードされたため、yii2 の多くの使用法が yii1 とは大きく異なります。最近、ビュー レイヤーのビュー インターフェイスをさまよっています。どのような問題に遭遇しましたか? 問題は、CSS ファイルと JS ファイルの導入方法がわからないことです。コミュニティ内の他の経験豊富なマスターのチュートリアルも読み、それに従ったのですが、たとえば、yii2 プロジェクトを開いた後、ヘッダーとテールを削除するにはどうすればよいですか。元の main.php ファイルを変更せずに JS および CSS ファイルを導入する方法としては、xxxAsset.php の設定ファイルを作成し、そのファイルを xxx Asset::register($this) を通じてインポートすることが考えられます。またしても問題が発生しました。firebug を開いた後、CSS ファイルも JS ファイルも導入されておらず、スタイルが乱れていました。後で関連する情報を確認したところ、偶然 yii2 バックエンドがダウンロードされました。他の人が投稿したテンプレートなので、今朝、バックエンド スタイルがどのようにレイアウトされているかを見て、それを要約しました。
1. フロント ビューの最も単純なものは、以前と同様にファイルごとにインポートされるようなものなので、 use to を使用します。上部のコードセグメントを呼び出します

use yiihelpersHtml;

次に、下のHTMLで次のように呼び出すことができます

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

この方法では、他のファイルに触れる必要はなく、ファイルを直接インポートするだけですもちろん、このように書くと、毎回ロードするために多くの行を記述する必要がありますが、設定ファイルに記述するのが最善ですが、問題がわかりません。設定ファイルを使って導入する方法は後ほど説明します
2. フロントデスクはこのように導入されているので、コントローラーにスタイルファイルをカスタマイズする方法
コントローラーに

public $layout = 'layout';//$layoutと呼ばれる変数をクラスに定義します

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

add6a1b1de65026b6547d07059acbba8

このようにして、コントローラーは現在のレイアウトディレクトリにあるビューファイルをロードするphpファイルを自動的に見つけます。 view directory
上記の数行の短いコードは、初心者がやり方を知らない問題を解決します。CSS ファイルと JS ファイルの読み込みの問題に関して、***Asset.php ファイルの記述に問題があると思われる場合は、後で、yii2 に慣れたら、他のメソッドを使用してそれらをロードすることもできます
さらに、ビュー内の他のビュー ファイルへのリンクを追加する方法も説明します。 toRoute('post/index');?>//Post は現在のコントローラー名、index はビュー テンプレートです

とても簡単ですね!

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