1、在web文件夹下添加static文件夹,该文件夹存放js、css、images等静态资源文件
2、在AppAsset.php文件中添加以下代码
//定义按需加载JS方法,注意加载顺序在最后 public static function addJs($view, $jsfile) { $view->registerJsFile($jsfile,[AppAsset::className(), "depends" => 'backendassetsAppAsset']); } //定义按需加载css方法,注意加载顺序在最后 public static function addCss($view, $cssfile) { $view->registerCssFile($cssfile, [AppAsset::className(), 'depends' => 'backendassetsAppAsset']); }
(相关教程推荐:yii框架)
3、在HTML中引入js、css、images等
<?php use yiihelpersUrl; /** 引入js、css文件 */ use backendassetsAppAsset; AppAsset::register($this); AppAsset::addJs($this,Yii::$app->request->baseUrl."/static/js/jquery.min.js"); AppAsset::addJs($this,Yii::$app->request->baseUrl."/static/js/jquery.js"); AppAsset::addCss($this,Yii::$app->request->baseUrl."/static/css/index.css"); ?> <title>测试引入静态资源</title><!-- 测试js和css --><div>点我弹出OK</div> <?php $this->beginBlock('test') ?> $(function($) { $('#mybutton').click(function() { alert('OK'); }); }); <?php $this->endBlock() ?> <?php $this->registerJs($this->blocks['test'], yiiwebView::POS_END); ?> <div>点我弹出loading</div> <div> @@##@@ <span>数据加载中....</span> </div> <?php $this->beginBlock('test') ?> $(function($) { $("#mybutton2").click(function() { $('#loading').show(); }); }); <?php $this->endBlock() ?> <?php $this->registerJs($this->blocks['test'], yiiwebView::POS_END); ?> <!-- 引入图片 --> @@##@@<br> @@##@@" class="img-class"><br>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END