`
dcj3sjt126com
  • 浏览: 1868442 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

YII学习第七天,引入js和css文件

    博客分类:
  • YII
yii 
阅读更多

四、在视图层(../views/..)添加CSS文件或JavaScript文件 

 

Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . "/js/TableView.js");
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . "/js/datechooser.js");
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl . "/css/datechooser.css");

 

public function init()
{   
    //parent::init();   
    Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/my.css');
    Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/css/my.js');
}

 

 

批注1:在视图层引用与在控制层引用的方式一样。但在视图层中引用加载的要晚一些。 

 

批注2:引用路径是使用baseUrl,而不是basePath。 
批注3:关于参数CClientScript::POS_END,作用是延时加载,提高页面渲染效率。例如: 
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . "/js/jqueryui/jquery-ui.min.js", CClientScript::POS_END); 
全部参数一览: 
CClientScript::POS_HEAD : the script is inserted in the head section right before the title element. 
CClientScript::POS_BEGIN : the script is inserted at the beginning of the body section. 
CClientScript::POS_END : the script is inserted at the end of the body section. 
CClientScript::POS_LOAD : the script is inserted in the window.onload() function. 
CClientScript::POS_READY : the script is inserted in the jQuery's ready function. 
注:这些参数仅适用于加载js文件,不适用于加载css文件。 

三、引入jquery核心部件 

Yii::app()->clientScript->registerCoreScript('jquery');

 批注:不论在页面中的何种位置引用,最终yii会将jquery.js文件放入yii的assets文件夹下。即/projectName/assets/82qg58/jquery-1.6.1.min.js。 

 



二、在控制层(../controllers/xxController.php)添加CSS文件或JavaScript文件 

public function init()
{   
    //parent::init();   
    Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/my.css');
    Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/css/my.js');
}

 一、在../layouts/main.php中引入 

1,直接引入 

<!-- css -->
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/print.css" media="print" />
<!-- 图片 -->
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/js/autocomplete/indicator.gif" />
<!-- js -->
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery.js"></script>

 2,yii方式引入 

<?php
<!-- (一)简单用法 -->
<!-- js -->
    Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . "/js/jqueryui/jquery-ui.min.js", CClientScript::POS_END);


<!-- (二)复杂用法 -->
if($this->user->id) {
		Yii::app()->clientScript->registerScriptFile(Yii::app()->createUrl('/account/info', array('format' => 'js')), CClientScript::POS_END);
	}

	if($this->user->id) {
		Yii::app()->clientScript->registerScriptFile(Yii::app()->createUrl('site/baseJs'));
	}
?>

 批注:在yii运行后,第一种在head中,第二种在body最后面,显然后者效率更高。但必须加载的js和css有必要写在head中。 



3,区别 



批注:至于为什么会有/assets/b729ab/js/jquery.js这样的文件生成,还在继续探索中。

分享到:
评论
1 楼 最後的结局丶 2015-06-02  
像你最后一句话:
批注:至于为什么会有/assets/b729ab/js/jquery.js这样的文件生成,还在继续探索中。


这个是代表的什么意思
我以前想的是 这个是不是我们在YII中引入JS的时候产生的缓存?

不知道您现在知道吗 可以给解答下不

ps: 正在很认真的看你YII博客部分。

相关推荐

    Yii2(归档文件)框架

    7. **前端构建工具**:通常配合如 Gulp 或 Grunt 进行前端资源的自动化构建,优化 CSS 和 JavaScript 文件。 **Composer**:作为 PHP 的依赖管理工具,Composer 在 Yii2 中起到了关键作用。它可以安装和更新项目所...

    Yii写的CMS系统

    Yii CMS系统在设计时考虑了权限管理,引入了角色基础访问控制(RBAC),这是一种用于管理用户权限和职责的有效机制。RBAC允许管理员定义不同级别的用户角色,并为每个角色分配相应的操作权限,从而实现细粒度的访问...

    yii-basic-app-2.0.0.tgz

    Yii Framework 是一个高效且强大的PHP框架,用于构建大型Web应用程序。..."yii-basic-app-2.0.0.tgz"压缩包是学习和快速启动Yii 2.0项目的理想起点,开发者可以通过这个基础模板深入了解和掌握Yii框架的各个方面。

    Yii 2.0开发一个仿京东商城平台

    通过本项目的学习与实践,可以深入理解Yii 2.0框架的使用方法以及电商平台开发的整体流程和技术要点。对于想要快速入门Yii 2.0或者有意于电商平台开发的开发者来说,该项目是一个非常好的学习案例。此外,该项目还...

    Yii_Cookbook

    - **知识点**:了解如何简化CSS和JavaScript文件的引用路径。 - **实现方式**:介绍使用`Yii::app()-&gt;assetManager`管理静态资源的方法。 ##### 9. Eclipse PDT代码提示、引用和其他好用功能 - **知识点**:提高...

    YII路径的用法总结

    #### 七、引入第三方库 可以在 `protected/config/main.php` 配置文件中使用 `import` 来引入第三方库: ```php 'import'=&gt;array( 'application.venders.*', ), ``` 或者使用 `Yii::import()` 方法动态加载: ```...

    yii2:由于官方的yii2框架下载极慢,因此将下载好的框架源码放到这里

    - `web/`:Web 应用的入口文件 `index.php` 以及静态资源文件(如 CSS、JavaScript 和图片)。 - `.gitignore`:定义了哪些文件或目录不应被版本控制系统跟踪。 - `composer.json`:项目依赖的定义文件,用于通过 ...

    PHP的Yii框架使用中的一些错误解决方法与建议

    在Yii框架中,引入外部JavaScript和CSS文件通常使用`CClientScript`组件。例如,如果JS文件位于项目的`js`目录,CSS文件位于`css`目录,可以使用以下代码进行注册: ```php // 注册 js 文件 Yii::app()-&gt;...

    yii框架创建与设置默认控制器并载入模板操作示例

    CSS、JS等资源可以放在`assets`目录下,并通过Yii的`baseUrl`属性来引用它们。例如: ```php echo Yii::app()-&gt;request-&gt;baseUrl . '/assets/index/css/index.css'; ``` `Yii::app()`返回的是应用的全局实例,它...

    yii2test

    Yii2 是 Yii 框架的第二个主要版本,它引入了更多的现代 Web 开发实践和设计模式。Yii2 的核心特性包括 MVC(模型-视图-控制器)架构、数据库抽象层、缓存管理、安全功能、表单处理以及丰富的扩展库。这些特性使得...

    基于PHP的进云JYS系统应用旅游门户源码.zip

    4. **JavaScript**:JS文件用于前端交互和验证,如jQuery库、自定义脚本等。 5. **图片和媒体资源**:包括logo、景点图片、广告图片等。 6. **数据库文件**:如SQL脚本,用于创建和初始化数据库结构。 7. **框架...

    Yii全局函数用法示例

    3. **cs()**: 这个函数返回`Yii::app()-&gt;clientScript`,它管理客户端脚本(CSS、JavaScript),用于注册、组合和输出到页面。 4. **user()**: 这个函数返回`Yii::app()-&gt;user`,提供用户会话状态的访问,包括登录...

    基于PHP的仿美乐乐商城系统源码 (电脑手机微信三合一).zip

    在【压缩包子文件的文件名称列表】中,我们看到的"132687468195124138"可能是一个随机生成的文件名,通常在压缩包中,这样的文件可能是数据库配置、源代码文件、图片资源、样式表(CSS)、脚本文件(JS)、文档说明...

    基于PHP的网上商城系统rc6源码.zip

    4. **前端视图**:HTML、CSS和JavaScript文件,构成用户界面,可能使用了Bootstrap、Vue.js等前端框架和库。 5. **模型**:封装数据访问逻辑,与数据库进行交互。 6. **路由**:定义URL到控制器的映射,管理应用程序...

    基于PHP的有擎企业系统源码.zip

    2. **前端资源**:包括HTML、CSS和JavaScript文件,它们负责系统的用户界面和交互。 3. **控制器**:PHP文件,处理HTTP请求并调用模型进行业务逻辑处理。 4. **模型**:包含了业务逻辑和数据操作,可能与数据库交互...

    基于PHP的Nextwpa小游戏门户网站php版源码.zip

    5. **前端技术结合**:与HTML、CSS和JavaScript结合,构建丰富的用户体验,可能用到jQuery、Vue.js或React.js等库。 6. **安全性**:考虑XSS(跨站脚本攻击)和SQL注入防护,使用预处理语句或ORM(对象关系映射)来...

    PHP实例开发源码—PHP魅雅有声小说联盟程序源码.zip

    13. **前端技术**:虽然主要关注PHP,但项目可能也涉及HTML、CSS和JavaScript,用于构建用户界面和实现动态交互。 14. **单元测试**:良好的开发实践可能包含了单元测试,确保代码的质量和功能正确性,可能使用...

    基于PHP的金融直销理财源码 php版.zip

    8. **前端技术**:与后端PHP配合的前端可能使用了HTML、CSS和JavaScript,可能还引入了Bootstrap、Vue.js或React.js等前端框架,提高用户体验。 9. **API设计**:如果系统有移动端应用,源码可能包括RESTful API的...

    PHP中文帮助手册

    这个CHM文件包含详细的文档、示例代码和常见问题解答,对于初学者和有经验的开发者都是很好的学习和查阅工具。通过阅读手册,你可以深入了解PHP的核心特性和高级功能,从而提升你的PHP编程技能。

    phpend-maste大一大二笔记

    15. **PHP与前端技术结合**:常与HTML、CSS、JavaScript一起使用,构建动态交互的Web应用。 通过深入学习这些基础概念和实践,你将能更好地理解和使用"phpend-maste大一大二笔记"中的内容,进一步提升你的PHP编程...

Global site tag (gtag.js) - Google Analytics