视图渲染
来源:互联网 发布:美国退出巴黎协定 知乎 编辑:程序博客网 时间:2024/05/17 22:23
在MVC架构中,View主要是用于展示信息的。Yii中的视图层文件由2部分组成:布局视图、部分视图。web系统的大部分页面都存在相同的元素:logo、菜单、foot栏等,我们把这些相同的元素组成的视图文件称为布局视图,一般web系统需要2个布局,即前台布局和后台布局,前台布局是给用户看的,后台布局是给管理员看的。每个页面所独有的部分视图称为部分视图
可以使用上图进行描述,我们将菜单栏、导航栏和Footer栏放到布局文件中,即所有页面复用一个布局文件,然后每个页面(Action)有各自的部分视图文件。
接下来看一下视图文件的存放路径。WebApp可以配置视图文件路径和布局文件路径同时还会指定一个默认的布局文件;每个Controller的视图文件存放在WebApp指定的视图路径下,以Controller的名字职位后缀,Controller还可以指定自己使用哪个布局文件。
WebApp成员属性 说明
viewPath 用于指定视图文件路径,所有的视图文件必须在这个文件下
默认protected/views
layoutPath 用于指定布局文件路径,所有的布局文件必须在这个文件下
默认protected/views/layouts,该路径下有:main.php、column.php
viewPath 用于指定系统视图文件路径,默认protected/views/system
layout 指定默认使用的布局文件,默认为main
比如当前正在执行PostController的modifyAction,PostController指定使用column布局,那么这个请求所使用的布局文件为protected/views/layouts/column.php,视图文件为protected/views/post/modify.php。
视图层中还有2个重要的概念:客户端脚本组件、Widget。
客户端脚本组件:该组件用于管理客户端脚本(javascript和css),可以通过该组件向视图中添加javascript和css,客户端脚本组件统一管理这些代码,在页面输出的最后一步对客户端脚本(javascript和css)进行渲染。
Widget:又称小物件,通过Widget可以对页面进行模块化,Widget可以看成是一个没有布局的控制器。通过Widget可以把公用的页面元素进行复用,比如:Menu Widget、列表Widget、表格Widget、分页Widget等等。
视图层的渲染分3个步骤完成:
Step1:渲染部分视图,即渲染每个页面各自特有的视图片断;
Step2:将渲染布局视图,即即渲染每个页面共有的页面元素,同时将Step1的结果插入到布局视图中。在Step1和Step2中,可能还需要渲染Widget,比如日历Widget、菜单Widget等。这2个步骤中可以注册自己使用了哪些js和css;
Step3:渲染js和css。将前2步注册的js和css添加到html页面的制定位置。
可以使用上图进行描述,我们将菜单栏、导航栏和Footer栏放到布局文件中,即所有页面复用一个布局文件,然后每个页面(Action)有各自的部分视图文件。
接下来看一下视图文件的存放路径。WebApp可以配置视图文件路径和布局文件路径同时还会指定一个默认的布局文件;每个Controller的视图文件存放在WebApp指定的视图路径下,以Controller的名字职位后缀,Controller还可以指定自己使用哪个布局文件。
WebApp成员属性 说明
viewPath 用于指定视图文件路径,所有的视图文件必须在这个文件下
默认protected/views
layoutPath 用于指定布局文件路径,所有的布局文件必须在这个文件下
默认protected/views/layouts,该路径下有:main.php、column.php
viewPath 用于指定系统视图文件路径,默认protected/views/system
layout 指定默认使用的布局文件,默认为main
比如当前正在执行PostController的modifyAction,PostController指定使用column布局,那么这个请求所使用的布局文件为protected/views/layouts/column.php,视图文件为protected/views/post/modify.php。
视图层中还有2个重要的概念:客户端脚本组件、Widget。
客户端脚本组件:该组件用于管理客户端脚本(javascript和css),可以通过该组件向视图中添加javascript和css,客户端脚本组件统一管理这些代码,在页面输出的最后一步对客户端脚本(javascript和css)进行渲染。
Widget:又称小物件,通过Widget可以对页面进行模块化,Widget可以看成是一个没有布局的控制器。通过Widget可以把公用的页面元素进行复用,比如:Menu Widget、列表Widget、表格Widget、分页Widget等等。
视图层的渲染分3个步骤完成:
Step1:渲染部分视图,即渲染每个页面各自特有的视图片断;
Step2:将渲染布局视图,即即渲染每个页面共有的页面元素,同时将Step1的结果插入到布局视图中。在Step1和Step2中,可能还需要渲染Widget,比如日历Widget、菜单Widget等。这2个步骤中可以注册自己使用了哪些js和css;
Step3:渲染js和css。将前2步注册的js和css添加到html页面的制定位置。
- 视图渲染
- 视图渲染详解2
- Yii 视图渲染过程
- 第一节 视图与渲染
- 渲染web视图
- 性能优化-视图渲染
- DirectX11 创建渲染目标视图
- SpringMVC那些事-视图渲染
- iOS 视图控件颜色渲染
- Rails 布局和视图渲染
- spring(6) 渲染web视图
- CI框架初识-视图渲染
- 第六章 渲染Web视图
- 微信小程序视图与渲染
- 中间件中渲染Razor视图
- 用DirectX实现多视图渲染
- 用DirectX实现多视图渲染
- ios 视图渲染架构和原理
- win8应用程序《快乐识车标》介绍
- 了解Objective-C的动态特性
- 十步法将递归程序快速转变成迭代或循环程序
- C中打印堆栈或者通过函数指针获取函数名
- c语言作业
- 视图渲染
- 锐捷认证 无线wifi共享网络 一个账号 多人使用 呵呵
- win8页面导航--删除当前页面堆栈信息
- 替换非字母数字汉字空格外其他字符的SQL语句
- .net开发开源平台构建
- 菜鸟级别 ,请问:JAVA 从哪里入门
- Server.MapPath()
- Spring事务配置的五种方式
- 标准库— 操作源码之收集go包信息:go/build