C O D E - I N F O . R U

Подключаем js и css скрипты в Yii2


В данной статье, максимально коротко и понятно изложены способы подключения JS и CSS скрипты, которые предоствавляет фреймворк Yii2.
Все просто, открываем файл assets/AppAsset.php, находим такую конструкцию:

public $css = [
        'css/site.css',
    ];
public $js = [
];


Ну и соответсвенно элементами массива прописываем пути к файлам.
Для этого открываем дирретории web/css и web/js и соответсвенно разбрасываем ваши скрипты туда-сюда, в зависимости от того, какой скрипт.

Пример:

Допустим у нас есть 2 файла: vasya.js и vasya.css. Тот что vasya.js бросаем в дирреторию web/js, а vasya.css — в web/css. Да и конечно прописываем в файл assets/AppAsset.php, должно получиться что то вроде этого:

public $css = [
        'css/site.css',
        'css/vasya.css'
    ];
public $js = [
        'js/vasya.js'
];


Для подключения одного скрипта  js или css на конкретной странице, прописываем следующий код:
//в файле отображения (во вьюхе)
$this->registerJsFile('path/to/myfile');
$this->registerCssFile('path/to/myfile');

//в контроллере или виджете
$this->view->registerJsFile('path/to/myfile');
$this->view->registerCssFile('path/to/myfile');


Если Вам необходимо подключать набор файлов, создаем конкретный класс отвечающий за подключение нужных скриптов:
namespace app\assets;

use yii\web\AssetBundle;

class MyClassAsset extends AssetBundle
{
    public $basePath = '@webroot'; //алиас каталога с файлами, который соответствует @web
    public $baseUrl = '@web';//Алиас пути к файлам
    public $css = [
        'css/vasya.css',
    ];
    public $js = [
        'js/vasya.js',
    ];
}


А затем подключаем его в нужной вьюхе:
use app\assets\AppAsset;
/*....................*/
MyClassAsset::register($this);


Подробнее об этом, Вы можете посмотреть из Документации Yii2.

Удачи всем в изучении!

 

Техническая


Понедельник 05 августа 2019

[Просмотров: 69]

Источник: dvlas.ru