dwr(Direct Web Remoting)的使用

最新推荐文章于 2018-04-10 09:56:51 发布

shuimumu

最新推荐文章于 2018-04-10 09:56:51 发布

阅读量3.9k

点赞数

分类专栏： spring 文章标签： dwr web function user exception string

本文链接：https://blog.csdn.net/shuimumu/article/details/7659887

版权

spring 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

作用：远程调用java代码

安装：加入包，配置web.xml，配置dwr.xml（WEB-INF下）,在页面中引入相关js

web.xml

 <listener>
    <listener-class>org.directwebremoting.servlet.DwrListener</listener-class>
  </listener>
  
  <servlet>
    <servlet-name>dwr-invoker</servlet-name>
    <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
	
    <init-param>
      <param-name>debug</param-name>
      <param-value>true</param-value>
    </init-param>
  
    <load-on-startup>1</load-on-startup>
  </servlet>
   
  <servlet-mapping>
    <servlet-name>dwr-invoker</servlet-name>
    <url-pattern>/dwr/*</url-pattern>
  </servlet-mapping>

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>
    <!--
    <filter class="com.example.dwr.monitor.MonitoringAjaxFilter"/>
    <filter class="org.directwebremoting.filter.ExtraLatencyAjaxFilter">
      <param name="delay" value="200"/>
    </filter>
    -->
    <!-- intro - for the test on index.html -->
    <create creator="new">
      <param name="class" value="org.konghao.dwr.model.MyDwr"/>
    </create>	
	<!-- 对象转换器 --> 
    <convert converter="bean" match="org.konghao.dwr.model.User"/>
    <convert converter="bean" match="org.konghao.dwr.model.Group"/>
	<!-- 显示异常对象 --> 
    <convert match="java.lang.Exception" converter="exception"/>
    <convert converter="bean" match="java.lang.StackTraceElement"/>
  </allow>
</dwr>

jsp中引入相关js

<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/engine.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/interface/MyDwr.js"></script>

<script type="text/javascript">
	MyDwr.hello("世界",function(data){
		alert(data);
	});
</script>

<script type="text/javascript">
	MyDwr.load(loadUser);
	function loadUser(user) {
		alert(user.id+","+user.username+","+user.group.name);
	}
</script>

<script type="text/javascript">
	MyDwr.list(listUser);
	function listUser(users) {
		for(var i=0;i<users.length;i++) {
			alert(users[i].username+","+users[i].group.name);
		}
	}
</script>

<script type="text/javascript">
	var user = {id:1,username:"李四",group:{id:2,name:"网络中心"}};
	MyDwr.add(user);
</script>

<script type="text/javascript">
	MyDwr.deleteUser({
		callback:deleteUser,
		errorHandler:function(msg,exception) {
			alert(msg);
			/*for(var ea in exception) {
				alert(ea);
			}
			alert(exception.stackTrace);*/
			alert(dwr.util.toDescriptiveString(exception,1));
		}
	});
	function deleteUser(data) {
	}
</script>

<body>
	<input type="text" id="a"/>+<input type="text" id="b"/><input type="button" value="获取" οnclick="calAdd()">
	<br/>
	<select id="address">
	
	</select>
	<input type="button" value="初始化地址" οnclick="initAddress()"/>
	<input type="text" id="addressName"/><input type="button" value="添加" οnclick="addAddress()"/>
	<table width="600" border="1">
		<thead>
			<tr>
				<td>ID</td>
				<td>username</td>
				<td>groupName</td>
			</tr>
		</thead>
		<tbody id="user">
		</tbody>
	</table>	
	<input type="button" value="初始化用户" οnclick="initUser()"/>
</body>

<script type="text/javascript">
function calAdd() {
	var a = dwr.util.getValue("a");
	var b = dwr.util.getValue("b");
	MyDwr.add(parseInt(a),parseInt(b),function(data){
		alert(data);
	});
}

function addAddress() {
	var a = dwr.util.getValue("addressName");
	var data = [{id:a,name:a}];
	dwr.util.addOptions("address",data,"id","name");
}
function initAddress() {
	dwr.util.removeAllOptions();
	var data = [{id:1,name:"北京"},{id:2,name:"天津"},{id:3,name:"上海"}];
	dwr.util.addOptions("address",data,"id","name");
}

function initUser() {
	MyDwr.list(function(data){
		dwr.util.addRows("user",data,cellFuncs,{ escapeHtml:false });
	});
}
var cellFuncs=[
	function(data){return data.id},
	function(data){return data.username},
	function(data){return data.group.name}
];
</script>

<script type="text/javascript">
function upload() {
	var file = dwr.util.getValue("myfile");
	alert(file.value);
	alert(file);
	MyDwr.upload(file,file.value,function(data){
		alert(data);
	});
}
</script>
<body>
	<input type="file" id="myfile"/>	
	<input type="button" value="上传文件" οnclick="upload()"/>
</body>

MyDwr.java

public class MyDwr {
	public String hello(String world) {
		System.out.println("hello "+world);
		return "hello "+world;
	}
	
	public User load() {
		User u = new User(1,"张三",new Group(1,"财务处"));
		return u;
	}
	
	public List<User> list() {
		List<User> users = new ArrayList<User>();
		users.add(new User(1,"张三",new Group(1,"财务处")));
		users.add(new User(2,"李四",new Group(2,"科技处")));
		users.add(new User(3,"王五",new Group(3,"宣传部")));
		return users;
	}
	
	public void add(User user) {
		System.out.println(user);
	}

	public void deleteUser() {
		throw new MyException("在删除用户的时候有错");
	}
	
	public int add(int a,int b) {
		return a+b;
	}
	
	public String upload(InputStream is,String filename) throws IOException {
		//WebContext可以获取HttpServlet的对象
		WebContext wc = WebContextFactory.get();
		HttpServletRequest req = wc.getHttpServletRequest();
		String realpath = req.getSession().getServletContext().getRealPath("upload");
		String fn = FilenameUtils.getName(filename);
		String filepath = realpath+"/"+fn;
		FileUtils.copyInputStreamToFile(is, new File(filepath));
		return filepath;
	}
}

shuimumu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
dwr(Direct Web Remoting)的使用

作用：远程调用java代码安装：加入包，配置web.xml，配置dwr.xml（WEB-INF下）,在页面中引入相关jsweb.xml org.directwebremoting.servlet.DwrListener dwr-invoker org.directwebremoting.servlet.DwrServlet
复制链接

扫一扫