第四十二讲：tapestry Ajax混合(mixins)周期性更新

最新推荐文章于 2024-09-14 19:55:48 发布
最新推荐文章于 2024-09-14 19:55:48 发布
阅读量76 收藏
点赞数
文章标签： python 数据库 java
原文链接：https://my.oschina.net/shootercn/blog/55523
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

源码如下：

AJAXPeriodicUpdateMixin.java

/**
 * 项目名称：TapestryStart
 * 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql
 * 网址： http://www.flywind.org
 * 版本：1.0
 * 编写：飞风
 * 时间：2012-02-29
 */
package com.tapestry.app.pages;
 
import java.util.Date;
 
import org.apache.tapestry5.annotations.InjectComponent;
import org.apache.tapestry5.corelib.components.Zone;
import org.apache.tapestry5.ioc.annotations.Inject;
import org.apache.tapestry5.services.Request;
 
public class AJAXPeriodicUpdateMixin {
@InjectComponent
private Zone timeZone;
 
@Inject
private Request request;
 
Object onRefreshTimeZone() {
return request.isXHR() ? timeZone.getBody() : null;
}
 
public Date getServerTime() {
return new Date();
}
}
 

AJAXPeriodicUpdateMixin.tml

<html t:type="layout" title="tapestryStart Index"  t:sidebarTitle="Framework Version" 
xmlns:t="http://tapestry.apache.org/schema/tapestry_5_3.xsd" xmlns:p="tapestry:parameter">
<div style="margin-left: 50px">
<t:zone t:id="timeZone" t:mixins="PeriodicZoneUpdater" t:event="refreshTimeZone" t:frequencySecs="3" t:maxUpdates="4">
serverTime:  ${serverTime}
</t:zone>
</div><br/>
</html>

PeriodicZoneUpdater.java

/**
 * 项目名称：TapestryStart
 * 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql
 * 网址： http://www.flywind.org
 * 版本：1.0
 * 编写：飞风
 * 时间：2012-02-29
 */
package com.tapestry.app.mixins;
 
import org.apache.tapestry5.BindingConstants;
import org.apache.tapestry5.ClientElement;
import org.apache.tapestry5.ComponentResources;
import org.apache.tapestry5.annotations.Import;
import org.apache.tapestry5.annotations.InjectContainer;
import org.apache.tapestry5.annotations.Parameter;
import org.apache.tapestry5.ioc.annotations.Inject;
import org.apache.tapestry5.json.JSONObject;
import org.apache.tapestry5.services.javascript.JavaScriptSupport;
 
@Import(library="context:assets/js/PeriodicZoneUpdater.js")
public class PeriodicZoneUpdater {
@Parameter(required = true, defaultPrefix = BindingConstants.LITERAL)
private String event;
 
@Parameter
private Object[] context;
 
@Parameter(defaultPrefix = BindingConstants.LITERAL, required = true)
private int frequencySecs;
 
@Parameter(defaultPrefix = BindingConstants.LITERAL, required = true)
private int maxUpdates;
 
@Inject
private ComponentResources componentResources;
 
@Inject
private JavaScriptSupport javaScriptSupport;
 
@InjectContainer
private ClientElement clientElement;
 
void afterRender() {
 
JSONObject spec = new JSONObject();
spec.put("zoneElementId", clientElement.getClientId());
spec.put("eventURL", componentResources.createEventLink(event, context).toAbsoluteURI());
spec.put("frequencySecs", frequencySecs);
spec.put("maxUpdates", maxUpdates);
javaScriptSupport.addInitializerCall("periodicZoneUpdater", spec);
}
}
 

PeriodicZoneUpdater.js

PeriodicZoneUpdater = Class.create( {
 
initialize : function(spec){
this.zoneElement = $(spec.zoneElementId).getStorage();
this.eventURL = spec.eventURL;
this.frequencySecs = spec.frequencySecs;
this.maxUpdates = spec.maxUpdates;
 
// Use Prototype's PeriodicalExecuter to run updateZone() every 3 seconds, this.maxUpdates times.
 
var updatesCount = 0;
 
new PeriodicalExecuter(function(pe) {
if (updatesCount++ < this.maxUpdates) {
this.updateZone();
}
else {
pe.stop();
}
}.bind(this), this.frequencySecs);
 
},
 
updateZone : function() {
var zoneManager = this.zoneElement.zoneManager;
if(!zoneManager){
return;
}
 
zoneManager.updateFromURL(this.eventURL);
}
 
} )
 
// Extend the Tapestry.Initializer with a static method that instantiates a PeriodicZoneUpdater.
 
Tapestry.Initializer.periodicZoneUpdater = function(spec) {
    new PeriodicZoneUpdater(spec);
}

转载于:https://my.oschina.net/shootercn/blog/55523

weixin_34054866
关注
Tapestry简单的ajax实现
zhangwenjun8045
02-19 250
Tapestry4.1.x中内置dojo实现ajax功能，不用写任何的javascript就可以实现， 具体步骤如下。 1、用Shell组件包含进dojo，Shell组件会自动配置dojo包。 Java代码 复制代码 1. 2. 3. 4. Basic javascript inclusion sample. 5. ...
Vue — 详解mixins混入使用
Ben_Simons
07-02 1746
前言 当我们的项目越来越大，我们会发现组件之间可能存在很多相似的功能，你在一遍又一遍的复制粘贴相同的代码段（data，method，watch、mounted等），如果我们在每个组件中去重复定义这些属性和方法会使得项目出现代码冗余并提高了维护难度，针对这种情况官方提供了Mixins特性 一、什么是Mixins？ mixins（混入），官方的描述是一种分发 Vue 组件中可复用功能的非常灵活的方式，mixins是一个js对象，它可以包含我们组件中script项中的任意功能选项，如data、compone
mixins动态修改
qq_38862234的博客
04-25 2224
基于mixins动态修改思考 结论：动态修改mixins做不到，组件内无法修改mixins因为访问不到，组件外可以访问到，但是无法根据交互动态修改 解决方案：针对创建和编辑用两个vue组件，然后将公共部分抽取为子组件，js部分，创建和编辑也用两个mixins，分别对应不同的api调用，字段命名上最好用业务区分，因为mixins引入比较多的时候可能导致重名问题。 思考过程： 将相同的data，computed等放入mixins中，在需要的时候引入，可以跟api绑定一起用 //a.js export const
vue的mixins混入对象的使用
m0_38021082的博客
05-08 687
1mixins 混入对象。可建立一个js并在js里建立一个对象，对象里可以写多个钩子，例如 data mouted methods等。 组件内使用mixins的方法 Mixins对象内的写法： 若组件内和mixin里都有mouted时会优先调用mixins里的mouted并按顺序执行方法 当存在methods的方法与组件内的方法同名时优先调用组件内的方法并执行 ...
InfoQ: Tapestry for Nonbelievers
jiav_net的专栏
08-20 99
引言 Apache Tapestry是一个使用Java语言创建web应用的面向组件的开发框架。Tapestry应用建立在根据组件构建的页面的基础上。这个框架能够提供输入验证（input validation）、本地化／国际化（localization／internationalization）、状态／持续性（state／persitency）管理、URL构建／参数映射（parameter mapp...
Web框架和前端框架以及Ajax的常用框架易混淆（混为一谈）
惜忆隐蝶
01-04 8705
Web框架和前端框架以及Ajax的常用框架易混淆（混为一谈）       首先，要清楚web框架和前端框架的以及Ajax的常用框架区别！之前我认为人家说的框架就是一个项目的框架模式，是否是嵌套宽假模式、还是悬浮框架模式、还是窗体框架模式等。           之后，发现我自己对于这个方面了解太少了，还学要深入的学习，之后便查了大量的资料，下面就跟大家来说说这到里有什么不同之处。我为
tapx:Tapestry 5的扩展
05-12
TapX：Howard Lewis Ship的Tapestry 5扩展 TapX模块是一组扩展，提供了主框架中尚不可用的新功能。 在某些情况下，出于许可原因，此处存在一个模块，因为该模块可能与与Apache软件许可不兼容的现有库集成在一起。 ...
t5contrib-jongo:Tapestry5 - Jongo 模块
07-13
4. **更好的集成**：T5Contrib-Jongo模块提供了与Tapestry5服务、事件和生命周期的集成，使得MongoDB操作可以方便地与其他Tapestry组件和服务交互。 在压缩包文件"t5contrib-jongo-master"中，包含了T5Contrib-...
t5-bs-modal:Tapestry 5 库处理引导模式
06-19
该模块允许以非常简单的方式显示、更新或隐藏引导模式。 如果您通过仅使用一个模式并根据需要修改其内容来开发一个充满模态的网站，它会使您的 dom 更轻。 ＃＃ 如何使用它 目前，它只适用于 ajax 请求 安装 目前...
tapestry-server:Tapestry池应用程序的REST API服务器
03-20
Tapestry池应用程序的REST API服务器 此应用程序是REST API服务器，用于管理使用Tapestry项目运行的COVID PRC测试。来自实验室的生物学家/实验人员运行测试，以使用该应用程序对大型样品池进行PCR测试。目标是使数据...
tapestry54-javascript-examples:Tapestry 5.4-使事情变得简单！
05-08
Tapestry 5.4-使事情变得简单！ 不同的技术可以轻松地在Tapestry 5.4中包含不同的javascript库/框架。 演示版 请访问[正在运行的示例]（ ） 范例程式码 在Tapestry中使用AngularJS的示例。 Bootstrap Angular： ...
VUE项目开发中使用mixins
热门推荐
水痕
10-07 2万+
一、mixins(混入)的认识 请参考官方文档 二、mixins的使用 个人理解mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改1、在assets文件夹下创建一个js文件// 创建一个需要混入的对象 export const mixinTest1 = { created() { this.hello(); },
Python办公自动化案例（二）：对比两个Excel数据内容并标出不同
衍生星球的博客
09-14 204
在数据处理和分析的日常工作中，我们经常需要比较两个Excel文件的差异。这可能是为了验证数据的一致性、检查数据的准确性，或者在版本控制中追踪更改。手动比较这些文件不仅耗时，而且容易出错。幸运的是，Python的openpyxl库提供了一种自动化这一过程的方法。
蒙特卡罗方法——布丰投针实验近似计算圆周率python代码实现
2301_79376014的博客
09-09 535
蒙特卡罗——布丰实验
Python实现多线程、多进程及协程
qq_42568323的博客
09-09 1115
本文详细介绍了 Python 中多线程、多进程和协程的并发模型及其实现方式，并通过具体场景演示了如何使用面向对象思想实现这些模型。在实际应用中，应根据任务的类型和需求选择合适的并发模型，从而优化程序的性能和资源利用率。本文将详细介绍 Python 中的多线程、多进程和协程的概念及其实现方式，并通过具体场景展示如何在 Python 中使用面向对象的思想实现这些并发模型。接下来，我们通过一个计算密集型任务的示例来演示多进程的实现：计算一系列大数字的阶乘。主程序中创建并启动了多个计算进程，并使用。
Python——俄罗斯方块
最新发布
2302_81225694的博客
09-14 332
这段代码使用了Pygame库来实现游戏的图形界面，通过键盘控制方块的移动和旋转。游戏循环不断更新方块的位置和网格状态，并绘制在屏幕上。在方块达到底部或无法继续移动时，判断是否有满行，并清除满行的方块。游戏会根据方块的状态和移动情况不断更新，直到无法继续下落为止，游戏结束。俄罗斯方块游戏是一款经典的益智游戏，通常使用编程语言Python来实现。请注意，这只是一个简单的示例，可能还有一些功能和优化方面的改进。您可以根据自己的需求进行修改和扩展。
Python 检测人脸筛选指定尺寸人脸图片
刚刚入门的小码农
09-09 694
主要功能是处理一个指定文件夹中的所有图像文件（.jpg和.png），并根据图像中检测到的人脸特征，筛选和移动符合条件的图像。
轻松构建Web应用：Tapestry带你享受开发
《WebDevWithTapestry》是一本关于Tapestry框架的经典开发文档，由KaIok'Kent'Tong撰写，由TipTecDevelopment出版社出版，于2005年推出了第二版。这本书主要关注如何轻松地构建网络应用，并强调通过Tapestry库实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值