第三十一讲：tapestry的javaScript混合(mixins)统计点击数

最新推荐文章于 2024-09-14 18:52:56 发布
最新推荐文章于 2024-09-14 18:52:56 发布
阅读量84 收藏
点赞数
文章标签： javascript python 数据库 ViewUI
原文链接：https://my.oschina.net/shootercn/blog/55018
版权

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

源码如下：

CreatingMixins1.java

/**
* 项目名称：TapestryStart
* 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql
* 版本：1.0
* 编写：飞风
* 时间：2012-02-29
*/
package com.tapestry.app.pages;
 
import org.apache.tapestry5.annotations.Property;
import org.apache.tapestry5.annotations.SessionState;
 
import com.tapestry.app.entities.MyOrder;
 
public class CreatingMixins1 {
@SessionState
@Property
private MyOrder myOrder;
 
void setupRender() {
myOrder.setApplesQuantity(0);
myOrder.setOrangesQuantity(0);
myOrder.setBananasQuantity(0);
}
 
Object onSuccessFromPlainForm() {
orderOneApple();
return CreatingMixins2.class;
}
 
Object onOrderOneOrange() {
orderOneOrange();
return CreatingMixins2.class;
}
 
Object onActionFromOrderOneBanana() {
orderOneBanana();
return CreatingMixins2.class;
}
 
Object onSuccessFromMixinForm() {
orderOneApple();
return CreatingMixins2.class;
}
 
Object onActionFromOrderOneBananaWithMixin() {
orderOneBanana();
return CreatingMixins2.class;
}
 
void orderOneApple() {
sleep(1500); // Sleep 1.5 seconds to simulate busy system
myOrder.setApplesQuantity(myOrder.getApplesQuantity() + 1);
}
 
void orderOneOrange() {
sleep(1500); // Sleep 1.5 seconds to simulate busy system
myOrder.setOrangesQuantity(myOrder.getOrangesQuantity() + 1);
}
 
void orderOneBanana() {
sleep(1500); // Sleep 1.5 seconds to simulate busy system
myOrder.setBananasQuantity(myOrder.getBananasQuantity() + 1);
}
 
private void sleep(long duration) {
try {
Thread.sleep(duration);
}
catch (InterruptedException e) {
}
}
}
 

CreatingMixins1.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">
<form t:type="form" t:id="plainForm">
<div style="padding: 20px 50px;">
<input t:type="submit" value="Order 1 Apple"/>
<a t:type="eventlink" t:event="orderOneOrange" href="#">Order 1 Orange</a>
<a t:type="actionlink" t:id="orderOneBanana" href="#">Order 1 Banana</a>
</div>
</form>
<form t:type="form" t:id="mixinForm" t:clientValidation="blur">
<div style="padding: 20px 50px;">
<input t:type="submit" value="Order 1 Apple" t:mixins="clickonce"/>
<a t:type="eventlink" t:event="orderOneOrange" t:mixins="clickonce" href="#">Order 1 Orange</a>
<a t:type="actionlink" t:id="orderOneBananaWithMixin" t:mixins="clickonce" href="#">Order 1 Banana</a>
</div>
</form>
</html>

ClickOnce.js

var alreadyClickedOnce = false;
 
ClickOnce = Class.create( {
 
initialize: function(elementId) {
Event.observe($(elementId), 'click', this.doClickOnce.bindAsEventListener(this));
},
        
doClickOnce: function(e) {
if (alreadyClickedOnce) {
e.stop();
}
alreadyClickedOnce = true;
}
 
} )
 
Tapestry.Initializer.clickOnce = function(spec) {
    new ClickOnce(spec.elementId);
}

ClickOnce.java

/**
* 项目名称：TapestryStart
* 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql
* 版本：1.0
* 编写：飞风
* 时间：2012-02-29
*/
package com.tapestry.app.mixins;
 
import org.apache.tapestry5.ClientElement;
import org.apache.tapestry5.annotations.Import;
import org.apache.tapestry5.annotations.InjectContainer;
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/ClickOnce.js")
public class ClickOnce {
@Inject
private JavaScriptSupport javaScriptSupport;
 
@InjectContainer
private ClientElement clientElement;
 
public void afterRender() {
 
JSONObject spec = new JSONObject();
spec.put("elementId", clientElement.getClientId());
javaScriptSupport.addInitializerCall("clickOnce", spec);
}
 
}
 

CreatingMixins2.java

/**
* 项目名称：TapestryStart
* 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql
* 版本：1.0
* 编写：飞风
* 时间：2012-02-29
*/
package com.tapestry.app.pages;
 
import org.apache.tapestry5.annotations.Property;
import org.apache.tapestry5.annotations.SessionState;
 
import com.tapestry.app.entities.MyOrder;
 
public class CreatingMixins2 {
@SessionState
@Property
@SuppressWarnings("unused")
private MyOrder myOrder;
}
 

CreatingMixins2.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="padding: 20px 50px;">
You have ordered ${myOrder.applesQuantity} apples, ${myOrder.orangesQuantity} oranges, ${myOrder.bananasQuantity} bananas.
</div>
</html>

MyOrder.java

/**
* 项目名称：TapestryStart
* 开发模式：Maven+Tapestry5.x+Tapestry-hibernate+Mysql
* 版本：1.0
* 编写：飞风
* 时间：2012-02-29
*/
package com.tapestry.app.entities;
 
public class MyOrder {
private int applesQuantity;
private int orangesQuantity;
private int bananasQuantity;
 
public int getApplesQuantity() {
return applesQuantity;
}
 
public void setApplesQuantity(int applesQuantity) {
this.applesQuantity = applesQuantity;
}
 
public int getOrangesQuantity() {
return orangesQuantity;
}
 
public void setOrangesQuantity(int orangesQuantity) {
this.orangesQuantity = orangesQuantity;
}
 
public int getBananasQuantity() {
return bananasQuantity;
}
 
public void setBananasQuantity(int bananasQuantity) {
this.bananasQuantity = bananasQuantity;
}
}
 

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

weixin_34203832
关注
第三十讲：tapestry强大的javaScript混合(mixins)
weixin_33970449的博客
04-19 105
2019独角兽企业重金招聘Python工程师标准>>> ...
第十一讲：tapestry session存储
weixin_34413065的博客
04-13 131
2019独角兽企业重金招聘Python工程师标准>>> ...
apache+tomcat解决session项目问题负载。
wuapeng的博客
07-14 992
参考网址：http://www.cnblogs.com/onlywujun/articles/2913949.html    apache版本2.2 tomcat6 本文主要包括以下内容： Ø  Apache的配置 Ø  Tomcat的配置 3详细描述   3.1 Apache的配置 首先在apache 的conf目录下找到httpd.conf(apache 的配置文
第四十二讲：tapestry Ajax混合(mixins)周期性更新
weixin_34054866的博客
04-28 76
2019独角兽企业重金招聘Python工程师标准>>> ...
第三十一讲：tapestry表单组件详解之FormFragment
flywind520的专栏
10-12 122
第三十一讲：tapestry表单组件详解之FormFragment查看网址http://www.uxdpen.com/newtechnologydetail/166
tapestry mysql_第二十四讲：tapestry的grid组件
weixin_30009115的博客
02-22 100
2019独角兽企业重金招聘Python工程师标准>>>tapestry的grid组件，具体实现方法看源码吧，之前的教程也有讲到，这次配合数据库操作使用，实体Person.java在第二十三讲中已经贴出来了，这里就不贴了，其他源码如下：PersonCreate.java/*** 项目名称：TapestryStart* 开发模式：Maven+Tapestry5.x+Tapestry-...
第三十二讲：tapestry javaScript动画
weixin_33974433的博客
04-24 66
2019独角兽企业重金招聘Python工程师标准>>> ...
第四十四讲：tapestry与javascript的那些事
flywind520的专栏
10-16 109
第四十四讲：tapestry与javascript的那些事网址查看http://www.uxdpen.com/newtechnologydetail/179
tapestry54-javascript-examples:Tapestry 5.4-使事情变得简单！
05-08
不同的技术可以轻松地在Tapestry 5.4中包含不同的javascript库/框架。 演示版 请访问[正在运行的示例]（ ） 范例程式码 在Tapestry中使用AngularJS的示例。 Bootstrap Angular： ( function ( ) { 'use strict' ...
tapx:Tapestry 5的扩展
05-12
TapX：Howard Lewis Ship的Tapestry 5扩展 TapX模块是一组扩展，提供了主框架中尚不可用的新功能。 在某些情况下，出于许可原因，此处存在一个模块，因为该模块可能与与Apache软件许可不兼容的现有库集成在一起。 ...
t5contrib-jongo:Tapestry5 - Jongo 模块
07-13
Jongo则是一个Java库，它为MongoDB提供了一种更直观、面向对象的方式来操作数据，使得开发者可以避免直接编写原生的MongoDB查询语言（即MongoDB的JavaScript语法）。 Tapestry5是一款强大的Java Web开发框架，由...
t5-bs-modal:Tapestry 5 库处理引导模式
06-19
目前还没有 Maven 工件，但是一旦第一个版本发布，我就会去做。 现在，它更像是一个演示模块。 您必须使用此命令将其安装到本地 Maven 存储库 ./gradlew install 那么你就可以在你的项目中使用它（只要你引用的是 ...
tapestry-server:Tapestry池应用程序的REST API服务器
03-20
生物学家/实验者创建一个新测试并指定测试参数（机器类型和配置，试剂盒类型，患者ID等） 处理输入数据并生成矩阵，指定将哪些患者样品放入PCR仪中的哪些池中。 完成测试后，他们将实验结果上传回系统并进行处理。 ...
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 862
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
【JavaScript】LeetCode：707设计链表
最新发布
weixin_45980065的博客
09-14 500
【代码】【JavaScript】LeetCode：707设计链表。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 451
实现中国地图各省数据案例
JS笔记
2201_76100326的博客
09-11 881
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
JavaScript基础
zhangh040629的博客
09-10 1310
//** 控制浏览器弹出一个警告框* alert()*/alert;/** 让计算机在页面中输出一个内容*/write;/** 向控制台输出一个内容*/log;</</</</
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值