Yii2创建多界面主题（Theme）

时间：2022-08-14 05:48:59

Yii2界面主题上的设计总体上和Yii1.x保持一致，区别在于两个地方：

1. 由于Yii2引入了独立的视图（View）类，因此界面主题（Theme）也交由视图来管理；

2. 视图文件和Web资源在目录上做了分离（在应用程序模板中，分别对应于views和web目录）

以高级应用程序模板为例，

首先在frontend/views和frontend/web目录下分别创建一个themes/{your theme name}目录，比如themes/basic。

然后在应用程序配置中，修改配置如下：

'components'=>[　　...
　　'view' => [
    　　'theme' => [
        　　'pathMap' => ['@app/views' => '@app/views/themes/basic'],
        　　'baseUrl' => '@web/themes/basic',
    　　],
　　],
...]

修改AppAssets的$baseUrl变量为：

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web/themes/basic';
...
}

最后在views/themes/basic下面创建页面，在web/themes/basic下面创建资源（如css/site.css）。

这样，你就可以使用这个新建的界面主题了，在渲染视图时，Yii2会首先查找你定义的theme目录，然后查找默认目录。

要创建多界面主题，只需要按相同步骤在themes目录下添加新的theme，比如themes/advanced。

如果要在视图文件中显式引用某个界面主题下的资源，可以使用 $this->theme->baseUrl ...

相关文章