之前的基本配置一样。这里我就只把 dwr.xml 和Service 和bean 还有jsp页面的代码展示出来
dwr.xml 文件的配置代码如下:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr//dwr20.dtd">
<dwr>
<!-- without allow, DWR isn't allowed to do anything -->
<allow>
<create creator="new" javascript="Student" scope="application">
<param name="class" value="com.xzj.service.StudentService"/>
</create>
<convert converter="bean" match="com.xzj.domain.Student"/>
</allow>
</dwr>
StudentService方法的代码如下:
package com.xzj.service;
import java.util.ArrayList;
import java.util.List;
import com.xzj.domain.Student;
public class StudentService {
public List find(){
List list=new ArrayList();
for(int k=1;k<10;k++){
list.add(k);
}
return list;
}
public Student findStudent(){
Student stu=new Student();
stu.setId(127);
stu.setName("周星驰");
stu.setAge(48);
return stu;
}
public List listStudent(){
List list=new ArrayList();
Student stu=null;
for(int k=1;k<6;k++){
stu=new Student();
stu.setId(k);
stu.setName("DWR冰山"+k);
stu.setAge(23+k);
list.add(stu);
}
return list;
}
}
Student 的代码如下:
package com.xzj.domain;
public class Student {
private int id;
private String name;
private int age;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
}
前台index.jsp的代码如下:
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>DWR Operator List and Object</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
a:link, a:visited{
margin:10px;
color:#A62020;
padding:4px 10px 4px 10px;
background-color: #ecd8db;
text-decoration:none;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}
a:hover{
margin:10px;
color:#821818;
padding:5px 8px 3px 12px;
background-color:#e2c4c9;
border-top:1px solid #717171;
border-left:1px solid #717171;
border-bottom:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
}
.datalist{
border:1px solid #5F6F7E;
border-collapse:collapse;
width:60%;
}
.datalist th{
border:1px solid #5F6F7E;
background-color:#E2E2E2;
color:#000000px;
font-weight:normal;
text-align:center;
padding:2px 8px 2px 6px;
height:20px;
}
.datalist td{
margin:0px;
padding:1px;
border:1px solid #ABABAB;
}
.put{
margin:0px;
border:0;
background-color:#E2E2E2;
padding:5px;
border-bottom:1px solid #ABABAB;
width:auto;
}
</style>
<script type="text/javascript" src='dwr/interface/Student.js'></script>
<script type="text/javascript" src='dwr/engine.js'></script>
<script type="text/javascript" src='dwr/util.js'></script>
<script type="text/javascript">
function find(){
Student.find(showMessage);
function showMessage(msg){
var rs=new Array();
rs=msg
for(var k in rs){
alert("List中的:"+rs[k]);
}
}
}
function findStudent(){
Student.findStudent(showMessage);
function showMessage(msg){
//操作Bean文件Student 必须要先再dwr.xml中配置
/**<convert converter="bean" match="com.xzj.domain.Student"/>*/
var msgStr="编号:"+msg.id+"\n姓名:"+msg.name+"\n年龄:"+msg.age;
alert(msgStr);
}
}
function listStudent(){
Student.listStudent(showMessage);
function showMessage(msg){
var rs=new Array();
rs=msg;
var table="<table class='datalist'>";
table+="<tr>";
table+="<th>编号</th>";
table+="<th>姓名</th>";
table+="<th>年龄</th>";
table+="</tr>";
for(var k in rs){
table+="<tr>";
table+="<th>"+rs[k].id+"</th>";
table+="<td>"+rs[k].name+"</td>";
table+="<td>"+rs[k].age+"</td>";
table+="</tr>";
}
table+="</table>";
showMsg.innerHTML=table;
}
}
</script>
</head>
<body>
<center>
<input type="button" class="put" name="btnList" value="查看对List的操作" onclick="find()"/>
<input type="button" class="put" name="btnList" value="查看对Student对象的操作" onclick="findStudent()"/>
<input type="button" class="put" name="btnList" value="查看对List中5个Student对象的操作" onclick="listStudent()"/>
</center>
<br><br>
<br><br>
<div id="showMsg" style="border:1px dashed #CCCCCC;width:500px:height:auto;margin:5px;padding:5px;text-align:center;">
</div>
</body>
</html>
为了好看 弄了点 CSS 代码。弄完这个。可以自由的操作DWR了。应该知道DWR的好处了吧。不过..对于他的不好之处。你可以去网络中看看.
如果明天有时间 继续
关于Spring的操作.
这里 我没有对数据库进行操作 。因为都是一样的...
分享到:
相关推荐
DWR与JSP DWR调用内置对象 内置对象 DWR与JSP DWR调用内置对象 内置对象 DWR与JSP DWR调用内置对象 内置对象
dwr学习资料,适合于中高级学员。dwr学习资料,适合于中高级学员。
Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr...
DWR如何获得返回对象 DWR如何获得返回对象 DWR如何获得返回对象
DWR中处理集合,其中包含了各种集合,概括全面,简单易懂。
DWR操作数据库模拟实现Google搜索效果
dwr实例操作+rmi实例操作 dwr实例操作+rmi实例操作
dwr调用带集合返回值的方法,dwr调用带集合返回值的方法
一个DWR3 调用对象的小例子,包括了web.xml的配置和dwr.xml的配置,完全按照官方标准dwr3配置,压缩文件中包括了应用的jar包 开发环境: eclipse + Tomcat
dwr操作文件上传下载
dwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwr
DWR集合Spring实现异步提交,值得下载的内容; 使用Strut 1.2,Hibernate 3.0,Spring 2.5 jar包自己导入
dwr异步操作,实现页面和后台代码的一步交互操作
DWR入门操作手册DWR入门操作手册DWR入门操作手册DWR入门操作手册
DWR资源集合包含: 1,二个版本的dwrjar包和实例 2,中文教程 3,api
学习dwr,对返回类型,参数类型有详细介绍
dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架
dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;
DWR示例 包括DWR基本配置 DWR传递对象 DWR 反转ajax DWR与spring集成