Yii中css和js文件引入

Yii中css和js文件的引入有很多种方式,下面讲三种:

1.自定义路径

创建一个php文件,比如constant.php,把他放到protected/config目录下,作为一个配置文件引入

constant.php里代码如下:

define(‘BaseUrl‘, Yii::app()->baseUrl);
define(‘CSS_PATH‘, BaseUrl.‘/assets/lib/css‘);//前台css文件路径
define(‘JS_PATH‘, BaseUrl.‘/assets/lib/js‘);//前台js文件路径
define(‘IMG_PATH‘, BaseUrl.‘/assets/lib/img‘);//前台image路径
define(‘CSS_ROUTE‘, BaseUrl.‘/assets/admin/css‘);//后台css文件路径
define(‘JS_ROUTE‘, BaseUrl.‘/assets/admin/js‘);//后台js文件路径
define(‘IMG_ROUTE‘,BaseUrl.‘/assets/admin/img‘);//后台image路径

然后在入口文件index.php里加上:

// change the following paths if necessary
$yii=dirname(__FILE__).‘/../admin/framework/yii.php‘;
$config=dirname(__FILE__).‘/protected/config/main.php‘;
// remove the following lines when in production mode
defined(‘YII_DEBUG‘) or define(‘YII_DEBUG‘,true);
// specify how many levels of call stack should be shown in each log message
defined(‘YII_TRACE_LEVEL‘) or define(‘YII_TRACE_LEVEL‘,3);
$constant=dirname(__FILE__).‘/protected/config/constant.php‘;//引入自定义的路径文件
require_once($yii);
require_once($constant);
Yii::createWebApplication($config)->run();

使用的话在views/layouts下的布局文件里使用,比如coulum3.php

<link rel="stylesheet" type="text/css" href="<?php echo CSS_PATH; ?>/main.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo CSS_PATH; ?>/form.css" />

2.Yii中的引入方式

<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/screen.css" media="screen, projection" />
    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/print.css" media="print" />
    <!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/ie.css" media="screen, projection" />
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/main.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/form.css" />

3.可以使用theme来引入

第一步:main.php中配置:

‘theme‘=>‘capital‘,

第二步:在根目录下的themes下创建capital文件,在capital文件下再创建css、js、img文件

第三步:视图中引入:

<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl;?>/lib/datepicker/css/datepicker.css">
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl;?>/lib/jquery-ui/css/ui-lightness/jquery-ui-1.10.3.custom.css">
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl;?>/stylesheets/theme.css">


Yii中css和js文件引入

上一篇:IE和火狐浏览器对css解析的不一致


下一篇:Yii学习之PHPExcel的引入和使用