网络聊天室
设计聊天室,在聊天室中,需要通过JSP内置对象来实时保存特定数量的当前聊天信息。
聊天室的设计包括:用户进行登录,选择聊天室,进行聊天,退出聊天室。 在聊天室中,用户只需输入一个用户名就可以进入聊天室。
具体要求:
1.用户登录成功后,程序会要求用户选择聊天室。私聊和公聊。
2.进入聊天室后,用户可以从用户信息窗口看到该聊天室中所有用户的用户名,也可以在聊天窗口中看到随时更新的聊天信息。用户可以给所有人或某一个聊天用户发送公共的聊天信息,这个聊天内容大家都可以看到。用户也可以给某个用户发送私人的聊天信息,这种信息属于私聊信息,只有发送者和接收者可以看到。
3.在用户单击“退出”按钮后,页面关闭。
三、实验方法
1、用户登录信息使用request对象getParameter()方法得到用户登陆的一些信息;
2、公聊信息,私聊信息可以使用JSP内置对象。
3、聊天的信息要不断刷新页面,使用户实时看到聊天信息。
4、用户退出时:用户点击“退出”按钮。
部分重要代码展示:
login.jsp登录
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>用户登录</title> <style type="text/css"> table { background: url(4.jpg) no-repeat; } </style> <script language="javascript"> //javascript check函数,用于检查表单中输入的用户昵称和登录密码是否为空 function check() { if (document.form.username.value == '') { alert("用户昵称不能为空!"); document.form.username.focus(); return false; } else if (document.form.pwd.value == '') { alert("登录密码不能为空"); document.form.pwd.focus(); return false; } else return true; } </script> </head> <% request.setCharacterEncoding("utf-8"); %> <body> <form action="chklogin.jsp" method="post" name="form" onSubmit="return check()"> <table align="center" cellpadding="0" cellspacing="0" border="0" width="500"> <tr> <td height="100" colspan="2" style="font-size: 30px; font-weight: bold;" align="center"> 用户登录</td> </tr> <tr> <td width="180" align="right" height="30">用户名:</td> <td><input type="text" name="username"></td> </tr> <tr> <td align="right" height="30">密 码 :</td> <td><input type="password" name="pwd"></td> </tr> <tr> <td colspan="2" align="center" height="30"><input type="submit" value="登录"> <input type="reset" value="取消"></td> </tr> <tr> <td height="50" align="center" colspan="2" style="color: red"> 本聊天系统无须注册,可直接登录。</td> </tr> </table> </form> </body> </html>
userList.jsp用户列表
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <html> <head> <%@ page import="java.util.*"%> <%@include file="chkSession.jsp"%> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- 在这里设置,每8秒钟刷新一次页面--> <meta http-equiv="refresh" content="8"> <script language="JavaScript" type=""> //javascript函数,实现用户选择特定聊天用户发送消息 function PerformSubmit(user) { parent.inputFrame.chatForm.msgTo.value=user; return false; } </script> </head> <body bgcolor="yellow"> <% request.setCharacterEncoding("utf-8"); %> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="32" align="center">欢迎来到网络聊天室!</td> </tr> <tr> <td height="32" align="center">在线人员</td> </tr> <tr> <td height="23" align="center"><a href="#" onclick=PerformSubmit("所有人")>所有人</a></td> </tr> <% if (session.getAttribute("username") != null) { HashSet set = (HashSet) session.getAttribute("username"); Iterator<String> iter = set.iterator(); while (iter.hasNext()) { String obj = iter.next(); %> <tr> <td height="23" align="center"><a href="#" onclick=PerformSubmit("<%=obj%>")><%=obj%></a><br /></td> </tr> <% } } %> </table> </body> </html>
chklogin.jsp数据的处理
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.util.*"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>聊天用户登录</title> </head> <body> <% request.setCharacterEncoding("utf-8"); %> <%!HashSet<String> set = new HashSet<String>();%> <% //获取用户昵称 String username = request.getParameter("username"); //登录成功将昵称保存到session中 session.setAttribute("name", username); set.add(username); //登录成功将昵称保存到set中 session.setAttribute("username", set); //获取用户密码 String pwd = request.getParameter("pwd"); Date d = new Date(); session.setAttribute("loginDate", d); //在session中添加一个登录成功的标记 session.setAttribute("login", "success"); //转到聊天室选择页面 response.sendRedirect("chatRoom.jsp"); %> </body> </html>
sendMsg.jsp发信息
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <%@page import="java.util.*" %> <%@page import="yt.Message" %> <html> <head> <title>发送信息</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> </head> <body> <% request.setCharacterEncoding("utf-8"); %> <%String from=request.getParameter("from"); // System.out.println(from); //接收用户输入的聊天信息以及用户选择的信息显示颜色,是否悄悄话,聊天对象 String msgContent=request.getParameter("msg");// 发送信息 // System.out.println(msgContent); String msgTo =request.getParameter("msgTo");//选择聊天对象,只读属性,如果不选择聊天对象表示对所有人 String secret = request.getParameter("secret");//选择是否悄悄话 Date d1=new Date(); Message message=new Message(); message.setMsgFrom(from); message.setMsgTo(msgTo); message.setSecret(secret); message.setMsgContent(msgContent); message.setDate(d1); sendMessage(message); %> <%! ArrayList<Message> v=new ArrayList<Message>(); ServletContext application; synchronized void sendMessage(Message message) { application=getServletContext(); v.add(message); application.setAttribute("Mess",v); } %> <% response.sendRedirect("show.jsp");%> </body> </html>
show.jsp显示信息
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.util.*"%> <%@ page import= "java.text.SimpleDateFormat"%> <%@page import="yt.Message"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> #right{ width:510px; float:left; } #left{ width:510px; float:left; } </style> </head> <meta http-equiv="refresh" content="1"> <body background="4.jpg"> <div id="right"> <span>欢迎来到公聊聊天室</span> <br> <% request.setCharacterEncoding("utf-8"); %> <% //String from = (String) session.getAttribute("from"); //System.out.println(from); String to=(String)session.getAttribute("name"); // System.out.println(to); Date loginDate = (Date) session.getAttribute("loginDate"); ArrayList<Message> show = new ArrayList<Message>(); ArrayList v = (ArrayList) application.getAttribute("Mess"); if (v != null) { for (int i = 0; i < v.size(); i++) { Message message = (Message) v.get(i); if(message.getDate().compareTo(loginDate)>=1){ if(message.getSecret().equals("false")){ show.add(message); //System.out.print("gongliao"+message.getMsgFrom()+message.getMsgTo()); } } } } application.setAttribute("Show", show); ArrayList list = (ArrayList) application.getAttribute("Show"); if (list != null) { for (int i = 0; i < list.size(); i++) { Message message = (Message) list.get(i); SimpleDateFormat f=new SimpleDateFormat("yyyy年MM月dd日 hh:mm:ss"); String time=f.format(message.getDate()); out.print(time + ":" + " " + message.getMsgFrom() + "对" + message.getMsgTo() + "说:" + message.getMsgContent() + "<BR>"); } } %> </div> <div id="left"> <span>欢迎来到私聊聊天室</span> <br> <% ArrayList<Message> show1 = new ArrayList<Message>(); //ArrayList v = (ArrayList) application.getAttribute("Mess"); if (v != null) { for (int i = 0; i < v.size(); i++) { Message message = (Message) v.get(i); if(message.getDate().compareTo(loginDate)>=1){ if(message.getSecret().equals("true")){ show1.add(message); // System.out.print("siliao"+message.getMsgFrom()+message.getMsgTo()); } } } } application.setAttribute("Show", show1); ArrayList list1 = (ArrayList) application.getAttribute("Show"); if (list1 != null) { for (int i = 0; i < list1.size(); i++) { Message message = (Message) list1.get(i); SimpleDateFormat f=new SimpleDateFormat("yyyy年MM月dd日 hh:mm:ss"); String time=f.format(message.getDate()); if(message.getMsgFrom().equals(to)||message.getMsgTo().equals(to)){ out.print(time + ":" + " " + message.getMsgFrom() + "对" + message.getMsgTo() + "说:" + message.getMsgContent() + "<BR>"); } } } %> </div> </body> </html>
leave.jsp离开
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.util.*"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>logout.jsp</title> </head> <body> <% request.setCharacterEncoding("utf-8"); %> <% HashSet set = (HashSet) session.getAttribute("username"); System.out.print(set); String name = (String) session.getAttribute("name"); //System.out.print(name); if (name != null) { set.remove(name); session.setAttribute("username", set); } //设置session失效 session.invalidate(); //跳转到聊天室登录界面 response.sendRedirect("login.jsp"); %> </body> </html>
最终结果显示:
用几个不同的浏览器打开聊天室,实现多人聊天,后来进入的人不能看到之前的信息,私聊只会出现在私聊双方的页面上,其他人看不到。
具体实现的代码上传至附件Jspwork401.zip