Yii - Theming
O tema ajuda a substituir um conjunto de visualizações por outro sem a necessidade de modificar os arquivos de visualização originais. Você deve definir otheme propriedade do componente de aplicativo de visualização para usar os temas.
Você também deve definir as seguintes propriedades -
yii\base\Theme::$basePath - Define o diretório base para CSS, JS, imagens e assim por diante.
yii\base\Theme::$baseUrl - Define a URL base dos recursos temáticos.
yii\base\Theme::$pathMap - Define as regras de substituição.
Por exemplo, se você ligar $this->render('create') no UserController, o @app/views/user/create.phpo arquivo de visualização será renderizado. No entanto, se você habilitar os temas como na configuração do aplicativo a seguir, o arquivo de visualização @ app / themes / basic / user / create.php será renderizado.
Step 1 - Modifique o config/web.php arquivar desta forma.
<?php
$params = require(__DIR__ . '/params.php'); $config = [
'id' => 'basic',
'basePath' => dirname(__DIR__),
'bootstrap' => ['log'],
'components' => [
'request' => [
// !!! insert a secret key in the following (if it is empty) - this
//is required by cookie validation
'cookieValidationKey' => 'ymoaYrebZHa8gURuolioHGlK8fLXCKjO',
],
'cache' => [
'class' => 'yii\caching\FileCache',
],
'user' => [
'identityClass' => 'app\models\User',
'enableAutoLogin' => true,
],
'errorHandler' => [
'errorAction' => 'site/error',
],
'mailer' => [
'class' => 'yii\swiftmailer\Mailer',
// send all mails to a file by default. You have to set
// 'useFileTransport' to false and configure a transport
// for the mailer to send real emails.
'useFileTransport' => true,
],
'log' => [
'traceLevel' => YII_DEBUG ? 3 : 0,
'targets' => [
[
'class' => 'yii\log\FileTarget',
'levels' => ['error', 'warning'],
],
],
],
'view' => [
'theme' => [
'basePath' => '@app/themes/basic',
'baseUrl' => '@web/themes/basic',
'pathMap' => [
'@app/views' => '@app/themes/basic',
],
],
],
'db' => require(__DIR__ . '/db.php'),
],
'modules' => [
'hello' => [
'class' => 'app\modules\hello\Hello',
],
],
'params' => $params, ]; if (YII_ENV_DEV) { // configuration adjustments for 'dev' environment $config['bootstrap'][] = 'debug';
$config['modules']['debug'] = [ 'class' => 'yii\debug\Module', ]; $config['bootstrap'][] = 'gii';
$config['modules']['gii'] = [ 'class' => 'yii\gii\Module', ]; } return $config;
?>
Adicionamos o componente de aplicativo de visualização.
Step 2 - Agora crie o web/themes/basic estrutura de diretório e themes/basic/site. Dentro da pasta themes / basic / site, crie um arquivo chamadoabout.php com o seguinte código.
<?php
/* @var $this yii\web\View */ use yii\helpers\Html; $this->title = 'About';
$this->params['breadcrumbs'][] = $this->title;
$this->registerMetaTag(['name' => 'keywords', 'content' => 'yii, developing, views, meta, tags']); $this->registerMetaTag(['name' => 'description', 'content' => 'This is the
description of this page!'], 'description');
?>
<div class = "site-about">
<h1><?= Html::encode($this->title) ?></h1>
<p style = "color: red;">
This is the About page. You may modify the following file to customize its content:
</p>
</div>
Step 3 - Agora vá para http://localhost:8080/index.php?r=site/about, a themes/basic/site/about.php arquivo será renderizado, em vez de views/site/about.php.
Step 4 - Para módulos de tema, configure a propriedade yii \ base \ Theme :: $ pathMap desta forma.
'pathMap' => [
'@app/views' => '@app/themes/basic',
'@app/modules' => '@app/themes/basic/modules',
],
Step 5 - Para widgets de tema, configure o yii\base\Theme::$pathMap propriedade desta forma.
'pathMap' => [
'@app/views' => '@app/themes/basic',
'@app/widgets' => '@app/themes/basic/widgets', // <-- !!!
],
Às vezes, você precisa especificar um tema básico que contenha uma aparência básica do aplicativo. Para atingir esse objetivo, você pode usar a herança do tema.
Step 6 - Modifique o componente do aplicativo de visualização desta forma.
'view' => [
'theme' => [
'basePath' => '@app/themes/basic',
'baseUrl' => '@web/themes/basic',
'pathMap' => [
'@app/views' => [
'@app/themes/christmas',
'@app/themes/basic',
],
]
],
],
Na configuração acima, o @app/views/site/index.phpo arquivo de exibição terá o tema @ app / themes / christmas / site / index.php ou @ app / themes / basic / site / index.php, dependendo de qual arquivo existe. Se ambos os arquivos existirem, o primeiro será usado.
Step 7 - Crie o themes/christmas/site estrutura de diretório.
Step 8 - Agora, dentro da pasta themes / christmas / site, crie um arquivo chamado about.php com o seguinte código.
<?php
/* @var $this yii\web\View */
use yii\helpers\Html;
$this->title = 'About'; $this->params['breadcrumbs'][] = $this->title; $this->registerMetaTag(['name' => 'keywords', 'content' => 'yii, developing,
views, meta, tags']);
$this->registerMetaTag(['name' => 'description', 'content' => 'This is the
description of this page!'], 'description');
?>
<div class = "site-about">
<h2>Christmas theme</h2>
<img src = "http://pngimg.com/upload/fir_tree_PNG2514.png" alt = ""/>
<p style = "color: red;">
This is the About page. You may modify the following file to customize its content:
</p>
</div>
Step 9 - Se você for para http://localhost:8080/index.php?r=site/about, você verá a página atualizada sobre usando o tema de Natal.