• pushlet

    pushlet 之 Pushlet使用手把手实例

    原帖地址：http://cuisuqiang.iteye.com/blog/1416771

    博客分类：
    JavaJavaScriptPushletcometserver 

    Pushlet（一种comet 架构的实现）是基于Servlet 机制，数据从server端的Java 对象直接推送（push）到客户端浏览器的（动态）HTML 页面，而无需任何Java applet 或者插件的帮助。

    • 在MyEclipse中创建工程。附件包含了从官方下载的Pushlet包已经本次的源码包，直接导入到开发工具即可。
    • 在创建的工程中增加pushlet.jar，log4j.jar。拷贝pushlet.properties，sources.properties到WEB-INF下。拷贝ajax-pushlet-client.js到WebRoot下。
    • 配置web.xml
    Xml代码  收藏代码
    1. <?xml version="1.0" encoding="UTF-8"?>  
    2. <!DOCTYPE web-app  
    3.     PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"  
    4.     "http://java.sun.com/dtd/web-app_2_3.dtd">  
    5. <!-- $Id: web.xml,v 1.7 2005/02/21 17:21:49 justb Exp $ -->  
    6. <web-app>  
    7.     <!-- Define the pushlet servlet -->  
    8.     <servlet>  
    9.         <servlet-name>pushlet</servlet-name>  
    10.         <servlet-class>nl.justobjects.pushlet.servlet.Pushlet</servlet-class>  
    11.         <load-on-startup>3</load-on-startup>  
    12.     </servlet>  
    13.     <!-- Define the Servlet Mappings. -->  
    14.     <!-- The pushlet -->  
    15.     <servlet-mapping>  
    16.         <servlet-name>pushlet</servlet-name>  
    17.         <url-pattern>/pushlet.srv</url-pattern>  
    18.     </servlet-mapping>  
    19. </web-app>  
    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE web-app
    PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
    "http://java.sun.com/dtd/web-app_2_3.dtd">
<!-- $Id: web.xml,v 1.7 2005/02/21 17:21:49 justb Exp $ -->
<web-app>
	<!-- Define the pushlet servlet -->
	<servlet>
		<servlet-name>pushlet</servlet-name>
		<servlet-class>nl.justobjects.pushlet.servlet.Pushlet</servlet-class>
		<load-on-startup>3</load-on-startup>
	</servlet>
	<!-- Define the Servlet Mappings. -->
	<!-- The pushlet -->
	<servlet-mapping>
		<servlet-name>pushlet</servlet-name>
		<url-pattern>/pushlet.srv</url-pattern>
	</servlet-mapping>
</web-app>
    • 后台代码HelloWorldPlushlet.java，该类包含一个内部类
    Java代码  收藏代码
    1. package com;  
    2. import nl.justobjects.pushlet.core.Event;  
    3. import nl.justobjects.pushlet.core.EventPullSource;  
    4. public class HelloWorldPlushlet {     
    5.     static public class HwPlushlet extends EventPullSource {  
    6.         // 休眠五秒  
    7.         @Override  
    8.         protected long getSleepTime() {  
    9.             return 5000;  
    10.         }  
    11.         @Override  
    12.         protected Event pullEvent() {  
    13.             Event event = Event.createDataEvent("/cuige/he");  
    14.             event.setField("mess", "hello,world!Plushlet!");  
    15.             return event;  
    16.         }  
    17.     }  
    18. }  
    package com;
import nl.justobjects.pushlet.core.Event;
import nl.justobjects.pushlet.core.EventPullSource;
public class HelloWorldPlushlet {	
	static public class HwPlushlet extends EventPullSource {
		// 休眠五秒
		@Override
		protected long getSleepTime() {
			return 5000;
		}
		@Override
		protected Event pullEvent() {
			Event event = Event.createDataEvent("/cuige/he");
			event.setField("mess", "hello,world!Plushlet!");
			return event;
		}
	}
}
    •  sources.properties清理其他，定义自己发布的内容
    Java代码  收藏代码
    1. source1=com.HelloWorldPlushlet$HwPlushlet  
    source1=com.HelloWorldPlushlet$HwPlushlet
    •  在JSP中调用
    Jsp代码  收藏代码
    1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
    2. <html>  
    3.     <head>  
    4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    5.         <meta http-equiv="Pragma" content="no-cache" />  
    6.         <script type="text/javascript" src="ajax-pushlet-client.js"></script>         
    7.         <script type="text/javascript">  
    8.             PL._init();   
    9.             PL.joinListen('/cuige/he');  
    10.             function onData(event) {   
    11.                 alert(event.get("mess"));   
    12.                 // 离开  
    13.                 // PL.leave();  
    14.             }  
    15.         </script>  
    16.     </head>  
    17.     <body>  
    18.         <center>  
    19.         <h1>  
    20.             my first pushlet!  
    21.         </h1>  
    22.         </center>  
    23.     </body>  
    24. </html>  
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="Pragma" content="no-cache" />
		<script type="text/javascript" src="ajax-pushlet-client.js"></script>		
		<script type="text/javascript">
			PL._init(); 
			PL.joinListen('/cuige/he');
			function onData(event) { 
				alert(event.get("mess")); 
				// 离开
				// PL.leave();
			}
		</script>
	</head>
	<body>
		<center>
		<h1>
			my first pushlet!
		</h1>
		</center>
	</body>
</html>
    •  将工程部署到Tomcat后访问，该页面以五秒钟一个间隔，收到后台传来的数据！

    工程部署后如下图展示

     每次访问时，后台都会打印增加到管理中的用户信息，当关闭浏览器后，服务器会在超时后自动清理！

    5
    顶
    2
    踩
    分享到：
    | JSP自定义标签实现数据字典
  • 相关阅读:
    javascript如何封装函数
    addEventListener和attachEvent区别
    Infinity NaN undefined和null
    hasOwnProperty
    蜂巢式图片墙布局
    复选框使用总结
    文本框获得焦点时改变背景颜色
    自定义动画animate
    click()、bind()、live()和delegate()方法
    图片提示效果
  • 原文地址：https://www.cnblogs.com/mingf123/p/3958334.html
Copyright © 2020-2023  润新知