网络聊天室

网络聊天室

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

 

猜你喜欢

转载自leaf-stop.iteye.com/blog/2297616