`
sun4love
  • 浏览: 234561 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

了解include组件

阅读更多

 

了解include组件

 

预备知识:

 

 加载页面的活动周期:初始阶段,组件创建阶段,事件处理阶段,响应阶段或显示阶段或渲染显示阶段

 

include的组件是zk的一个包含组件,其他类似动态技术(jsp,freemarker等)都有相关功能

 

include 的src属性指定的页面可以是zhtml,zul或者其他的servlet生成的页面(jsp,html,jsf 等等等)

 

include另外一个重要属性是mode,即include加载模式,三个值auto(默认)、instant,defer,

           当然你可以覆盖mode的值

 

1,include组件指定mode的值,

2,修改org.zkoss.zul.include.mode的值

   Library.setProperty("org.zkoss.zul.include.mode","instant")

   或者修改zk.xml配置文件里的

<library-property>

     <name>org.zkoss.zul.include.mode</name> <value>auto</value>

</library-property>

 

下面讲解这三种模式instant,defer,auto

 

instant:

 

即时,立即,组件创建阶段,在include组件创建完毕后,会自动调用include对应类

org.zkoss.zul.Include (标准组件在org.zkoss.zul.*下都有对应的类) 的afterCompose方法,立即加载src页面

 

//AfterCompose//
	public void afterCompose() {
		_afterComposed = true;
		fixModeOnly();
		if (_instantMode) {
			final Execution exec = getExecution();
			final Map old = setupDynams(exec);
			final String attrRenderedKey = ATTR_RENDERED+'$'+getUuid(); 
			final String oldSrc  = (String) exec.getAttribute(attrRenderedKey);
			if (!Objects.equals(oldSrc, _src)) {
				try {
					getChildren().clear();
					final int j = _src.indexOf('?');
					exec.createComponents(j >= 0 ? _src.substring(0, j) : _src,
							this, _dynams);
					// TODO: convert query string to arg
					exec.setAttribute(attrRenderedKey, _src);
				} finally {
					restoreDynams(exec, old);
				}
			}
		} else {
			// just in case
			getChildren().clear();
		}
	}

 

在上面的方法中我们看到内部其实是使用的createComponents方法创建的,

createComponents方法创建【父组件的子组件】即include组件的子组件,当然也是include组件父组件的子组件,

注意:不会创建src页面对应的Page对象,desktop.getPage("src指定页面page指令id的名称")获取的是null。

举例理解instant:

<div>

   <include mode="instant" src="b.zul"/>

</div>

这里其实等于将b.zul的内容拷贝到<div>里

instant模式就像jsp中的<%include%>静态指令的行为,将<%include%>指定的页面

直接插入当前页面,而不是<jsp:include/>动态的行为,

 

另外,现在有一个问题,如果src的值是b.html呢?

解决这个问题之前,要先了解createComponents,

该方法要求uri或者content的内容必须符合ZUML语法

因此上面的问题的答案是否定的,html不符合zuml语法

 

 

defer:

 

懒加载,懒到什么程度呢?在组件显示阶段或响应阶段才会加载src指定的页面

 

显示阶段会自动调用renderProperties方法

 

 

protected void renderProperties(org.zkoss.zk.ui.sys.ContentRenderer renderer)
	throws java.io.IOException {
		super.renderProperties(renderer);

		setChildPage(null);
		render(renderer, "comment", _comment);

		if (_instantMode &&_afterComposed)
			return; //instant mode (done by redrawChildren())

		final UiEngine ueng =
			((WebAppCtrl)getDesktop().getWebApp()).getUiEngine();
		Component old = ueng.setOwner(this);
		try {
			if (_progressStatus == 1) {
				_progressStatus = 2;
			} else if (_src != null && _src.length() > 0) {
				final StringWriter sw = new StringWriter();
				include(sw);

				//Don't output sw directly if getChildPage() is not null
				//Otherwise, script of the included zul page will be evaluated
				//first (since it is part of rc.temp)

				boolean done = false;
				if (getChildPage() == null) { //only able to handle non-ZUL page
					final HtmlPageRenders.RenderContext rc =
						HtmlPageRenders.getRenderContext(null);
					if (rc != null && !rc.included) { //Use z$ea only if not included
						final Writer cwout = rc.temp;
						cwout.write("<div id=\"");
						cwout.write(getUuid());
						cwout.write("\" style=\"display:none\">");
						if (_comment)
							cwout.write("\n<!--\n");
						Files.write(cwout, sw.getBuffer());
						if (_comment)
							cwout.write("\n-->\n");
						cwout.write("</div>");

						renderer.render("z$ea", "content");
						done = true;
					}
				}
				if (!done) {
					renderer.render("content", sw.toString());
					if (_renderResult != null && _renderResult.length() > 0)
						renderer.renderDirectly("_childjs", "function(){" + _renderResult + '}');
				}
			}
		} finally {
			_renderResult = null;
			ueng.setOwner(old);
		}
	}

 

在该方法中,关键代码

final StringWriter sw = new StringWriter();

include(sw);

include内部调用了Servlet相关方法RequestDispatcher.include,与<jsp:include/>行为一样,这里就不介绍内部代码了,

如果你了解Servlet相关api,那么应该清楚RequestDispatcher.include的行为,该方法会发送一个http请求,

请求src指定的页面,web容器拦截这个请求,处理请求,响应结果

 

举例理解defer:

<window>

   <include mode="defer" src="b.zul"/>

</window>

 

RequestDispatcher.include会发送一个http请求,请求src指定的目标页获取解析结果,即普通的html页面

并将html页面写入response的out流中

因为defer模式中,对src的获取是基于http请求的,所以src可以是任何servlet,不仅仅是zhtml,zul

 

 

auto模式:自动选择模式

 

private void fixModeOnly() { //called by afterCompose

if ("auto".equals(_mode)) {

if (_src != null && !_progressing && !_localized) {

_instantMode = _src.endsWith(".zul") || _src.endsWith(".zhtml");

} else

_instantMode = false;

} else

_instantMode = "instant".equals(_mode);

}

从上面的代码中,auto模式时,如果src的后缀是zul,zhtml结尾则使用instant模式,反之使用defer模式

 

 

 

 

传递参数:

 

 

 

a.zul include b.zul

 

  1,在请求a.zul页面的时候,给b.zul传递参数

   1)Executions.getCurrent().setAttribute()

   2)a.zul url地址后追加参数,a.zul?name=333或者b.zul?name=323

     或者

   3)include组件定义动态参数 <include name="333/>

 

2,已经响应完毕的时候,现在修改include的src, 重新加载src指定的页面

  1)Executions.getCurrent().setAttribute()

  2)Executions.getCurrent().pushArg(arg)

  3)iclude.setDynamicProperty(name, value)

  4)b.zul?name=323

  5)当然可以设置组件作用域对象,include.setAttribute,但生命周期太长

 

 

分享到:
评论

相关推荐

    ysoserial-master.zip

    ysoserial是一个用于生成利用不安全的Java对象反序列化的有效负载的概念验证工具。它包含一系列在常见Java库中发现的"gadget chains",可以在特定条件下利用执行不安全的反序列化操作的Java应用程序。ysoserial项目最初在2015年AppSecCali会议上提出,包含针对Apache Commons Collections(3.x和4.x版本)、Spring Beans/Core(4.x版本)和Groovy(2.3.x版本)的利用链

    zigbee CC2530无线自组网协议栈系统代码实现协调器与终端的TI Sensor实验和Monitor使用.zip

    1、嵌入式物联网单片机项目开发例程,简单、方便、好用,节省开发时间。 2、代码使用IAR软件开发,当前在CC2530上运行,如果是其他型号芯片,请自行移植。 3、软件下载时,请注意接上硬件,并确认烧录器连接正常。 4、有偿指导v:wulianjishu666; 5、如果接入其他传感器,请查看账号发布的其他资料。 6、单片机与模块的接线,在代码当中均有定义,请自行对照。 7、若硬件有差异,请根据自身情况调整代码,程序仅供参考学习。 8、代码有注释说明,请耐心阅读。 9、例程具有一定专业性,非专业人士请谨慎操作。

    YOLO算法-自卸卡车-挖掘机-轮式装载机数据集-2644张图像带标签-自卸卡车-挖掘机-轮式装载机.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    Oracle10gDBA学习手册中文PDF清晰版最新版本

    **Oracle 10g DBA学习手册:安装Oracle和构建数据库** **目的:** 本章节旨在指导您完成Oracle数据库软件的安装和数据库的创建。您将通过Oracle Universal Installer (OUI)了解软件安装过程,并学习如何利用Database Configuration Assistant (DBCA)创建附加数据库。 **主题概览:** 1. 利用Oracle Universal Installer (OUI)安装软件 2. 利用Database Configuration Assistant (DBCA)创建数据库 **第2章:Oracle软件的安装与数据库构建** **Oracle Universal Installer (OUI)的运用:** Oracle Universal Installer (OUI)是一个图形用户界面(GUI)工具,它允许您查看、安装和卸载机器上的Oracle软件。通过OUI,您可以轻松地管理Oracle软件的安装和维护。 **安装步骤:** 以下是使用OUI安装Oracle软件并创建数据库的具体步骤:

    消防验收过程服务--现场记录表.doc

    消防验收过程服务--现场记录表.doc

    (4655036)数据库 管理与应用 期末考试题 数据库试题

    数据库管理\09-10年第1学期数据库期末考试试卷A(改卷参考).doc。内容来源于网络分享,如有侵权请联系我删除。另外如果没有积分的同学需要下载,请私信我。

    YOLO算法-瓶纸盒合并数据集-3161张图像带标签-纸张-纸箱-瓶子.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    职业暴露后的处理流程.docx

    职业暴露后的处理流程.docx

    Java Web开发短消息系统

    Java Web开发短消息系统

    java毕设项目之ssm基于java和mysql的多角色学生管理系统+jsp(完整前后端+说明文档+mysql+lw).zip

    项目包含完整前后端源码和数据库文件 环境说明: 开发语言:Java 框架:ssm,mybatis JDK版本:JDK1.8 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/idea Maven包:Maven3.3 服务器:tomcat7

    批量导出多项目核心目录工具

    这是一款可以配置过滤目录及过滤的文件后缀的工具,并且支持多个项目同时输出导出,并过滤指定不需要导出的目录及文件后缀。 导出后将会保留原有的路径,并在新的文件夹中体现。

    【图像压缩】基于matlab GUI DCT图像压缩(含MAX MED MIN NONE)【含Matlab源码 9946期】.zip

    Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

    YOLO算法-挖掘机与火焰数据集-7735张图像带标签-挖掘机.zip

    YOLO算法-挖掘机与火焰数据集-7735张图像带标签-挖掘机.zip

    操作系统实验 Ucore lab5

    操作系统实验 Ucore lab5

    IMG_5950.jpg

    IMG_5950.jpg

    竞选报价评分表.docx

    竞选报价评分表.docx

    java系统,mysql、springboot等框架

    java系统,mysql、springboot等框架

    zigbee CC2530网关+4节点无线通讯实现温湿度、光敏、LED、继电器等传感节点数据的采集上传,网关通过ESP8266上传远程服务器及下发控制.zip

    1、嵌入式物联网单片机项目开发例程,简单、方便、好用,节省开发时间。 2、代码使用IAR软件开发,当前在CC2530上运行,如果是其他型号芯片,请自行移植。 3、软件下载时,请注意接上硬件,并确认烧录器连接正常。 4、有偿指导v:wulianjishu666; 5、如果接入其他传感器,请查看账号发布的其他资料。 6、单片机与模块的接线,在代码当中均有定义,请自行对照。 7、若硬件有差异,请根据自身情况调整代码,程序仅供参考学习。 8、代码有注释说明,请耐心阅读。 9、例程具有一定专业性,非专业人士请谨慎操作。

    YOLO算法-快递衣物数据集-496张图像带标签.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    搜索引擎lucen的相关介绍 从事搜索行业程序研发、人工智能、存储等技术人员和企业

    内容概要:本文详细讲解了搜索引擎的基础原理,特别是索引机制、优化 like 前缀模糊查询的方法、建立索引的标准以及针对中文的分词处理。文章进一步深入探讨了Lucene,包括它的使用场景、特性、框架结构、Maven引入方法,尤其是Analyzer及其TokenStream的实现细节,以及自定义Analyzer的具体步骤和示例代码。 适合人群:数据库管理员、后端开发者以及希望深入了解搜索引擎底层实现的技术人员。 使用场景及目标:适用于那些需要优化数据库查询性能、实施或改进搜索引擎技术的场景。主要目标在于提高数据库的访问效率,实现高效的数据检索。 阅读建议:由于文章涉及大量的技术术语和实现细节,建议在阅读过程中对照实际开发项目,结合示例代码进行实践操作,有助于更好地理解和吸收知识点。

Global site tag (gtag.js) - Google Analytics