dwr返回list并以table动态显示

abcde5342376

浏览: 33381 次
性别:
来自: 上海

最近访客更多访客>>

孟雪雪

lltelerik

gq007

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

DWR Servlet JavaScript Web DAO

首先在eclipse里新建一个web项目，并引入dwr.jar和common—logging.jar，接着开始写代码吧

web.xml

<?xml version="1.0" encoding="ISO-8859-1"?> <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"> <web-app> <servlet> <servlet-name>dwr-invoker</servlet-name> <display-name>DWR Servlet</display-name> <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class> <init-param> <param-name>debug</param-name> <param-value>false</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping> </web-app>

dwr.xml

Admin.java

/** * */ package com.dwr.list; /** * @author cyang * */ public class Admin { private int id; private String admin_Name; private String admin_Pwd; private int mark_id; /** * */ public Admin() { super(); // TODO Auto-generated constructor stub } public int getId() { return id; } public void setId(int id) { this.id = id; } public String getAdmin_Name() { return admin_Name; } public void setAdmin_Name(String admin_Name) { this.admin_Name = admin_Name; } public String getAdmin_Pwd() { return admin_Pwd; } public void setAdmin_Pwd(String admin_Pwd) { this.admin_Pwd = admin_Pwd; } public int getMark_id() { return mark_id; } public void setMark_id(int mark_id) { this.mark_id = mark_id; } }

DWRTest.java

/** * */ package com.dwr.list; import java.util.List; /** * @author cyang * */ public class DwrTest { TestDao dao = new TestDao(); public List<Admin> Send(int mark) { return dao.Send(mark); } }

TestDao,我这里方便大家模拟查询数据库，其实是自造的数据哦。

接下来就是页面的展现了，我把jsp和js放在一起，方便大家：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>DWR </title> <mce:script type="text/javascript" src="dwr/interface/DwrTest.js" mce_src="dwr/interface/DwrTest.js"></mce:script> <mce:script type="text/javascript" src="dwr/engine.js" mce_src="dwr/engine.js"></mce:script> <mce:script type="text/javascript" src="dwr/util.js" mce_src="dwr/util.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <form name="form1" > <p align="center"> <input type="button" value="用户类别一 " onmouseover="showTable(1)"> <input type="button" value="用户类别二" onmouseover="showTable(2)"> <input type="button" value="用户类别三" onmouseover="showTable(3)"> <input type="button" value="用户类别四" onmouseover="showTable(4)"> </p> <table width="50%" id="mytable" border="1" bordercolor="whitesmoke"> <tr align="center"><td>用户名</td><td>密码</td><td>类别</td></tr> </table> <input type="hidden" name="maxrow" value="0"> </form> </body> </html>

大功告成，运行一下试试吧，我试过了可以的

分享到：