- 浏览: 3322603 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具(开发)使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563:
感谢作者分享~请教下,http://www.lisa33xia ...
CSS基础:text-overflow:ellipsis溢出文本 -
u012206458:
$.ajax的error,complete,success方法 -
DEMONU:
谢谢,虽然不能给你赞助,但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes:
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础:text-overflow:ellipsis溢出文本 -
zenmshuo:
用过SpreadJS,也包含数据可视化的图表
推荐几个web中常用js图表插件
作者:zccst
四、在视图层(../views/..)添加CSS文件或JavaScript文件
批注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会将jquery.js文件放入yii的assets文件夹下。即/projectName/assets/82qg58/jquery-1.6.1.min.js。
二、在控制层(../controllers/xxController.php)添加CSS文件或JavaScript文件
新增:
在控制层,还可以在ActionIndex中引入,而且还可以引入别的module文件夹中的js/css文件。甚至是任意文件夹下的js/css文件
一、在../layouts/main.php中引入
1,直接引入
2,yii方式引入
批注:在yii运行后,第一种在head中,第二种在body最后面,显然后者效率更高。但必须加载的js和css有必要写在head中。
3,区别
批注:至于为什么会有/assets/b729ab/js/jquery.js这样的文件生成,还在继续探索中。
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
四、在视图层(../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");
批注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'); }
新增:
在控制层,还可以在ActionIndex中引入,而且还可以引入别的module文件夹中的js/css文件。甚至是任意文件夹下的js/css文件
public function actionIndex(){ $modify,$reg = some_value; $js = $this->renderFile($this->getInstallViewPath(). '/asset/install.js',array('reg_mp'=>$reg), true); $js = $this->renderFile($this->getViewPath() . '/assets/install_params.js', array('modify' => $modify), true); $cs = Yii::app()->clientScript; $cs->registerScript('asset/install', $js, CClientScript::POS_END); $cs->registerCssFile(Yii::app()->baseUrl . '/css/launch_feed.css'); $cs->registerScript('assets/install_params',$js,CClientScript::POS_END); $cs->registerScriptFile(Yii::app()->baseUrl . '/resources/jquery.form.js'); $cs->registerCssFile(Yii::app()->baseUrl . '/css/install_params.css'); $this->render('xxx'); } public function getInstallViewPath() { return $this->getModule()->getBasePath().'/../operations/views'; }
一、在../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这样的文件生成,还在继续探索中。
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
发表评论
-
Yii隐藏index.php文件的步骤
2014-06-14 14:03 12039作者:zccst 1.修改Apache的配置httpd.co ... -
YII异常处理actionError
2014-06-14 08:47 1981zccst转 错误处理目录 1,引发异常 2,显示错误 3, ... -
YII之 redirect 与contoller之间的方法调用
2014-05-31 18:44 11341作者:zccst 一个contoller里怎么调用另一个co ... -
yii中设置默认时区和语言
2013-04-24 16:28 3530作者:zccst 把php从5.2升级到5.4后,发现5. ... -
Yii异常解决办法
2013-04-23 17:15 1192作者:zccst 在Yii的项目中有一个../protect ... -
Yii之HttpRequest相关
2012-08-16 18:35 5123作者:zccst yii中的HttpRequest很像Jav ... -
yii之Log(日志)使用
2012-06-07 19:17 24955作者:zccst Yii 提供了 ... -
Yii之urlManager相关
2012-03-31 13:04 7116作者:zccst 首先urlManager是CUrlMan ... -
yii框架的执行过程
2012-03-11 14:09 3781作者:zccst 二、controllers里的$this ... -
Yii中引入module
2012-03-11 14:06 4975作者:zccst 一、controller与layout/ ... -
Yii->user(当前用户)相关
2012-03-02 17:50 21711作者:zccst 常用的用法是 class Contro ... -
如何在纯js文件中设置yii方式的url地址
2012-02-20 20:56 3343作者:zccst 1,在siteController.ph ... -
Yii使用filter进行访问控制
2012-02-16 19:23 15019Yii使用filter进行访问控制 作者:zccst 在Co ... -
Yii控制层处理结果返回前端的三种方式(render)
2012-01-12 16:28 31357Yii控制层处理结果返回前端的三种方式 作者:zccst ... -
Yii之widget专题
2012-01-12 16:14 11558作者:zccst 关于widgets ... -
Yii中使用session防止重复提交
2012-01-09 12:13 3216表单提交时,由于网速等原因,会出现重复提交的现象。 一、从前 ... -
Yii设置分页
2011-12-11 16:41 46261,在../models/NewDemand.php中定义pa ... -
在yii中使用session和cookie
2011-12-08 09:41 17325作者:zccst 2014-6-10 yii 操作sess ... -
Yii中引入php文件及插件
2011-11-03 14:32 24579作者:zccst 一、设置环境变量(在PHP) echo g ... -
YII初步
2011-06-03 22:19 2408安装过程,文档里有。 一、搭建Yii环境可能遇到的问题 1, ...
相关推荐
在Yii2中,一个资产包可以被看作是一个资源集合,例如JavaScript和CSS文件,它允许你在视图层简单地通过调用`AppAsset::register`方法来引入一个包含多个资源文件的包。 在Yii2中使用自定义的资产包时,可以在`...
在布局模板中如果需要在某个特定页面内部引入外部的CSS或JavaScript文件,仅使用`<script>`或`<link>`标签是不足够的,需要使用AppAsset类提供的`addJs()`和`addCss()`方法。 在AppAsset类中,`addJs()`方法用于按...
7. **前端构建工具**:通常配合如 Gulp 或 Grunt 进行前端资源的自动化构建,优化 CSS 和 JavaScript 文件。 **Composer**:作为 PHP 的依赖管理工具,Composer 在 Yii2 中起到了关键作用。它可以安装和更新项目所...
它遵循MVC(模型-视图-控制器)设计模式,并且在前端资源管理方面,Yii2使用了Asset Bundles来管理JavaScript和CSS文件。 Asset Bundles是Yii2中管理前端资源(包括JavaScript文件、CSS文件以及图片等)的一种方式...
1. **安装H+**: 将`H+`的前端资源(CSS、JavaScript、图片等)复制到`YII2`项目的`web`目录下,通常可以放在`web/css`、`web/js`和`web/images`等相应子目录中。确保路径正确,以便于在视图文件中引用。 2. **调整...
2. 配置应用,确保Yii2知道如何加载EasyUI的CSS和JS文件。这可以在视图布局文件中直接引入,或者通过Yii2的asset管理机制自动处理。 3. 在视图文件中使用EasyUI的HTML标签和组件,结合Yii2的视图助手(例如`yii\...
- `$css`和`$js`数组分别指定了CSS文件和JavaScript文件。 - `$depends`数组指定了依赖的其他资源包。 #### 五、资源包配置 1. **`yii\web\AssetBundle::sourcePath`**:指定资源包中包含资源文件的根目录。如果该...
- **Asset Manager**:资源管理器,处理CSS、JS等前端资源的合并、压缩和版本控制。 3. **Yii框架的学习资源**: - **PDF手册**:提供详细的API文档和技术指南,是学习Yii的重要资料。 - **CHM手册**:另一种...
- `webroot`:网站的公共访问目录,包括CSS、JavaScript、图片资源以及入口文件`index.php`。 配置文件一般位于`protected/config/main.php`,用于设置应用的全局参数,如数据库连接、组件配置等。 2. **入口...
Yii CMS系统在设计时考虑了权限管理,引入了角色基础访问控制(RBAC),这是一种用于管理用户权限和职责的有效机制。RBAC允许管理员定义不同级别的用户角色,并为每个角色分配相应的操作权限,从而实现细粒度的访问...
在使用CJuiDateTimePicker时,首先需要在Yii项目的视图文件中引入必要的CSS和JavaScript资源。这通常包括jQuery库、jQuery UI库以及CJuiDateTimePicker的插件文件。例如,在布局文件中添加以下代码: ```html $this...
6. **web**:公共可访问的目录,通常包含入口脚本index.php和静态资源(CSS、JS)。 7. **bootstrap.php**:应用启动文件,加载配置和组件。 8. **index.php**:Web应用的入口点,解析请求并初始化Yii框架。 总之,...
1. 下载并引入Ueditor库:在YII项目中引入Uditor相关JS、CSS文件及编辑器的图片和文件上传功能所需的后端接口文件。 2. 配置Ueditor:编辑器的配置通常位于editor_config.js文件中,通过更改options中的toolbars配置...
在Yii中,你可以通过在视图文件中引入ZTree的相关CSS和JS文件,然后配置JSON数据来创建和管理树节点。这对于构建目录导航、权限管理、组织结构等场景非常有用。 2. **源码分析**:在学习和使用这些扩展时,了解它们...
1. **整合方式**:Yii 和 Kendo UI 的整合通常通过在视图文件中引入 Kendo UI 的 CSS 和 JavaScript 文件来实现。然后,可以使用 Kendo UI 的组件来构建前端界面,并通过 AJAX 或 JSON 数据源与 Yii 的控制器进行...
为了整合 MiniUI,你需要在项目中引入 MiniUI 的 CSS 和 JavaScript 文件,并确保它们在 HTML 中正确引用。MiniUI 的组件可以通过简单的 HTML 标签和属性来使用,结合 Yii2 的视图模板,可以快速构建出美观的后台...
在Yii框架中,引入Js和Css文件非常简单,但需要注意的是,注册Js文件和Css文件的第二个参数有所不同。对于Js文件,第二个参数用于指定Js文件存放的位置,可以是页面头部(CClientScript::POS_HEAD)、页面开始处...
YII2是YII框架的最新版本,相比于第一代YII框架,YII2在性能上有了显著提升,并且引入了许多新的特性和改进。 ### 安装与配置YII2框架 安装YII2框架通常有几种方法:通过Composer(推荐)、手动下载等。其中,...
可以禁用 JS/CSS 文件的原生过滤 限制 增加了传入流量(从客户端到服务器),因为扩展使用cookie和http标头。 这对于包含大量包含的资源文件的站点尤其重要。 这可以通过更改散列方法进行调整(请参阅扩展选项)。 ...