如何基于BS架构开发聊天程序
2014-03-23 13:09
423 查看
最近经常看到关于“如何基于BS架构开发聊天程序”的问题,这里把写的一个简要实例代码贴出来。
那么BS的聊天系统,一般两种技术(各有优劣):
1、基于Ajax或子页面刷新的拉模型;
2、基于HTTP长连接的推模型。
因为Ajax的“拉模型”,比较常见,这里给出基于HTTP长连接的“推模型”:
由三个页面组成:
chatmain.jsp 框架页面,引入两个Frame页面,并负责创建聊天室;
chatwnd.jsp 聊天信息窗口,负责用服务器推的方式显示所有人的聊天信息;
chatsender.jsp 聊天发送窗口,负责发送自己想说的话。
注意:本样例主要是为了说明 “基于长连接的推模型”,在聊天室完备性上完全不具有参考意义。
【chatmain.jsp 框架页面】
[html] view
plaincopy
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>
<%
// 这三句话只是为了防止浏览器缓存
response.setHeader("Cache-Control", "no-cache, no-store"); //HTTP 1.1
response.setHeader("Pragma", "no-cache"); //HTTP 1.0
response.setDateHeader("Expires", 0); //prevents caching at the proxy server
// 检查并按需创建“聊天室”
ArrayList<String> lstMsg = (ArrayList<String>) application.getAttribute("room");
if (lstMsg == null) {
application.setAttribute("room", new ArrayList<String>());
}
%>
<html>
<frameset rows="80%, 20%">
<frame src="chatwnd.jsp"></frame>
<frame src="chatsender.jsp"></frame>
</frameset>
</html>
【chatwnd.jsp 聊天信息窗口】
[html] view
plaincopy
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>
<%@ page import="java.io.*"%>
<html>
<h2>Welcome to the ChatRoom!</h2>
<%
// 这三句话只是为了防止浏览器缓存
response.setHeader("Cache-Control", "no-cache, no-store"); //HTTP 1.1
response.setHeader("Pragma", "no-cache"); //HTTP 1.0
response.setDateHeader("Expires", 0); //prevents caching at the proxy server
Integer myMsgPos = 0; // 记录最后显示消息的位置
ArrayList<String> lstMsg = (ArrayList<String>) application.getAttribute("room");
out.flush(); // 把之前的HTML信息都刷出去
PrintWriter pw = response.getWriter(); // 用PrintWriter取代JspWriter以便于检查Socket异常
try {
synchronized (lstMsg) {
while (true) { // 死循环,也就意味着本次HTTP请求不会结束
if (lstMsg.size() > myMsgPos) { // 检查有没有新的消息
// 循环显示所有新消息
System.out.println("Got new msg to push: "+(lstMsg.size()-myMsgPos));
for (int i = myMsgPos; i < lstMsg.size(); i++) {
String msg = lstMsg.get(i);
pw.write("<p>"+msg+"</p>");
}
if (pw.checkError()) { // 强制将输出缓冲区内容发送出去,并检查异常
System.out.println("IOException detected, JSP end.");
break; // 说明已经发生IOException(一般是浏览器页面关掉了)
}
myMsgPos = lstMsg.size(); // 更新最后显示的消息位置
}
System.out.println("Waiting new msg..." + out.getRemaining());
lstMsg.wait(); // 临时释放对lstMsg的独占(同步锁),等待新消息的到来
}
}
} catch (Exception ex) {
System.out.println(ex);
}
%>
</html>
【chatsender.jsp 聊天发送窗口】
[html] view
plaincopy
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="java.text.*" %>
<%
SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
// 这三句话只是为了防止浏览器缓存
response.setHeader("Cache-Control", "no-cache, no-store"); //HTTP 1.1
response.setHeader("Pragma", "no-cache"); //HTTP 1.0
response.setDateHeader("Expires", 0); //prevents caching at the proxy server
// 获取POST的“发言”
String msg = request.getParameter("msg");
if (msg!=null && msg.length()>0) {
msg = "[" + sdf.format(new Date()) + "]" + session.getId() + ": " + msg;
System.out.println(msg); // 调试跟踪用的信息
ArrayList<String> lstMsg = (ArrayList<String>) application.getAttribute("room");
synchronized (lstMsg) {
lstMsg.add(msg); // 消息放入池中(消息太多会溢出的,这里并没有进行处理)
lstMsg.notifyAll(); // 通知chatwnd.jsp们,有新的消息来了,可以推给浏览器了
}
}
%>
<!DOCTYPE unspecified PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<form method="post">
My Speak: <input name="msg" type="text" size="40" /> <input type="submit" />
</form>
</html>
那么BS的聊天系统,一般两种技术(各有优劣):
1、基于Ajax或子页面刷新的拉模型;
2、基于HTTP长连接的推模型。
因为Ajax的“拉模型”,比较常见,这里给出基于HTTP长连接的“推模型”:
由三个页面组成:
chatmain.jsp 框架页面,引入两个Frame页面,并负责创建聊天室;
chatwnd.jsp 聊天信息窗口,负责用服务器推的方式显示所有人的聊天信息;
chatsender.jsp 聊天发送窗口,负责发送自己想说的话。
注意:本样例主要是为了说明 “基于长连接的推模型”,在聊天室完备性上完全不具有参考意义。
【chatmain.jsp 框架页面】
[html] view
plaincopy
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>
<%
// 这三句话只是为了防止浏览器缓存
response.setHeader("Cache-Control", "no-cache, no-store"); //HTTP 1.1
response.setHeader("Pragma", "no-cache"); //HTTP 1.0
response.setDateHeader("Expires", 0); //prevents caching at the proxy server
// 检查并按需创建“聊天室”
ArrayList<String> lstMsg = (ArrayList<String>) application.getAttribute("room");
if (lstMsg == null) {
application.setAttribute("room", new ArrayList<String>());
}
%>
<html>
<frameset rows="80%, 20%">
<frame src="chatwnd.jsp"></frame>
<frame src="chatsender.jsp"></frame>
</frameset>
</html>
【chatwnd.jsp 聊天信息窗口】
[html] view
plaincopy
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>
<%@ page import="java.io.*"%>
<html>
<h2>Welcome to the ChatRoom!</h2>
<%
// 这三句话只是为了防止浏览器缓存
response.setHeader("Cache-Control", "no-cache, no-store"); //HTTP 1.1
response.setHeader("Pragma", "no-cache"); //HTTP 1.0
response.setDateHeader("Expires", 0); //prevents caching at the proxy server
Integer myMsgPos = 0; // 记录最后显示消息的位置
ArrayList<String> lstMsg = (ArrayList<String>) application.getAttribute("room");
out.flush(); // 把之前的HTML信息都刷出去
PrintWriter pw = response.getWriter(); // 用PrintWriter取代JspWriter以便于检查Socket异常
try {
synchronized (lstMsg) {
while (true) { // 死循环,也就意味着本次HTTP请求不会结束
if (lstMsg.size() > myMsgPos) { // 检查有没有新的消息
// 循环显示所有新消息
System.out.println("Got new msg to push: "+(lstMsg.size()-myMsgPos));
for (int i = myMsgPos; i < lstMsg.size(); i++) {
String msg = lstMsg.get(i);
pw.write("<p>"+msg+"</p>");
}
if (pw.checkError()) { // 强制将输出缓冲区内容发送出去,并检查异常
System.out.println("IOException detected, JSP end.");
break; // 说明已经发生IOException(一般是浏览器页面关掉了)
}
myMsgPos = lstMsg.size(); // 更新最后显示的消息位置
}
System.out.println("Waiting new msg..." + out.getRemaining());
lstMsg.wait(); // 临时释放对lstMsg的独占(同步锁),等待新消息的到来
}
}
} catch (Exception ex) {
System.out.println(ex);
}
%>
</html>
【chatsender.jsp 聊天发送窗口】
[html] view
plaincopy
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="java.text.*" %>
<%
SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
// 这三句话只是为了防止浏览器缓存
response.setHeader("Cache-Control", "no-cache, no-store"); //HTTP 1.1
response.setHeader("Pragma", "no-cache"); //HTTP 1.0
response.setDateHeader("Expires", 0); //prevents caching at the proxy server
// 获取POST的“发言”
String msg = request.getParameter("msg");
if (msg!=null && msg.length()>0) {
msg = "[" + sdf.format(new Date()) + "]" + session.getId() + ": " + msg;
System.out.println(msg); // 调试跟踪用的信息
ArrayList<String> lstMsg = (ArrayList<String>) application.getAttribute("room");
synchronized (lstMsg) {
lstMsg.add(msg); // 消息放入池中(消息太多会溢出的,这里并没有进行处理)
lstMsg.notifyAll(); // 通知chatwnd.jsp们,有新的消息来了,可以推给浏览器了
}
}
%>
<!DOCTYPE unspecified PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<form method="post">
My Speak: <input name="msg" type="text" size="40" /> <input type="submit" />
</form>
</html>
相关文章推荐
- 如何基于BS架构开发聊天程序
- 如何基于BS架构开发聊天程序
- 如何基于BS架构开发聊天程序
- 如何基于BS架构开发聊天程序
- RMI网络编程开发之二 如何搭建基于JDK1.5的分布式JAVA RMI 程序
- 用vs2008开发基于wince的程序如何直接运行在wince上
- nodejs开发中如何调试基于多进程的程序
- RMI网络编程开发之二 如何搭建基于JDK1.5的分布式JAVA RMI 程序
- Android蓝牙聊天程序的扩展开发(基于Google Sample,类QQ设计)
- 基于.Net平台开发的网页版实时聊天程序
- Android蓝牙聊天程序的扩展开发(基于Google Sample,类QQ设计)
- 基于Spring框架开发的Web程序,如何动态修改日志级别
- nodejs开发中如何调试基于多进程的程序
- RMI网络编程开发之二 如何搭建基于JDK1.5的分布式JAVA RMI 程序
- 如何让本地程序调用并处理基于Django所开发网站的数据库
- 如何基于Yarn开发你的分布式程序
- 基于VC 6.0 开发的MFC程序如何在文件资源管理器中浏览并选中操作文件
- RMI网络编程开发之二 如何搭建基于JDK1.5的分布式JAVA RMI 程序