dwr3 学习笔记<一>

最新推荐文章于 2024-07-31 09:33:22 发布
最新推荐文章于 2024-07-31 09:33:22 发布
阅读量77 收藏
点赞数
文章标签： DWR Java JSP Bean json
直接上代码，请下载源代码[在最后]，有问题发我邮件lyk_52199@163.com
<==jsp/javascript================================>
[b]-->main.jsp[/b] 

<%@ 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>
  <title>DWR3.0DEMO--BY JUSTIN LEE @ 2011-03-13 PM</title>
	  <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'></script>
	  <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'></script>
	  <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/Demo.js'></script>
	  <script type='text/javascript'>
	    //====================================================================================================
	    //无参，有简单返回值,只传一个回调参数过去
	    function test1(){
	        Demo.test1(callbackTest1);
	    }
	    /**
	    *test1()回调函数 
	    **/
	    function callbackTest1(data){
	      alert(data);
	    }
	    //====================================================================================================
	    /*****************************************************************************************************/
	    //====================================================================================================
	    //有简单参数，无返回值
	    function test2(){
	    	Demo.test2("简单参数");
	        //Demo.test2("简单参数",callbackTest2);//可以不用传回调函数,如果传了会得到NULL
	    }
	    /**
	    *test2()回调函数 
	    **/
	    function callbackTest2(data){
	      alert(data);
	    }
	    //====================================================================================================
	    /*****************************************************************************************************/
	    //====================================================================================================
	    //有简单参数，有简单返回值
	    function test3(){
	        Demo.test3("有简单参数，有简单返回值",callbackTest3);
	    }
	    /**
	    *test3()回调函数 
	    **/
	    function callbackTest3(data){
	      alert(data);
	    }
	    //====================================================================================================
	     /*****************************************************************************************************/
	    //====================================================================================================
	    //有简单参数，返回Bean类
	    function test4(){
	        Demo.test4(new Date(),callbackTest4);//这里参数是一个日期，就直接用JS的日期就可以了
	    }
	    /**
	    *test4()回调函数 
	    **/
	    function callbackTest4(data){
	      //对于返回实体类的JS处理方法
	      if(data){
	      	for(var property in data){
		　　alert("property:"+property);
		　　alert(property+":"+data[property]);
		　	} 
	      }
	      //如果知道属性，则可以用下面的方法来获取值
	      alert(data["propA"]);
	      alert(data.propD[0]);//这种方式处理也可以，不过这里propD是一个数组，因此可以用数组的处理方法

	    }
	    //====================================================================================================
	     /*****************************************************************************************************/
	    //====================================================================================================
	    //有Bean参数，有简单返回值
	    function test5(){
	    	var pa = "a String";//private String propA;
			var pb = 23;//private Integer propB;
			var pc = new Date();//private Date propC;
			var pd = ["a","b","c"];//private String[] propD;
			var obja = {propA:pa, propB:pb,propC:pc, propD:pd};//JSON方式构造一个类对象
	        Demo.test5(obja,callbackTest5);
	    }
	    /**
	    *test5()回调函数 
	    **/
	    function callbackTest5(data){
	    	alert(data);
	    }
	    //====================================================================================================
	     /*****************************************************************************************************/
	    //====================================================================================================
	    //有简单参数，返回LIST MAP OR SET集合类
	    function test6(){   
	        Demo.test6("有简单参数，返回LIST MAP OR SET集合类",callbackTest6);
	    }
	    /**
	    *test6()回调函数 
	    **/
	    function callbackTest6(data){
	    	//不知道属性名称时，使用如下方法,最好少一点alert，很烦的
		　　for(var i=0;i<data.length;i++){
			　　for(var property in data[i]){
			　　//alert("property:"+property);
		　　		alert("property:"+property+"--value:"+data[i][property]);
		　　		}
		　　}　
		    //知道属性名称时，使用如下方法
		　　for(var i=0;i<data.length;i++){
			　　alert(data[i].propA);
			　　alert(data[i].propB);
			    alert(data[i].propD[0]);
	　　	    }
	    }
	    //====================================================================================================
	     /*****************************************************************************************************/
	    //====================================================================================================
	    //有List、Set或者Map等集合参数，返回LIST MAP OR SET集合类
	    function test7(){ 
	    	var pa = "1a String for test7";//private String propA;
			var pb = 11;//private Integer propB;
			var pc = new Date();//private Date propC;
			var pd = ["aforTest7","bforTest7","cforTest7"];//private String[] propD;
			var obja = {propA:pa, propB:pb,propC:pc, propD:pd};
			 pa = "2a String for test7";//private String propA;
			 pb = 22;//private Integer propB;
			 pc = new Date();//private Date propC;
			 pd = ["2aforTest7","2bforTest7","2cforTest7"];//private String[] propD;
			var objb = {propA:pa, propB:pb,propC:pc, propD:pd};
			var list = [obja,objb];		
			Demo.test7(list,callbackTest7);  
	    }
	    /**
	    *test7()回调函数 
	    **/
	    function callbackTest7(data){
	    	//不知道属性名称时，使用如下方法
		　　for(var i=0;i<data.length;i++){
			　　for(var property in data[i]){
		　　			alert("--data["+i+"]--property:"+property+"----value:"+data[i][property]);
		　　		}
		　　}
	    }
	    //====================================================================================================
	  </script>
</head>
<body onload="test7()">
</body>
</html>

[b]-->upload.jsp[/b] 

<%@ 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>
  <title>DWR3.0DEMO--BY JUSTIN LEE @ 2011-03-13 PM - file upload</title>
      <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/UploadFile.js'></script>
	  <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'></script>
	  <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'></script>
<script type="text/javascript">
	/*
	*文件上传Dwr
	*/
	function uploadFiles() {
		if(document.getElementById("uploadFile").value==""){
			alert("请先选择要上传的文件");
			document.getElementById("uploadFile").click();
			return;
		}
		var file = dwr.util.getValue('uploadFile');		
		UploadFile.upload(file,function(data){
			alert(data);
			document.getElementById("uploadFile").value="";
			//for(var property in data){
		　　//alert("property:"+property);
		　　//alert(property+":"+data[property]);
		　	//} 
		});
    }
  </script>
</head>
<body>
	<table><tr>
	        <td>File</td>
	        <td><input type="file" id="uploadFile" /></td>
	        <td id="file.container"> </td>
	      </tr>
	      <tr>
	        <td colspan="3">
	          <button onclick="uploadFiles()">upload</button>
	        </td>
	      </tr>
	</table>
</body>
</html>

[b]-->dodnload.jsp[/b] 

<%@ 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>
  <title>DWR3.0DEMO--BY JUSTIN LEE @ 2011-03-13 PM</title>
      <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/DownloadFile.js'></script>
	  <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'></script>
	  <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'></script>
	<script type="text/javascript">
		/*
		*文件下载Dwr
		*/
		function downloadPdfFile() {
		  var pdftext = dwr.util.getValue('pdftext');
		  DownloadFile.downloadPdfFile(pdftext, function(data) {
		    dwr.engine.openInDownload(data);
		  });
		}
	  </script>
</head>
	<body>
		<input type="text" id="pdftext" value="Hello, justin Lee,这是一个PDF文档内容"  />
		<input type="button" onclick="downloadPdfFile()" value="DownLoadIt" />
	</body>
</html>

<==java类================================>
[b]TestBean.java[/b] 

/**
 * 测试Bean
 */
package com.justin.dwrdemo;

import java.util.Date;

/**
 * @author Administrator
 *
 */
public class TestBean {
	private String propA;
	private Integer propB;
	private Date propC;
	private String[] propD;
	public String getPropA() {
		return propA;
	}
	public void setPropA(String propA) {
		this.propA = propA;
	}
	public Integer getPropB() {
		return propB;
	}
	public void setPropB(Integer propB) {
		this.propB = propB;
	}
	public Date getPropC() {
		return propC;
	}
	public void setPropC(Date propC) {
		this.propC = propC;
	}
	public String[] getPropD() {
		return propD;
	}
	public void setPropD(String[] propD) {
		this.propD = propD;
	}
}

[b]UploadFile.java[/b] 

/**
 * 
 */
package com.justin.dwrdemo;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;

import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;
import org.directwebremoting.io.FileTransfer;

/**
 * @author justin
 *
 */
public class UploadFile {

	/**
	 * 文件上传
	 * 
	 * @return
	 */
	public String upload(FileTransfer fileTransfer) {
		if(fileTransfer!=null){
			System.out.println("---fileTransfer.getFilename()\t"+fileTransfer.getFilename());
			System.out.println("---fileTransfer.getSize()\t"+fileTransfer.getSize());
			System.out.println("---fileTransfer.getMimeType()\t"+fileTransfer.getMimeType());
		}
		String s = "{文件上传失败}";
		try {
			WebContext webContext = WebContextFactory.get();
			webContext.getHttpServletResponse().setCharacterEncoding("UTF-8");
			String saveurl = webContext.getHttpServletRequest().getSession().getServletContext().getRealPath("/upload");
			System.out.println("---saveurl\t"+saveurl);
			String fn =  fileTransfer.getFilename();
			fn = new String(fn.getBytes("ISO-8859-1"), "UTF-8");
			File saveDir = new File("F://flexJavaDev/tomcat6_20110114/webapps/dwrDemo/uploadFiles");
			if(!saveDir.exists()){
				saveDir.mkdir();
			}
			File file = new File(saveDir.getAbsolutePath()+"/"+fn);
			System.out.println("fileAbsPath:"+file.getAbsolutePath());
			file.setReadable(true);
			file.setWritable(true);
			if (!file.exists()) {
				file.createNewFile();
				System.out.println("new File:"+file.getAbsolutePath());
			}
			InputStream inputStream = fileTransfer.getInputStream(); 			
			int available = inputStream.available();
			byte[] b = new byte[available];
			FileOutputStream foutput = new FileOutputStream(file);
			inputStream.read(b);
			foutput.write(b);
			foutput.flush();
			foutput.close();
			inputStream.close();
			s="{文件名:'"+fn+",文件类型:'"+fileTransfer.getMimeType()+"',文件大小:'"+fileTransfer.getSize()+"',文件存储地址:'"+file.getAbsolutePath()+"'}";
			System.out.println("===s===\n"+s);
		} catch (FileNotFoundException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		} catch(Exception e){
			e.printStackTrace();
		}
		return s;
	}
}


[b]DwrDemo.java[/b] 

package com.justin.dwrdemo;

import java.util.*;

/**
 * @author justin
 * 功能:dwr3功能性测试类
 * 日期:2011-03-13 PM
 */
public class DwrDemo {	
	/**
	 * 无参，有简单返回值
	 * @return
	 */
	public String test1(){
		System.out.println("test1:无参，有简单返回值\t");
		return "test1:无参，有简单返回值";
	}
	/**
	 * 有简单参数，无返回值
	 * @param s
	 */
	public void test2(String s){
		System.out.println("test2:有简单参数，无返回值\t"+s);
	}
	/**
	 * 有简单参数，有简单返回值
	 * @param s
	 * @return
	 */
	public String test3(String s){
		System.out.println("test3:有简单参数，有简单返回值\t"+s);
		return "test3:"+s;
	}
	/**
	 * 有简单参数，返回Bean类
	 * @param date
	 * @return
	 */
	public TestBean test4(Date date){
		System.out.println("test4:有简单参数，返回一般实体类\t"+date);
		TestBean tb = new TestBean();
		tb.setPropA("string prop a");
		tb.setPropB(2);
		Calendar c = Calendar.getInstance();
		c.add(Calendar.YEAR, 200);
		tb.setPropC(c.getTime());
		String[] a = new String[2];
		a[0]="arrValue_0";
		a[1]="数组值_1";
		tb.setPropD(a);
		return tb;
	}
	/**
	 * 有Bean参数，有简单返回值
	 * @param tb
	 * @return
	 */
	public String test5(TestBean tb){
		System.out.println("test5:"+tb);
		System.out.println(tb.getPropA());
		System.out.println(tb.getPropB());
		System.out.println(tb.getPropC());
		System.out.println(tb.getPropD()[0]);
		return "OK";
	}
	/**
	 * 有简单参数，返回LIST MAP OR SET集合类
	 * @param a
	 * @return
	 */
	public List<TestBean> test6(String a){
		System.out.println("test6:有简单参数，返回LIST MAP OR SET集合类\t"+a);
		TestBean tb = null;
		List<TestBean> list = new ArrayList<TestBean>();
		for(int i=0;i<10;i++){
			tb = new TestBean();
			tb.setPropA("propA__"+i);
			tb.setPropB(i);
			tb.setPropC(new Date());
			String[] arr = new String[2];
			arr[0]="arr0__"+i;
			arr[1]="arr1__"+i;
			tb.setPropD(arr);
			list.add(tb);
		}		
		return list;
	}
	/**
	 * 有List、Set或者Map等集合参数，返回LIST MAP OR SET集合类
	 * @param a
	 * @return
	 */
	public List<TestBean> test7(List<TestBean> list){
		System.out.println("test7:有List、Set或者Map等集合参数，返回LIST MAP OR SET集合类\t"+list);
		TestBean tb = null;
		List<TestBean> listRs = new ArrayList<TestBean>();
		if(list!=null){
			for(int i=0;i<list.size();i++){
				tb = list.get(i);
				tb.setPropA(tb.getPropA()+"forReturn!");
				tb.setPropB(tb.getPropB()+1000);
				tb.setPropC(new Date());
				String[] arr = tb.getPropD();
				for(int j=0;j<arr.length;j++){
					arr[j] = arr[j]+"updatedByTest7()";
				}				
				tb.setPropD(arr);
				listRs.add(tb);
			}	
		}

		return list;
	}
}

[b]DownFile.java[/b] 

/**
 * 
 */
package com.justin.dwrdemo;

import java.io.ByteArrayOutputStream;

import org.directwebremoting.io.FileTransfer;

import com.lowagie.text.Document;
import com.lowagie.text.Paragraph;
import com.lowagie.text.pdf.PdfWriter;


/**
 * @author justin
 *
 */
public class DownloadFile {
	public FileTransfer downloadPdfFile(String contents) throws Exception {
	    if (contents == null || contents.length() == 0) {
	        contents = "[BLANK]";
	    }

	    ByteArrayOutputStream buffer = new ByteArrayOutputStream();

	    Document document = new Document();
	    PdfWriter.getInstance(document, buffer);

	    document.addCreator("created by justin Lee with iText");
	    document.open();
	    document.add(new Paragraph(contents));
	    document.close();

	    return new FileTransfer("justinLeePdfDemo.pdf", "application/pdf", buffer.toByteArray());
	}

}

----------------------------------------------------by justin Lee @2011-03-13 PM
day20101031
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DWR 学习笔记<三>DEMO
Fusion
10-17 104
首先下载dwr.jar 2个配置文件 ************************************************************************************************************ web.xml &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;web-app xmlns="...
DWR 学习笔记<二>util.js学习
Fusion
10-17 104
DWR util.js 学习笔记  util.js包含一些有用的函数function,用于在客户端页面调用，它可以和dwr分开，独立营用于你的系统中。 主要功能如下： 1、$() 获得页面参数值 2、addOptions and removeAllOptions 初始化下拉框 3、addRows and removeAllRows  填充表格 4、getText  取得text属性...
DWR3 学习笔记 - 第一个DWR3程序
MatinBell的博客
06-21 311
由于最近要写一个在线的聊天工具，找到了这个比较不错的开源工具。 -  DWR (Direct Web Remoting) 最后的架构是希望SSH2 + DWR3实现比较复杂的在线聊天功能。 废话少说，马上开始。（开发工具：Eclipse Indigo + Tomcat7) 第一个DWR3程序 第一步：导入需要的两个Jar包：(下载地址：http:
dwr3框架学习笔记–第一个dwr3程序sayhello
雨尘的专栏
09-27 874
dwr3框架学习笔记–第一个dwr3程序sayhello上一篇对dwr进行了简介及工作原理窥探，下面来用dwr写第一个小程序，sayhello。1、开发环境eclipse Mars.1 Release (4.5.1) dwr 3.0.1 jdk 1.7.82、环境搭建第一步：新建工程，导入包 1. 新建动态web工程。 2. 导入需要的两个Jar包（放入项目WebROOT\WEB-INF\
DWR util.js 学习笔记 整理
10-30
DWR util.js 学习笔记整理 DWR util.js 是一个功能强大的 JavaScript 库，它提供了许多有用的函数，可以帮助开发者在客户端页面上实现各种操作。下面是对 DWR util.js 的学习笔记整理。 1. $() 函数 DWRUtil 中的...
DWR实战学习笔记.txt
09-19
技术分享：DWR实战学习笔记
Hutool——发送http请求案例
专注写bug
07-29 575
在实际开发过程中，微服务环境下往往采取openfeign实现服务与服务之间的请求调用。但有时候需要调用第三方API的情况，虽然在spring boot 框架中提供了请求模板，但这个不怎么好用。市面上支持http调用的框架技术很多，比如okhttp等。本篇文章重点说明Hutool给我们封装的请求方法类。/*** 调用post 接口发送get请求* @return。
深入解析 Jackson 的 @JsonProperty 注解
一起coding，一起嗨。
07-29 347
深入解析 Jackson 的 @JsonProperty 注解
PyCharm 常用 的插件
u013934107的博客
07-27 224
PyCharm 常用 的插件
微信小程序教程002：代码结构介绍和新建小程序页面
WwLK123的博客
07-29 550
pages：小程序所有页面utils：存放工具性质的模块app.js：小程序项目的入口文件==（至关重要）==app.json：小程序项目的全局配置文件app.wxss：小程序项目的全局样式文件：项目的配置文件：用来配置小程序及其页面是否允许被微信索引WXML（WeiXin Markup Language）是小程序框架设计的一套标签语言，用来构建小程序页面的结构，其作用类似于网页开发中的HTML。WXML和HTML的区别标签名称不同属性节点不同。
golang JSON序列化
m0_70982551的博客
07-30 670
(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于, Standard ECMA-262 3rd Edition - December 1999的一个子集。
Spring注解注入自定义配置，你知道哪些？
最新发布
modelsetget的博客
07-31 100
提供了对@ConfigurationProperties和@Value两种注解的深入理解，帮助开发者根据实际需求选择合适的方法来注入配置属性。
YOLO入门教程（一）——训练自己的模型【含教程源码 + 故障排查】
吾门的博客
07-29 693
如何训练自己的YOLO模型，LabelMe多边形标注的标签如何训练。
Java的@DateTimeFormat注解与@JsonFormat注解的使用对比
訾博（ZiBo）的博客
07-27 767
在Spring和Jackson框架中，日期和时间格式化是一个常见需求。注解主要用于Spring的表单绑定，而注解则用于Jackson的JSON序列化和反序列化。了解这两个注解的使用场景和方法，可以帮助开发者更高效地处理日期和时间。和是处理日期和时间格式化的两个重要注解。主要用于Spring MVC的请求参数绑定，而主要用于Jackson的JSON序列化和反序列化。了解它们的使用场景和功能，可以帮助开发者更高效地处理日期和时间格式化需求。通过本文的介绍，希望读者能够更清晰地理解和。
js 替换json中的转义字符 \
qq_31683775的博客
07-27 146
在控制台测试,字符串先赋给变量,还是直接调用replace方法的结果又不同。正则表达式 /\\\\/g 和 /\//g 按理说也匹配到每个 \。其中 /\\/g 正则表达式 会选中 所有 \。但是在工具中测试,总会保留一个 \。
爬虫：xpinyin模块，requests-html使用和json模块
Dxh0112_的博客
07-27 641
json.dumps()：将所有基本类型的数据转换成字符串，其中字典转换来的数据也可以叫json数据，如果被转换的数据原本是元组的话，那么转换之后元组的小括号会变成列表的中括号。print(pyin.get_pinyin('回车',' ',tone_marks='marks'))#huí chē。print(pyin.get_pinyin('回车',''))#hui che。print(pyin.get_initials('回车',' '))#H C。json.loads()：将json转换成字典。
docker容器cuda不可用，怎么解决？
猿小白的博客
07-28 58
通过Docker 构建的镜像中，启动之后，发现容器内部读取不到显卡驱动nvidia-smi。
DWR学习笔记：AJAX技术与实战入门
"我的学习笔记-dwr" DWR（Direct Web Remoting）是一个开源的Java库，专门用于简化AJAX（Asynchronous JavaScript and XML）技术在Web开发中的应用。它允许前端JavaScript代码直接调用后端服务器上的Java方法，仿佛...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值