Yii EClientScriptプラグイン拡張をインストールcss,jsファイルコード圧縮とロード機能を実現

9202 ワード

この例では、YiiがEClientScriptプラグイン拡張をインストールしてcss、jsファイルコード圧縮とロード機能を実現することについて説明します.皆さんの参考にしてください.具体的には以下の通りです.
拡張プラグインのダウンロードアドレス、解凍後に/protected/vendor/にコピー
https://github.com/muayyad-alsadi/yii-EClientScript
mainプロファイル構成プラグイン、componentsに追加

//js,css    ,  
'clientScript' => array(
 'class' => 'application.vendor.yii-EClientScript.EClientScript',
 'combineScriptFiles' => TRUE, // By default this is set to true, set this to true if you'd like to combine the script files
 'combineCssFiles' => TRUE, // By default this is set to true, set this to true if you'd like to combine the css files
 'optimizeScriptFiles' => !YII_DEBUG, // @since: 1.1
 'optimizeCssFiles' => !YII_DEBUG, // @since: 1.1
 'optimizeInlineScript' => false, // @since: 1.6, This may case response slower
 'optimizeInlineCss' => false, // @since: 1.6, This may case response slower
),


ツールクラスUnit.phpは/protected/vendor/componentsに配置され、クラスでロード方法を定義します.

/**
 *   JS   
 */
public function jsFile($file,$position=CClientScript::POS_HEAD,$media=array()){
 $cs=Yii::app()->getClientScript();
 $cs->registerScriptFile($file,$position,$media);
}
/**
 *  CSS  
 */
public function cssFile($file,$media=''){
 Yii::app()->getClientScript()->registerCssFile($file,$media);
}


テンプレート呼び出しcssファイルjsファイル


//IE6   CSS  
Unit::cssFile('/css/form.css','lte IE 6');
//result to:
//  JS  ,
Unit::jsFile('/js/jquery.lazyload.js');
//result to:
//IE9   JS  
Unit::jsFile('/js/common.js', CClientScript::POS_HEAD, array('media' => 'lt IE 9'));
//result to:<--[if lt IE 9]><script src="/js/common.js"><![endif]-->
?>

</pre> 
 </div> 
 <p>    Yii                 :《Yii           》、《php        》、《smarty        》、《php            》、《php   (string)    》、《php+mysql         》 《php           》</p> 
 <p>           Yii   PHP        。</p> 
 <div class="clearfix"> 
  <span id="art_bot" class="jbTestPos"></span> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1176212296486170624"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
                    
                     
                

興味があるかもしれません

  • デスクトップに複数のボールが同時に動いているのに、どのようにしてボールの間が交差しない、つまり衝突を実現しますか?
    韓国の赤い果物の番号を変えます
    html 小球がぶつかる
  • 『高性能HTML 5』を読んで整理したWeb性能最適化内容
    砂糖
    html5
  • [Jshop]Spring MVCのRequestContextHolder使用エラー
    dinguangx
    jeeshop ショッピングモールシステム jshop 電子商取引システム
  • アルゴリズムの時間複雑度
    周凡楊
    java アルゴリズム#アルゴリズム# 時間の複雑さ こうりつ
  • Javaトランザクション
    g21121
    java
  • Linux awkコマンドの詳細
    510888780
    linux
  • android permission
    布衣凌宇
    Permission
  • OracleとGoogle Java Android訴訟は延期されます
    aijuans
    java oracle
  • アルファベットで分類:
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z その他
    トップページ -
    私たちについて -
    構内検索 -
    Sitemap -
    権利侵害苦情
    著作権すべてのIT知識ベースCopyRight© 2000-2050 IT知識ベースIT 610.com , All Rights Reserved.
    京ICP備09083238号