本人最近在学习一个javaweb聊天项目,在这个项目中所要实现的功能比较简单:实现登陆之后可以在里面进行选择对象进行聊天,在线人数和在线人员名称都可以即时显示,信息message可以时时更新在每一个登录页面中,管理员admin具有把普通用户user踢下线的功能,而自己刚刚整合了SSM(struts+spring+mybatis)框架,并且通过maven进行jar包管理,在这里虽说不能很好体现框架的优势,但也是麻雀虽小五脏俱全。下图是项目后台的文件列表:
在这里,通过定义的监听器Mylistener使其在项目初始化的时候便声明一个Map<user,httpsession>,放在application中,用于在用户登录时保存用户相关信息,在管理员将用户踢下线的时候将Map中相对应的session的 invalidate()销毁并通过map.remove()清除即可,以下放在webchartAction中登录功能login()代码:
public String login() throws IOException{ List<user> list=new ArrayList<user>(); String username=request.getParameter("username"); String password=request.getParameter("password"); user user=new user(); user.setPassword(password); user.setUsername(username); session.setAttribute("username", username); list=userService.login(user); String message=""; if (null!=application.getAttribute("message")) { message=application.getAttribute("message") .toString(); } System.out.println(username+"进来了"); String i=username ; Map<user,HttpSession> userMap=(Map<user, HttpSession>) application.getAttribute("userMap"); if(list.size()>0){ String kk=list.get(0).getType(); session.setAttribute("type", kk); //判断list.get(0),即当前登录用户是否已经登录,若已经登录则不增加在线人数,并且不再重新保存session if (userMap.containsKey(list.get(0))!=true) { userMap.put(list.get(0), session); application.setAttribute("userMap", userMap); //记录在线人数 int j=userMap.entrySet().size(); application.setAttribute("mapcount",j); } message+= "系统公告:<font color='gray'>" + user.getUsername() + "走进了聊天室!</font><br>"; application.setAttribute("message", message); return "login_success"; } else return "login_fail"; }
管理员踢下线功能代码:
public String kick() throws IOException{ // 1.接收参数 System.out.println("管理员要踢人啦"); String username = request.getParameter("username"); List<user> list=userService.queryUserList(username); user user1=list.get(0); System.out.println(user1); // 2.踢人:从userMap中将用户对应的session销毁. // 获得userMap集合(在线列表) Map<user, HttpSession> userMap = (Map<user, HttpSession>)application.getAttribute("userMap"); // 获得这个用户对应的session.如何知道是哪个用户呢? id已经传递过来.去数据库中查询. // 重写user的equals 和 hashCode 方法 那么只要用户的id相同就认为是同一个用户 // 从map集合中获得用户的对应的session HttpSession session = userMap.get(user1); // 销毁session session.invalidate(); //从usermap中将此用户删除 userMap.remove(user1); //刷新在线人数 int j=userMap.entrySet().size(); application.setAttribute("mapcount",j); // 通过跳转到登录界面 return "login_success"; }
下图是前端的文件列表
以下是前端聊天界面的javascript中的代码
<script type="text/javascript"> var sysBBS = "<span style='font-size:14px; line-height:30px;'>欢迎光临心之语聊天室,请遵守聊天室规则,不要使用不文明用语。</span><br><span style='line-height:22px;'>"; window.setInterval("showContent();",1000); window.setInterval("showOnLine();",1000); window.setInterval("check();",1000); // 相当于window.onload $(function(){ showOnLine(); showContent(); check(); }); function check(){ $.post("<%=path%>/webchart/webchart_check.action",function(data){ if(data == 1){ // 提示用户下线了 alert("用户已经被踢下线了!"); // 回到登录页面!通过action跳转 window.location="webchart_loginfails.action"; } }); } // 显示在线人员列表 function showOnLine(){ // 异步发送请求 获取在线人员列表 // Jquery发送异步请求 $.post("<%=path%>/online.jsp?"+new Date().getTime(),function(data){ // $("#online") == document.getElementById("online"); $("#online").html(data); }); } // 显示聊天的内容 function showContent(){ $.post("<%=path%>/webchart/webchart_getMessage.action",function(data){ $("#content").html(sysBBS+data); }); } function set(selectPerson){ //自动添加聊天对象 if(selectPerson != "<%=session.getAttribute("username")%>"){ form1.to.value=selectPerson; }else{ alert("请重新选择聊天对象!"); } } function send(){ if(form1.to.value==""){ alert("请选择聊天对象!"); return false; } if(form1.content.value==""){ alert("发送信息不可以为空!"); form1.content.focus(); return false; } // $("#form1").serialize():让表单中所有的元素都提交. // jquery提交数据.{id:1,name:aa,age:25} $.post("<%=path%>/webchart/webchart_sendMessage.action",$("#form1").serialize(),function(data){ $("#content").html(sysBBS+data+"哈哈"+"</span>"); }); } function exit(){ alert("欢迎您下次光临!"); window.location.href="<%=path%>/index.jsp"; } function checkScrollScreen(){ if(!$("#scrollScreen").attr("checked")){ $("#content").css("overflow","scroll"); }else{ $("#content").css("overflow","hidden"); //当聊天信息超过一屏时,设置最先发送的聊天信息不显示 //alert($("#content").height()); $("#content").scrollTop($("#content").height()*2); } setTimeout('checkScrollScreen()',500); } </script>
在上面的代码中,window.setInterval()是保证页面在一定时间间隔内自动刷新,这样保证信息的及时显现,id为“content”的便是信息sysBBS+message展示页面;
以下代码是online.jsp中的table代码,用于展现现在人员的信息,并且通过判断用户的type是否为admin来决定是否可以出现踢下线的功能;
在这个项目中,因为刚开始做这些小项目,我遇到的问题有很多,列出几条:
- 信息及时刷新问题,虽说通过window.setInterval()解决了,但是总感觉这样比较浪费资源,不知道是否可以有更好的办法去解决这个问题;
- Map中的键值对<user,httpsession>获取问题,通过这个可以保存登陆者的很多信息,包括session,但是在编码的时候发现获取了user,也就是sessionid,但是却不能获取相对应的session,后来通过百度查资料才发现需要重写实体类中的tostring()和Hascode()方法,不然读取的session一直为空,这样在销毁的时候就会报错。
- 在这个项目中,前期一直用火狐浏览器进行测试,后来在判断用户类型是否为admin而可以有踢下线的功能的时候,在同一个浏览器中的session一直被最近一个登录者的session刷新,导致判断的用户type一直是显示最近登陆的用户type,当用两个不同浏览器登陆的时候,这个问题就得到了解决,管理员可以删除普通用户,而普通用户不可以,我猜测这应该是session共享问题,在同一台机器的同一个浏览器测试不同登录人员登录同一个项目,之前的session会被后者登录所用的session给冲掉,这个问题需要注意;
首次发博客,内容表述不够严谨,如果所讲述内容有二解,望能共同探讨;