Для тех, кому не терпится перейти к примеру:
В статье будет описано внедрение следующих шаблонов для админки: Gentellela Admin. Адаптивный HTML шаблон для CMS на основе Bootstrap и Адаптивный HTML шаблон для CMS (adminLTE v2.3.2). Стили шаблонов будут установлены как расширение. И так приступим.
Для начала нам необходимо иметь развернутый проект на Yii2, если его еще нет, то разверните его. Быстрая подсказка по установке Yii2 advanced: Yii2 advanced, быстрая установка и настройка.
Установка и использование шаблона gentelella для backend в yii2
Открываем терминал, переходим к папке с проектом и выполняем установку шаблона gentelella с помощью следующей команды:
composer require --prefer-dist yiister/yii2-gentelella "~1.0"
Далее необходимо добавить зависимость в класс AppAsset, для этого открываем файл @backend/assets/AppAsset.php и добавляем нашу зависимость. Класс AppAsset будет выглядеть следующим образом:
<?php namespace backend\assets; use yii\web\AssetBundle; /** * Main backend application asset bundle. */ class AppAsset extends AssetBundle { public $basePath = '@webroot'; public $baseUrl = '@web'; public $css = [ 'css/site.css', ]; public $js = [ ]; public $depends = [ 'yii\web\YiiAsset', 'yii\bootstrap\BootstrapAsset', 'yiister\gentelella\assets\Asset', ]; }
Теперь заменим файл @backend/views/layouts/main.php на @vendor/yiister/yii2-gentelella/views/layouts/main.php
Открываем админку проекта в браузере и получаем:
Так же можно заменить view вывода ошибок, для этого замените @backend/views/site/error.php на @vendor/yiister/yii2-gentelella/views/error.php
Все, наслаждаемся стилем шаблона gentelella в yii2.
Чистый шаблон админки gentelella можно скачать здесь: Gentellela Admin. Адаптивный HTML шаблон для CMS на основе Bootstrap
Подробная документация: gentelella.yiister.ru
Установка и использование шаблона adminlte для backend в yii2
Приступим к установке шаблона adminlte в yii2, открываем терминал, переходим в папку с проектом и выполняем следующую команду:
composer require --prefer-dist yiister/yii2-adminlte "~1.0"
Добавляем зависимости. Открываем файл @backend/assets/AppAsset.php и добавляем нашу зависимость как в предыдущем примере. Класс AppAsset будет выглядеть следующим образом:
<?php namespace backend\assets; use yii\web\AssetBundle; /** * Main backend application asset bundle. */ class AppAsset extends AssetBundle { public $basePath = '@webroot'; public $baseUrl = '@web'; public $css = [ 'css/site.css', ]; public $js = [ ]; public $depends = [ 'yii\web\YiiAsset', 'yii\bootstrap\BootstrapAsset', 'yiister\adminlte\assets\Asset', ]; }
Далее заменим файл @backend/views/layouts/main.php на @vendor/yiister/yii2-adminlte/views/layouts/main.php
Открываем админку проекта в браузере и получаем:
Для стилизации вывода ошибок замените @backend/views/site/error.php на @vendor/yiister/yii2-adminlte/views/error.php
Все, наслаждаемся стилем шаблона adminlte в yii2.
Чистый шаблон админки adminlte можно скачать здесь: Адаптивный HTML шаблон для CMS (adminLTE v2.3.2)
Подробная документация: adminlte.yiister.ru
Комментарии
Доброе утро. У меня возникла ошибка при установке шаблона adminlte через composer:
Ответить$ composer require --prefer-dist yiister/yii2-adminlte "~1.0"
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
Your requirements could not be resolved to an installable set of packages.
Problem 1
- Installation request for yiister/yii2-adminlte ~1.0 -> satisfiable by yiister/yii2-adminlte[1.0.0].
- Conclusion: remove rmrevin/yii2-fontawesome 2.17.0
- Conclusion: don't install rmrevin/yii2-fontawesome 2.17.0
- yiister/yii2-adminlte 1.0.0 requires rmrevin/yii2-fontawesome 2.12.* -> satisfiable by rmrevin/yii2-fontawesome[2.12.0, 2.12.1, 2.12.2].
- Can only install one of: rmrevin/yii2-fontawesome[2.12.0, 2.17.0].
- Can only install one of: rmrevin/yii2-fontawesome[2.12.1, 2.17.0].
- Can only install one of: rmrevin/yii2-fontawesome[2.12.2, 2.17.0].
- Installation request for rmrevin/yii2-fontawesome (locked at 2.17.0) -> satisfiable by rmrevin/yii2-fontawesome[2.17.0].
Installation failed, reverting ./composer.json to its original content.
Может кто-то знает как устранить эти ошибки?
Доброе утро Arador, если перед установкой adminlte вы устанавливали gentellela, то попробуйте сделать следующее:
ОтветитьОткройте файл composer.json, удалите строку "yiister/yii2-gentellela": "~1.0"
После чего выполните команду:
composer update
и
composer require --prefer-dist yiister/yii2-adminlte "~1.0"
Спасибо, помогло
ОтветитьИ как теперь работать с админкой? Как подключать нужные виджеты, контроллеры и так далее? Все менять в папочке @vendor/yiister/yii2-adminlte/views/layouts/main.php
ОтветитьПросто скопируйте @yiister/adminlte в вашу тему (например: @app/views/layouts/)
ОтветитьЗдраствуйте, можно ли установить (внедрить) без composer? Спасибо за ответ за ранее))
ОтветитьВозьмите чистый html шаблон, вот список: Адаптивные HTML шаблоны для CMS (админки), там есть оба шаблона. Может так будет даже лучше
ОтветитьСпасибо, и потом каждую прописать вручную?
ОтветитьЧто именно прописать?
ОтветитьИ что не так с Composer?
ОтветитьЯ просто yii2 basic установил не через composer
Ответитьу меня виджет Меню не работает версия 1?
Ответить