Yii2中如何配置應用的主題切換

在 Yii2 中，可以通過以下步驟配置應用的主題切換：

1. 創建主題目錄結構

在 Yii2 項目的 web 目錄下創建一個名為 themes 的文件夾。在此文件夾中，為每個主題創建一個單獨的子文件夾。例如，創建一個名為 “v1” 的文件夾，其中包含主題 1 的所有資源文件。

web/
    themes/
        v1/
            css/
            js/
            images/
        v2/
            css/
            js/
            images/

2. 創建主題類

在 Yii2 項目的 components 目錄下創建一個名為 ThemeManager.php 的文件。在此文件中，定義一個繼承自 \yii\base\Theme 的類，并實現您的主題邏輯。

<?php
namespace app\components;

use yii\base\Theme;

class ThemeManager extends Theme
{
    public function init()
    {
        parent::init();
        // 初始化主題相關資源
    }

    public function getThemePath()
    {
        return Yii::$app->getTheme()->baseUrl;
    }
}

3. 配置應用組件

打開 Yii2 項目的 config/web.php 文件，找到 components 部分，并配置 ThemeManager 組件。

<?php
$config = [
    // ...
    'components' => [
        // ...
        'themeManager' => [
            'class' => 'app\components\ThemeManager',
            'themes' => [
                'v1' => [
                    'pathMap' => [
                        '@app/views' => '@app/themes/v1/views',
                    ],
                ],
                'v2' => [
                    'pathMap' => [
                        '@app/views' => '@app/themes/v2/views',
                    ],
                ],
            ],
        ],
    ],
];

return $config;

在這里，我們定義了兩個主題 “v1” 和 “v2”，并為每個主題指定了視圖路徑映射。

4. 使用主題

現在您可以在應用程序中使用主題。例如，在視圖文件中，您可以使用 Yii2 的主題功能來設置全局樣式或腳本：

<?php
use yii\helpers\Html;
use yii\bootstrap\Nav;

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

$this->title = 'My Application';
?>

<h1>Welcome to Yii2!</h1>

<?= Nav::widget([
    'items' => [
        ['label' => 'Theme v1', 'url' => ['/theme/v1']],
        ['label' => 'Theme v2', 'url' => ['/theme/v2']],
    ],
]) ?>

在這個例子中，我們創建了一個導航欄，其中包含兩個鏈接，分別指向兩個不同的主題。當用戶點擊這些鏈接時，應用程序將切換到相應的主題。

5. 切換主題

要在運行時切換主題，您可以使用 Yii2 的 \yii\base\Theme 類的方法。例如，您可以在控制器的 action 方法中設置當前活動的主題：

<?php
namespace app\controllers;

use yii\web\Controller;

class ThemeController extends Controller
{
    public function actionSwitch($theme)
    {
        $themeManager = Yii::$app->themeManager;
        $themeManager->setTheme($theme);
        return $this->redirect(['index']);
    }
}

在這個例子中，我們創建了一個名為 ThemeController 的控制器，其中包含一個名為 actionSwitch 的方法。此方法接受一個參數 $theme，該參數表示要切換到的主題名稱。然后，我們使用 $themeManager 組件的 setTheme 方法來設置當前活動的主題。最后，我們將用戶重定向到 index 操作，以便他們可以看到新主題。

現在，您已經成功配置了 Yii2 應用程序的主題切換功能。用戶可以通過導航欄中的鏈接或在控制器的 action 方法中切換到不同的主題。