Php 如何创建包含yii2后端自定义主题的

首先我告诉你我到底做了什么

1） 创建了my theme文件夹yii2\backend\web\themes\basic，其中包含主题的所有css、js文件

2） 我在yii2\backend\config\main.php中配置了我的主题，如下所示：

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

3） 在yii2\backend\assets\AppAsset.php中包含我的所有css和js文件

     public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
    //'css/site.css',
    'plugins/pace/pace-theme-flash.css',
    //'plugins/boostrapv3/css/bootstrap.min.css',
    //'plugins/boostrapv3/css/bootstrap-theme.min.css',
    'plugins/font-awesome/css/font-awesome.css',
    'css/animate.min.css',
    'plugins/jquery-scrollbar/jquery.scrollbar.css',
    'css/style.css',
    'css/responsive.css',
    'css/custom-icon-set.css',
];
public $js = [
    //'plugins/jquery-1.8.3.min.js',
    //'plugins/jquery-ui/jquery-ui-1.10.1.custom.min.js',
    //'plugins/boostrapv3/js/bootstrap.min.js',
    'plugins/breakpoints.js',
    'plugins/jquery-unveil/jquery.unveil.min.js',
    'plugins/jquery-scrollbar/jquery.scrollbar.min.js',
    'plugins/jquery-numberAnimate/jquery.animateNumbers.js',
];
public $depends = [
    'yii\web\YiiAsset',
    'yii\bootstrap\BootstrapAsset',
];

       public $basePath = '@webroot/themes/basic';
       public $baseUrl = '@web/themes/basic';

我的问题是，我的css和js没有找到它给出了404错误 我的文件位置像。但我的实际文件链接是

---

为什么它不起作用。如果你的文件位置和你说的一样，有人能帮我吗

http://192.168.1.1:1010/backend/web/plugins/pace/pace-theme-flash.css

而不是

http://192.168.1.1:1010/backend/web/themes/basic/plugins/pace/pace-theme-flash.css

您的基本路径和基本Url应该是

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

并最终检查应用程序/视图

或者在yii2\backend\assets\AppAsset.php中

     public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
    //'css/site.css',
    'plugins/pace/pace-theme-flash.css',
    //'plugins/boostrapv3/css/bootstrap.min.css',
    //'plugins/boostrapv3/css/bootstrap-theme.min.css',
    'plugins/font-awesome/css/font-awesome.css',
    'css/animate.min.css',
    'plugins/jquery-scrollbar/jquery.scrollbar.css',
    'css/style.css',
    'css/responsive.css',
    'css/custom-icon-set.css',
];
public $js = [
    //'plugins/jquery-1.8.3.min.js',
    //'plugins/jquery-ui/jquery-ui-1.10.1.custom.min.js',
    //'plugins/boostrapv3/js/bootstrap.min.js',
    'plugins/breakpoints.js',
    'plugins/jquery-unveil/jquery.unveil.min.js',
    'plugins/jquery-scrollbar/jquery.scrollbar.min.js',
    'plugins/jquery-numberAnimate/jquery.animateNumbers.js',
];
public $depends = [
    'yii\web\YiiAsset',
    'yii\bootstrap\BootstrapAsset',
];

       public $basePath = '@webroot/themes/basic';
       public $baseUrl = '@web/themes/basic';

---

谢谢你的回复。它不起作用。我的css和js文件只显示了不正确的路径