Web小应用---网页聊天室

应用解析：当不同IP的用户登录挂载在服务器上的网页聊天室时，就可以即时得进行像QQ一样的文字聊天，进行即时通信。

代码：

<%@ page language="java" contentType="text/html;charset=gb2312"  %>
<html>
<body style=background-color:green >
<marquee behavior="scroll" direction="right"><font color="black">欢迎光临！</font></marquee>
<h1 align="center">欢迎进入登录室</h1>
<hr color="red"  />
<script type="text/javascript"> function denglu(){  if(document.getElementsByName("username")[0].value==""){  alert("账号不能为空!"); document.getElementsByName("username")[0].focus();return false;}  if(document.getElementsByName("password")[0].value==""){  alert("密码不能为空!");  document.getElementsByName("password")[0].focus();return false;}  }  </script>
<form name="form1" method="post" action="main.jsp">
<p align="center">
用户名：<input type="text" name="username" > <br/>
密    码： <input type="password" name="password"> <br/>
<input type="submit" value="登录" οnclick="return denglu();" />
<input type="reset" value="重置">
</p>
</form></body>
</html>

main.jsp

<%@ page language="java" contentType="text/html;charset=utf-8"  %>
<html>
<head></head><frameset rows="90%,10%"><frame src="display.jsp" name="top"></frame><frame src="sponse.jsp" name="bottom"></frame></frameset>
<%request.setCharacterEncoding("gbk");String username=(String)request.getParameter("username");session.setAttribute("username", username);%>
</html>

sponse.jsp

<%@ page language="java" contentType="text/html;charset=gb2312"  %>
<html>
<head>
<script type="text/javascript">function sendMsg(){if(form3.message.value==""){alert("不能发送空消息！");return false;}}</script>
</head>
<body style=background-color:green ><form name="form3" method="post" action="display.jsp" target="top" οnsubmit="return sendMsg()" >
<p align="center">
<input type="text" name="message" style="width:600px">
<input type="submit" value="我要留言" >
<input type="reset" value="清除">
</p>
</form></body>
</html>

display.jsp

<%@ page language="java" contentType="text/html;charset=utf-8" import="java.util.*" import="java.text.SimpleDateFormat"  %>
<html>
<meta http-equiv="refresh" content="1">
<body style=background-color:green >
<h1 align="center">欢迎进入聊天室</h1>
<hr color="red"  />
<form name="form2" method="post" >
<%request.setCharacterEncoding("gbk");//获取用户名String username =(String) session.getAttribute("username"); //获取发言内容String message = request.getParameter("message");String show = (String) application.getAttribute("show");//保存历史记录SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");Date date = new Date();String time = format.format(date);String Message = username + "在" + time + "说：" + message + "<br>";//application.setAttribute("message", message);if (message!=null) {//message = username + "在" + time + "说：" + message + "<br>";if (application.getAttribute("show") != null){application.setAttribute("show", Message+ "<br>" +application.getAttribute("show").toString());}else{application.setAttribute("show",Message);}} out.println(application.getAttribute("show")); %>
</form>
</body>
</html>

登陆窗口：

聊天窗口截图：

梁主任：

海哥：

总结：该种功能也可以用在网页留言上，用session会话保存数据，用户已登录就可以查看历史留言。

Web小应用---网页聊天室相关推荐

java web 聊天室_Java和WebSocket开发网页聊天室
小编心语:咳咳咳,今天又是聊天室,到现在为止小编已经分享了不下两个了,这一次跟之前的又不大相同,这一次是网页聊天室,具体怎么着,还请各位看官往下看~ 一.项目简介WebSocket是HTML5一种新的 ...
基于SSM的Web网页聊天室系统设计与实现毕业论文+项目源码及数据库文件、
下载地址:https://download.csdn.net/download/ouyangxiaobai123/22679732 项目介绍: 基于SSM的Web网页聊天室系统设计与实现毕业论文+项 ...
基于WebSocket实现网页聊天室
背景在浏览器中通过http仅能实现单向的通信,comet可以一定程度上模拟双向通信,但效率较低,并需要服务器有较好的支持; flash中的socket和xmlsocket可以实现真正的双向通信,通过 ...
WebSocket 网页聊天室的实现（服务器端：.net + windows服务，前端：Html5）
websocket是HTML5中的比较有特色一块,它使得以往在客户端软件中常用的socket在web程序中也能轻松的使用,较大的提高了效率.废话不多说,直接进入题. 网页聊天室包括2个部分,后端服务器 ...
微信小程序websocket聊天室
背景最近做了一个微信小程序的即时通讯功能,之前我也做过node.js的websocket服务,不过是在web端应用的socket.io服务.小程序本身对http.websocket等连接均有诸多限制 ...
Java和WebSocket开发网页聊天室
一.项目简介 WebSocket是HTML5一种新的协议,它实现了浏览器与服务器全双工通信,这里就将使用WebSocket来开发网页聊天室,前端框架会使用AmazeUI,后台使用Java,编辑器使用U ...
网页聊天室的开发笔记
因为参加比赛,需要在网页系统中集成一个网页聊天室的功能,想着自己完整地开发一个.想起最开始学习java基础的时候,最后的作业就是利用java开发一个类似qq的在线聊天软件,但是,当时虽然有老师带着一步 ...
基于flask的网页聊天室（一）
基于flask的网页聊天室(一) 基于flask的网页聊天室(一) 基本目标基于flask实现的web聊天室,具有基本的登录注册,多人发送消息,接受消息扩展目标除基本目标外添加当前在线人数,消息 ...
使用WebSocket实现网页聊天室
使用WebSocket实现网页聊天室一.文章导读服务器推送你还在使用轮询吗?本文将带你领略WebSocket的魅力,轻松实现服务器推送功能.本文将以下面两方面让你理解WebSocket并应用到具体 ...
如何使用WebSocket实现网页聊天室？
一.文章导读服务器推送你还在使用轮询吗?本文将带你领略WebSocket的魅力,轻松实现服务器推送功能.本文将以下面两方面让你理解WebSocket并应用到具体的开发中 WebSocket概述使用 ...

Web小应用---网页聊天室

Web小应用---网页聊天室相关推荐

最新文章

热门文章