tapestry中实现ajax的增删改查实例

最新推荐文章于 2014-06-12 14:16:00 发布

原创最新推荐文章于 2014-06-12 14:16:00 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#tapestry #ajax #actionlink #string #object #parameters

本文介绍了一个使用Tapestry框架的应用实例，展示了如何通过Tapestry实现用户信息的增删改查功能，并深入探讨了在操作过程中遇到的问题及解决办法。

model类：

package example.hellotapestry.model; public class UserLog { public UserLog(){} public UserLog(String name,String sex ,int age ,String email){ this.name = name ; this.sex = sex ; this.age = age ; this.mail = email ; } private String name ; public String getName() { return name; } public void setName(String name) { this.name = name; } public String getSex() { return sex; } public void setSex(String sex) { this.sex = sex; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } public String getMail() { return mail; } public void setMail(String mail) { this.mail = mail; } private String sex ; private int age ; private String mail ; }

页面类：

package example.hellotapestry.pages; import java.util.ArrayList; import java.util.List; import org.apache.tapestry5.annotations.Component; import org.apache.tapestry5.annotations.InjectComponent; import org.apache.tapestry5.annotations.Persist; import org.apache.tapestry5.annotations.Property; import org.apache.tapestry5.beaneditor.BeanModel; import org.apache.tapestry5.corelib.components.Grid; import org.apache.tapestry5.corelib.components.Zone; import org.apache.tapestry5.ioc.Messages; import org.apache.tapestry5.ioc.annotations.Inject; import org.apache.tapestry5.services.BeanModelSource; import org.apache.tapestry5.services.Request; import example.hellotapestry.model.UserLog; public class Test { @Property private String name = "Hello Word" ; @Property @Inject private Request request; @Inject private BeanModelSource _modelSource; @Inject private Messages messages; @Property private UserLog userlog = new UserLog() ; @Persist @Property private List<UserLog> itemUSer; @Component(parameters = { "source=itemUSer", "rowsPerPage=14","model=modelForGrid" }) private Grid grid; void setupRender(){ System.out.println("进入 Test setupRender方法"); itemUSer = new ArrayList<UserLog>(); itemUSer.add(new UserLog("zhangsan", "男", 16, "zhangsan@163.com")); itemUSer.add(new UserLog("lisi", "女", 20, "lisi@163.com")); itemUSer.add(new UserLog("longyingan", "男", 23, "longyingan@163.com")); itemUSer.add(new UserLog("hudou", "女", 21, "hudou@163.com")); } /** * 设置 Grid显示模式对应grid的参数 model=modelForGrid * 结论：由此可得到在参数配置中，参数的赋值是支持方法的调用 * 方法对应名称为 getXXX()；只要返回的对象是对应属性的类型就OK * @return */ public BeanModel getModelForGrid() { BeanModel result = _modelSource.createEditModel(UserLog.class,messages); result.get("name").label("名字").sortable(true); result.get("sex").label("性别").sortable(false); result.get("age").label("年龄").sortable(false); result.get("mail").label("邮件地址").sortable(false); return result; } @InjectComponent private Zone userlistZone ; Object onActionFromClicker(String name){ System.out.println("--------进入：name：+"+name); for (UserLog ulog : itemUSer) { if (ulog.getName().equals(name)) { System.out.println("success:"+name); itemUSer.remove(ulog); break ; } } return userlistZone; } Object onActionFromRegForm(){ System.out.println("aaaaaaaaaaaaaa"); if (nameE!=null&&!"".equals(nameE.trim())) { for (UserLog ulog : itemUSer) { if (ulog.getName().equals(nameE)) { System.out.println("Edit:"+nameE); ulog.setName(userlog.getName()); ulog.setAge(userlog.getAge()); ulog.setSex(userlog.getSex()); ulog.setMail(userlog.getMail()); nameE = null ; userlog = new UserLog(); } } }else{ itemUSer.add(this.userlog); } return userlistZone; //return null ; } @InjectComponent private Zone infoEditZone ; private static String nameE ; Object onActionFromEdit(String name){ for (UserLog ulog : itemUSer) { if (ulog.getName().equals(name)) { System.out.println("success:"+name); this.userlog = ulog; nameE = ulog.getName() ; } } return infoEditZone; } }

页面代码：

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd" xmlns:p="tapestry:parameter" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>正在进入</title> </head> <body> <t:zone t:id="userlistZone" id="userlistZone"> <table t:id="grid" add="edit" row="userlog" reorder="name,sex,age,mail,edit" model="userlog" pagerPosition="bottom" > <p:editHeader> 操作 </p:editHeader> <p:editcell> <t:actionlink t:id="clicker" context="userlog.name" zone="userlistZone">删除</t:actionlink> <t:actionlink t:id="edit" context="userlog.name" zone="infoEditZone">编辑</t:actionlink> </p:editcell> </table> </t:zone> <div> <t:zone t:id="infoEditZone" id="infoEditZone"> <t:form t:id="regForm" clientValidation="true" zone="userlistZone"> uname:<t:textfield t:id="name" value="userlog.name" /><br/> sex:<t:textfield t:id="sex" value="userlog.sex" /><br/> age:<t:textfield t:id="age" value="userlog.age" /><br/> mail:<t:textfield t:id="mail" value="userlog.mail" /><br/> <t:submit id="register" value="SUBMIT" /> </t:form> </t:zone> </div> </body> </html>

使用方法：下面的form表单做了两件事情，有添加和编辑！如果你点击了上面的编辑下面的提交做修改操作。否则做添加操作。

我在做的过程中有一个疑问：我在做删除的时候，为什么我不加那个 break ，那么在删除的时候我们删最后一条会报错了！不知道这个错误时什么原因…… 我估计是 List导致的！不知道大家有什么见解？？

经过初步分析得出报错的原因：因为我在删除的时候是在去遍历 List，然而我在里面有 remove 一个List里面的对象。从而导致线程不同步异常。java.util.ConcurrentModificationException ！所以说尽量不要采用这种方法来删除！但是在现实操作中我相信不会出现，因为我们不会这样去删除数据。

作者：龙映安

所属公司：云软网络