ホームページ > 記事 > php教程 > Yii2 フレームワーク学習メモ (5) -- バックエンドのスキンの変更

Yii2 フレームワーク学習メモ (5) -- バックエンドのスキンの変更

黄舟オリジナル: 2016-12-30 09:53:361698ブラウズ

フロントエンドとバックエンドを区別し、バックエンドの AdminLTE スキンを変更します。

インターネット上には yii2 用の既製の adminLTE プラグインがあり、それを直接使用します。

次のコンテンツをcomposer.jsonのrequireノードに追加します

"require": {
         ...
         "dmstr/yii2-adminlte-asset": "2.*",
         ...
    },

Composerアップデートのインストールコードを実行します。

インストールが完了したら、/vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app の下にある site/layouts フォルダーの内容をコピーして、/backend/ の下にある同じ名前のフォルダーを上書きします。ビュー/。

少し修正しました。

backend/views/layouts/main.php 内のプロンプトに従って、以下に示すように最初の if のコンテンツを削除します。

<?php
use yii\helpers\Html;

/* @var $this \yii\web\View */
/* @var $content string */

    if (class_exists(&#39;backend\assets\AppAsset&#39;)) {
        backend\assets\AppAsset::register($this);
    } else {
        app\assets\AppAsset::register($this);
    }

    dmstr\web\AdminLteAsset::register($this);

    $directoryAsset = Yii::$app->assetManager->getPublishedUrl(&#39;@vendor/almasaeed2010/adminlte/dist&#39;);
    ?>
    <?php $this->beginPage() ?>
    <!DOCTYPE html>
    <html lang="<?= Yii::$app->language ?>">
    <head>
        <meta charset="<?= Yii::$app->charset ?>"/>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <?= Html::csrfMetaTags() ?>
        <title><?= Html::encode($this->title) ?></title>
        <?php $this->head() ?>
    </head>
    <body class="hold-transition skin-blue sidebar-mini">
    <?php $this->beginBody() ?>
    <div>

        <?= $this->render(
            &#39;header.php&#39;,
            [&#39;directoryAsset&#39; => $directoryAsset]
        ) ?>

        <?= $this->render(
            &#39;left.php&#39;,
            [&#39;directoryAsset&#39; => $directoryAsset]
        )
        ?>

        <?= $this->render(
            &#39;content.php&#39;,
            [&#39;content&#39; => $content, &#39;directoryAsset&#39; => $directoryAsset]
        ) ?>

    </div>

    <?php $this->endBody() ?>
    </body>
    </html>
    <?php $this->endPage() ?>

次に、backend/controllers/SiteController.php で、aiontLogin でのログインに使用する必要があるレイアウトをポイントします。

public function actionLogin()
    {
        if (!\Yii::$app->user->isGuest) {
            return $this->goHome();
        }
        // add this line to use the right layout
        $this->layout = &#39;//main-login&#39;;
        $model = new LoginForm();
        if ($model->load(Yii::$app->request->post()) && $model->login()) {
            return $this->goBack();
        } else {
            return $this->render(&#39;login&#39;, [
                &#39;model&#39; => $model,
            ]);
        }
    }

完了後の結果は以下の通りです。

Yii2 フレームワーク学習メモ (5) -- バックエンドのスキンの変更

以上、Yii2フレームワーク学習メモ(5) - 背景のスキン変更の内容です。関連内容はPHP中国語サイト(www.php.cn)をご覧ください。！

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：ThinkPHP の使用体験の共有 - ThinkPHP + Ajax で 2 段階の連携を実現ドロップダウンメニュー次の記事：ThinkPHP の使用体験の共有 - ThinkPHP + Ajax で 2 段階の連携を実現ドロップダウンメニュー

続きを見る

Yii2 フレームワーク学習メモ (5) -- バックエンドのスキンの変更

関連記事