PHP の Yii フレームワークに付属するフロントエンドリソースパッケージの使用方法の詳細な説明、yii Framework

PHP の Yii フレームワークに付属するフロントエンドリソースパッケージの使用方法の詳細な説明

興味があるかもしれない記事:

ホームページ

バックエンド開発

PHPチュートリアル

PHP の Yii フレームワークに付属するフロントエンドリソースパッケージの使用方法の詳細な説明、yii Framework_PHP チュートリアル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 12, 2016 am 08:55 AM

php yii

PHP の Yii フレームワークに付属するフロントエンドリソースパッケージの使用方法の詳細な説明

Yii のリソースは、CSS ファイル、JavaScript ファイル、画像、または Web ページに関連するファイルです。リソースは Web アクセス可能なディレクトリに配置され、Web サーバーによって直接呼び出されます。

たとえば、ページで yiijuiDatePicker ウィジェットを使用すると、必要な CSS ファイルと JavaScript ファイルが自動的に組み込まれます。これらのファイルを手動で見つけて含める必要はありません。ウィジェットをアップグレードするウィジェットをインストールすると、新しいバージョンのリソースファイルが自動的に使用されます。このチュートリアルでは、Yii が提供する強力なリソース管理機能について詳しく説明します。

リソースパック

Yii はリソースをリソースパッケージで管理します。リソースパッケージは単にディレクトリに配置されたリソースのコレクションであり、リソースパッケージがビューに登録されると、Web ページのレンダリング時にパッケージ内の CSS ファイルと JavaScript ファイルが含まれます。

リソースパッケージを定義する

リソースパッケージは、yiiwebAssetBundle を継承する PHP クラスとして指定されます。パッケージ名は、リソースパッケージクラスで、リソースの場所、CSS および JavaScript ファイルを指定する必要があります。が含まれており、他のパッケージとの依存関係も含まれています。

次のコードは、基本的なアプリケーションテンプレートで使用されるメインリソースパッケージを定義します。リーリー

上記のように、AppAsset クラスで指定されたリソースファイルは @webroot ディレクトリに配置されており、リソースパッケージには CSS ファイル css/site.css が含まれています。他の 2 つのパッケージ yiiwebYiiAsset と yiibootstrapBootstrapAsset yiiwebAssetBundle についてプロパティの詳細については以下で説明します。

yiiwebAssetBundle::sourcePath: リソースファイルを含むバンドルのルートディレクトリを指定します。Web からルートディレクトリにアクセスできない場合は、このプロパティを設定する必要があります。それ以外の場合は、yiiwebAssetBundle::basePath プロパティと yiiwebAssetBundle::baseUrl を設定する必要があります。ここでパスのエイリアスを使用できます

yiiwebAssetBundle::basePath: リソースバンドル内のリソースファイルが含まれ、Web アクセス可能なディレクトリを指定します。 yiiwebAssetBundle::sourcePath 属性を指定すると、リソースマネージャーはパッケージのリソースを Web アクセス可能なディレクトリに公開します。ファイルが Web アクセス可能なディレクトリにある場合は、この属性を設定して、再度公開する必要がないようにする必要があります。ここではパスのエイリアスを使用できます。

yiiwebAssetBundle::js: リソースバンドルの JavaScript ファイルを含む配列。各 JavaScript ファイルは次の 2 つの形式のいずれかで指定できます。

相対パスはローカル JavaScript ファイル (js/main.js など) として表され、ファイルの実際のパスの前に yiiwebAssetManager::basePath が付きます。ファイルの実際の URL の前に yiiwebAssetManager::baseUrl が付きます。

リソースの場所

リソースはその場所に応じて分類できます:

ソースリソース: リソースファイルと PHP ソースコードはまとめられており、Web から直接アクセスすることはできません。これらのソースリソースを使用するには、Web からアクセスできる Web ディレクトリにコピーしてリソースを公開する必要があります。公開リソースと呼ばれます。詳細は後述します。

リソースの公開: リソースファイルは、Web 経由で直接アクセスできる Web ディレクトリに配置されます。外部リソース: リソースファイルは Web アプリケーションとは別の Web サーバーに配置されます。リソースバンドルクラスを定義するときに、 yiiwebAssetBundle::sourcePath 属性を指定すると、相対パスを使用するすべてのリソースがソースリソースとして使用されます。この属性を指定しない場合は、これらのリソースが公開リソースであることを意味します。 yiiwebAssetBundle ::basePath と yiiwebAssetBundle::baseUrl を指定して Yii に位置を知らせる必要があります)。

不要なリソース公開プロセスを避けるために、リソースファイルを Web ディレクトリに配置することをお勧めします。これが、前の例で yiiwebAssetBundle::sourcePath の代わりに yiiwebAssetBundle::basePath を指定している理由です。

对于扩展来说，由于它们的资源和源代码都在不能Web访问的目录下，在定义资源包类时必须指定yii\web\AssetBundle::sourcePath属性。

注意: yii\web\AssetBundle::sourcePath 属性不要用@webroot/assets，该路径默认为 yii\web\AssetManager资源管理器将源资源发布后存储资源的路径，该路径的所有内容会认为是临时文件，可能会被删除。
资源依赖

当Web页面包含多个CSS或JavaScript文件时，它们有一定的先后顺序以避免属性覆盖，例如，Web页面在使用jQuery UI小部件前必须确保jQuery JavaScript文件已经被包含了，我们称这种资源先后次序称为资源依赖。

资源依赖主要通过yii\web\AssetBundle::depends 属性来指定，在AppAsset 示例中，资源包依赖其他两个资源包： yii\web\YiiAsset 和 yii\bootstrap\BootstrapAsset 也就是该资源包的CSS和JavaScript文件要在这两个依赖包的文件包含之后才包含。

资源依赖关系是可传递，也就是人说A依赖B，B依赖C，那么A也依赖C。

资源选项

可指定yii\web\AssetBundle::cssOptions 和 yii\web\AssetBundle::jsOptions 属性来自定义页面包含CSS和JavaScript文件的方式，这些属性值会分别传递给 yii\web\View::registerCssFile() 和 yii\web\View::registerJsFile() 方法，在视图调用这些方法包含CSS和JavaScript文件时。

注意: 在资源包类中设置的选项会应用到该包中每个 CSS/JavaScript 文件，如果想对每个文件使用不同的选项，应创建不同的资源包并在每个包中使用一个选项集。
例如，只想IE9或更高的浏览器包含一个CSS文件，可以使用如下选项：

public $cssOptions = ['condition' => 'lte IE9'];

ログイン後にコピー

这会是包中的CSS文件使用以下HTML标签包含进来：

<!--[if lte IE9]>
<link rel="stylesheet" href="path/to/foo.css">
<![endif]-->

ログイン後にコピー

为链接标签包含

PHP の Yii フレームワークに付属するフロントエンド リソース パッケージの使用方法の詳細な説明、yii Framework_PHP チュートリアル

PHP の Yii フレームワークに付属するフロントエンド リソース パッケージの使用方法の詳細な説明

PHP の Yii フレームワークに付属するフロントエンドリソースパッケージの使用方法の詳細な説明、yii Framework_PHP チュートリアル

PHP の Yii フレームワークに付属するフロントエンドリソースパッケージの使用方法の詳細な説明