网络聊天室
设计聊天室,在聊天室中,需要通过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