四、在视图层(../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这样的文件生成,还在继续探索中。
相关推荐
7. **前端构建工具**:通常配合如 Gulp 或 Grunt 进行前端资源的自动化构建,优化 CSS 和 JavaScript 文件。 **Composer**:作为 PHP 的依赖管理工具,Composer 在 Yii2 中起到了关键作用。它可以安装和更新项目所...
Yii CMS系统在设计时考虑了权限管理,引入了角色基础访问控制(RBAC),这是一种用于管理用户权限和职责的有效机制。RBAC允许管理员定义不同级别的用户角色,并为每个角色分配相应的操作权限,从而实现细粒度的访问...
Yii Framework 是一个高效且强大的PHP框架,用于构建大型Web应用程序。..."yii-basic-app-2.0.0.tgz"压缩包是学习和快速启动Yii 2.0项目的理想起点,开发者可以通过这个基础模板深入了解和掌握Yii框架的各个方面。
通过本项目的学习与实践,可以深入理解Yii 2.0框架的使用方法以及电商平台开发的整体流程和技术要点。对于想要快速入门Yii 2.0或者有意于电商平台开发的开发者来说,该项目是一个非常好的学习案例。此外,该项目还...
- **知识点**:了解如何简化CSS和JavaScript文件的引用路径。 - **实现方式**:介绍使用`Yii::app()->assetManager`管理静态资源的方法。 ##### 9. Eclipse PDT代码提示、引用和其他好用功能 - **知识点**:提高...
#### 七、引入第三方库 可以在 `protected/config/main.php` 配置文件中使用 `import` 来引入第三方库: ```php 'import'=>array( 'application.venders.*', ), ``` 或者使用 `Yii::import()` 方法动态加载: ```...
- `web/`:Web 应用的入口文件 `index.php` 以及静态资源文件(如 CSS、JavaScript 和图片)。 - `.gitignore`:定义了哪些文件或目录不应被版本控制系统跟踪。 - `composer.json`:项目依赖的定义文件,用于通过 ...
在Yii框架中,引入外部JavaScript和CSS文件通常使用`CClientScript`组件。例如,如果JS文件位于项目的`js`目录,CSS文件位于`css`目录,可以使用以下代码进行注册: ```php // 注册 js 文件 Yii::app()->...
CSS、JS等资源可以放在`assets`目录下,并通过Yii的`baseUrl`属性来引用它们。例如: ```php echo Yii::app()->request->baseUrl . '/assets/index/css/index.css'; ``` `Yii::app()`返回的是应用的全局实例,它...
Yii2 是 Yii 框架的第二个主要版本,它引入了更多的现代 Web 开发实践和设计模式。Yii2 的核心特性包括 MVC(模型-视图-控制器)架构、数据库抽象层、缓存管理、安全功能、表单处理以及丰富的扩展库。这些特性使得...
4. **JavaScript**:JS文件用于前端交互和验证,如jQuery库、自定义脚本等。 5. **图片和媒体资源**:包括logo、景点图片、广告图片等。 6. **数据库文件**:如SQL脚本,用于创建和初始化数据库结构。 7. **框架...
3. **cs()**: 这个函数返回`Yii::app()->clientScript`,它管理客户端脚本(CSS、JavaScript),用于注册、组合和输出到页面。 4. **user()**: 这个函数返回`Yii::app()->user`,提供用户会话状态的访问,包括登录...
在【压缩包子文件的文件名称列表】中,我们看到的"132687468195124138"可能是一个随机生成的文件名,通常在压缩包中,这样的文件可能是数据库配置、源代码文件、图片资源、样式表(CSS)、脚本文件(JS)、文档说明...
4. **前端视图**:HTML、CSS和JavaScript文件,构成用户界面,可能使用了Bootstrap、Vue.js等前端框架和库。 5. **模型**:封装数据访问逻辑,与数据库进行交互。 6. **路由**:定义URL到控制器的映射,管理应用程序...
2. **前端资源**:包括HTML、CSS和JavaScript文件,它们负责系统的用户界面和交互。 3. **控制器**:PHP文件,处理HTTP请求并调用模型进行业务逻辑处理。 4. **模型**:包含了业务逻辑和数据操作,可能与数据库交互...
5. **前端技术结合**:与HTML、CSS和JavaScript结合,构建丰富的用户体验,可能用到jQuery、Vue.js或React.js等库。 6. **安全性**:考虑XSS(跨站脚本攻击)和SQL注入防护,使用预处理语句或ORM(对象关系映射)来...
13. **前端技术**:虽然主要关注PHP,但项目可能也涉及HTML、CSS和JavaScript,用于构建用户界面和实现动态交互。 14. **单元测试**:良好的开发实践可能包含了单元测试,确保代码的质量和功能正确性,可能使用...
8. **前端技术**:与后端PHP配合的前端可能使用了HTML、CSS和JavaScript,可能还引入了Bootstrap、Vue.js或React.js等前端框架,提高用户体验。 9. **API设计**:如果系统有移动端应用,源码可能包括RESTful API的...
这个CHM文件包含详细的文档、示例代码和常见问题解答,对于初学者和有经验的开发者都是很好的学习和查阅工具。通过阅读手册,你可以深入了解PHP的核心特性和高级功能,从而提升你的PHP编程技能。
15. **PHP与前端技术结合**:常与HTML、CSS、JavaScript一起使用,构建动态交互的Web应用。 通过深入学习这些基础概念和实践,你将能更好地理解和使用"phpend-maste大一大二笔记"中的内容,进一步提升你的PHP编程...