package org.ljm.dwr.service;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class UserService {
public static Map<String,User> users =new HashMap<String,User>();
static {
users.put("1", new User(1,"孙悟空",newGroup(1,"取经组")));
users.put("2", new User(2,"猪八戒",newGroup(1,"取经组")));
users.put("3", new User(3,"白骨精",newGroup(2,"吃肉组")));
users.put("4", new User(4,"红孩儿",newGroup(2,"吃肉组")));
}
publicList<User>list() {
List<User> us =new ArrayList<User>();
for(String key : users.keySet()) {
us.add(users.get(key));
}
return us;
}
publicvoid add(User user) {
users.put(String.valueOf(user.getId()), user);
}
public User user(String id) {
return users.get(id);
}
}
4. dwr.xml
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd"><dwr><allow><!-- 将java对象公布为javascript对象 --><createcreator="new"><paramname="class"value="org.ljm.dwr.service.DwrHello"/></create><createcreator="new"><paramname="class"value="org.ljm.dwr.service.UserService"/></create><convertconverter="bean"match="org.ljm.dwr.service.User"/><convertconverter="bean"match="org.ljm.dwr.service.Group"/></allow></dwr>
5. jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"><title>通过dwr完成UCRD</title><scripttype="text/javascript"src="<%=request.getContextPath() %>/js/jquery-1.7.2.min.js"></script><!-- 必须引入dwr的引擎,此js文件由dwr框架提供 --><scripttype="text/javascript"src="<%=request.getContextPath() %>/dwr/engine.js"></script><!-- 引入java对象转成的js ,DwrHello就是类的名字--><scripttype="text/javascript"src="<%=request.getContextPath() %>/dwr/interface/UserService.js"></script><scripttype="text/javascript">
$(function(){
listUsers();
functionlistUsers() {
UserService.list(function(users){var tbody = $("#tb tbody").empty();
$.each(users,function(i,user){
tbody.append("<tr><td>"+user.id+"</td><td>"+user.username+"</td><td>"+user.group.name+"</td></tr>");
});
});
}
$("#btn").on("click",function(){var userId = $("#userId").val();
var username = $("#username").val();
var gId = $("#gId").val();
var gName = $("#gName").val();
var user = {"id":userId,"username":username,"group":{"id":gId,"name":gName}};
console.log(user);
UserService.add(user);
listUsers();
});
});
</script></head><body><tableid="tb"style="width:700px;"align="center"border="1"><thead><tr><th>用户标识</th><th>用户名</th><th>用户所在组</th></tr></thead><tbody></tbody></table><divid="addUser"style="text-align:center;margin-top:40px;">
用户Id:<inputid="userId"type="text"/>
用户名:<inputid="username"type="text"/>
组Id:<inputid="gId"type="text"/>
组名:<inputid="gName"type="text"/><inputid="btn"type="button"value="添加"/></div></body></html>