Le gestionnaire d'actifs de YII fournit un moyen rationalisé d'inclure et de gérer les fichiers CSS et JavaScript dans vos applications YII. Au lieu d'ajouter manuellement les balises <link>
et <script></script>
dans vos vues, vous utilisez des bundles aux actifs liés au groupe. Cette approche favorise une meilleure organisation, maintenabilité et performance.
Pour utiliser le gestionnaire d'actifs, vous devez d'abord créer un bundle d'actifs. Cela se fait généralement en étendant la classe yii\web\AssetBundle
. Dans cette classe, vous spécifiez le chemin source contenant vos actifs (fichiers CSS et JS), l'URL publiée où les actifs seront servis et une liste des fichiers CSS et JS à inclure.
<code class="php"><?php namespace app\assets; use yii\web\AssetBundle; class AppAsset extends AssetBundle { public $basePath = '@webroot'; public $baseUrl = '@web'; public $css = [ 'css/site.css', ]; public $js = [ 'js/site.js', ]; public $depends = [ 'yii\web\YiiAsset', 'yii\bootstrap5\BootstrapAsset', ]; }</code></code>
Cet exemple crée un bundle AppAsset
. basePath
et baseUrl
définissent respectivement l'emplacement des actifs sur le serveur et leur URL. Les tableaux css
et js
répertorient les fichiers CSS et JavaScript. depends
des spécifications d'autres groupes d'actifs sur lesquels cela s'appuie (dans ce cas, les actifs centraux de Yii et le bootstrap 5).
Enfin, vous enregistrez le bundle d'actifs dans votre avis en utilisant $this->registerAssetBundle()
:
<code class="php"><?php use app\assets\AppAsset; AppAsset::register($this); ?> <title>My Yii Application</title> <h1>Hello, Yii!</h1> </code>
Cela enregistre le bundle AppAsset
, y compris automatiquement les fichiers CSS et JavaScript spécifiés dans la section de votre HTML.
L'utilisation du gestionnaire d'actifs de Yii offre plusieurs avantages par rapport aux actifs manuels, y compris les actifs:
depends
que les actifs nécessaires sont inclus automatiquement, la prévention des conflits et la garantie des fonctionnalités correctes.Le gestionnaire d'actifs de YII fournit plusieurs mécanismes pour optimiser les performances de chargement des actifs:
<script></script>
ou en utilisant des techniques avancées comme la division du code.Le gestionnaire d'actifs de YII prend facilement en charge la gestion des actifs à partir de divers faisceaux et emplacements. Vous pouvez enregistrer plusieurs bundles d'actifs à votre avis, et chaque bundle peut avoir son propre chemin source et ses dépendances. Cela permet une approche modulaire de la gestion des actifs.
Pour les actifs situés dans différents répertoires ou même des sources externes (par exemple, un CDN), vous ajustez simplement les propriétés basePath
et baseUrl
de vos faisceaux d'actifs en conséquence. La propriété depends
vous permet de créer un arbre de dépendance, garantissant que les actifs sont inclus dans l'ordre correct et la prévention des conflits. Vous pouvez également utiliser $this->registerCssFile()
et $this->registerJsFile()
pour les fichiers individuels qui n'appartiennent pas à un bundle.
En tirant parti de ces fonctionnalités, vous pouvez gérer et optimiser efficacement le chargement des fichiers CSS et JavaScript dans vos applications YII, ce qui entraîne une expérience plus efficace et conviviale.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!