Heim  >  Artikel  >  php教程  >  Anmerkungen zur Yii2-Framework-Studie (5) – Ändern der Skin für das Backend

Anmerkungen zur Yii2-Framework-Studie (5) – Ändern der Skin für das Backend

黄舟
黄舟Original
2016-12-30 09:53:361742Durchsuche

Unterscheiden Sie zwischen Frontend und Backend und ändern Sie den AdminLTE-Skin für das Backend.

Es gibt ein fertiges yii2 adminLTE-Plug-in im Internet, das Sie direkt verwenden können.

Fügen Sie den folgenden Inhalt zum Anforderungsknoten in Composer.json hinzu.

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

Führen Sie den Composer-Update-Installationscode aus.

Kopieren Sie nach Abschluss der Installation den Inhalt der Ordner „site/layouts“ unter /vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app, um die Inhalte unter „/backend/views“ zu überschreiben / Ordner mit demselben Namen.

Nehmen Sie einige geringfügige Änderungen vor.

backend/views/layouts/main.php, gemäß den darin enthaltenen Anweisungen, löschen Sie den Inhalt im ersten if, wie unten gezeigt.

<?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() ?>

Zeigen Sie dann in backend/controllers/SiteController.php auf das Layout, das Sie für die Anmeldung in aiontLogin verwenden müssen.

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,
            ]);
        }
    }

Der fertige Effekt ist wie folgt.

Anmerkungen zur Yii2-Framework-Studie (5) – Ändern der Skin für das Backend

Anmerkungen zur Yii2-Framework-Studie (5) – Ändern der Skin für das Backend

Das Obige sind die Anmerkungen zur Yii2-Framework-Studie (5) – der Inhalt der Änderung des Skins für den Hintergrund Bitte achten Sie auf PHP Chinese Net (www.php.cn)!


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn