任务：

先上实现效果图：

登陆界面：

index.jsp:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title> new document </title>

  <meta charset="utf-8"/>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <style type="text/css">

  body {

	FONT-SIZE: 9pt;

	margin:0px;

}

td {

	font-size: 9pt; line-height:144%;text-align:center;

}

a:hover {

	font-size: 9pt;	color: #FF6600;

}

a {

	font-size: 9pt;	text-decoration: none;	color: #777777;

}

.btn_grey {

	font-family: "宋体";	font-size: 9pt;color: #333333;

	background-color: #eeeeee;cursor: hand;padding:1px;height:19px;

	border-top: 1px solid #FFFFFF;border-right:1px solid #666666;

	border-bottom: 1px solid #666666;border-left: 1px solid #FFFFFF;

}

.btn_orange {

	font-family: "宋体";	font-size: 9pt;color: #FFFFFF;

	background-color: #FF6600;cursor: hand;padding:1px;height:19px;

	border-top: 1px solid #FF6600;border-right:1px solid #666666;

	border-bottom: 1px solid #666666;border-left: 1px solid #FF6600;

}

.btn_blank {

	font-family: "宋体";	font-size: 9pt;color: #FFFFFF;

	background-color: #000000;cursor: hand;padding:1px;height:19px;

	border-top: 1px solid #000000;border-right:1px solid #666666;

	border-bottom: 1px solid #666666;border-left: 1px solid #000000;

}

.word_dark {

	font-size: 9pt;

	color: #313131;

	text-align:center;

}

.word_login{

	font-size:9pt;

	color:#7E5A03;

}

.word_orange {

	font-size: 9pt;

	color: #FF6600;

}

.word_white {

	font-size: 9pt;

	color: #FFFFFF;

}

.txt_grey {

	font-family: "宋体";

	font-size: 9pt;

	color: #333333;

	border: 1px solid #999999;

	width:110;

}

input {

	font-family: "宋体";

	font-size: 9pt;

	color: #333333;

	border: 1px solid #999999;

}

.wenbenkuang {

	font-family: "宋体";

	font-size: 9pt;

	color: #333333;

	border: 1px solid #999999;

}

.noborder{

border:none;

}

.tableBorder {

	border: #B5DCA0 1px solid;

}

.tableBorder_lr{

	border:1px solid #B5DCA0 ;

	border-bottom-style:none;

	border-Top-style:none;

}

.tableBorder_lrb{

	border:1px solid #B5DCA0 ;

	border-Top-style:none;

}

  </style>

<script language="javascript">

function check(){

	if(form1.username.value==""){

		alert("请输入用户名！");form1.username.focus();return false;

	}else if(form1.username.value=="\'"){

		alert("请不要输入非法字符！");form1.username.focus();return false;

	}

}

</script>

 </head>

 <body>

 <form name="form1" method="post" action="MessagesAction?action=loginRoom" onSubmit="">

    <table width="363" height="223"  border="0" align="center" cellpadding="0" cellspacing="0" background="images/login.gif">

      <tr>

        <td height="120" colspan="3" class="word_dark"><h1>小都聊天室</h1></td>

      </tr>

      <tr>

        <td width="53" height="23" align="center" valign="top" class="word_dark"> </td>

        <td width="216" align="center" valign="top" class="word_dark">用户名：

<input name="username" type="text" maxlength="20">

<input name="ip" type="hidden" value="<%= request.getRemoteHost()%>"></td>

        <td width="94" valign="top" class="word_dark"><input type="image" name="imageField" src="data:images/go.jpg"></td>

      </tr>

      <tr><td colspan="3" valign="bottom" style="padding:5px">你的IP是：<%= request.getRemoteHost()%></td></tr>

 </table>

</form>

 </body>

</html>

Java之聊天室系统设计一的更多相关文章

  1. Java之聊天室系统设计二

    服务器端: 浏览器端:

  2. Java Socket聊天室编程(二)之利用socket实现单聊聊天室

    这篇文章主要介绍了Java Socket聊天室编程(二)之利用socket实现单聊聊天室的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下 在上篇文章Java Socket聊天室编程(一)之 ...

  3. Java Socket聊天室编程(一)之利用socket实现聊天之消息推送

    这篇文章主要介绍了Java Socket聊天室编程(一)之利用socket实现聊天之消息推送的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下 网上已经有很多利用socket实现聊天的例子了 ...

  4. Java NIO 聊天室实例

    最近写了个Java NIO聊天室聊天的程序,NIO学习起来比较困难的,我的代码能给大家起到一个抛砖引玉的作用! 服务端: package test.javanio; /** * @author * @ ...

  5. Java简单聊天室

    实现Java简单的聊天室 所用主要知识:多线程+网络编程 效果如下图 /** * * @author Administrator * * 简单的多人聊天系统——重点:同时性,异步性 * 1.客户端:发 ...

  6. Unity手游之路<三> 基于Unity+Java的聊天室源码

    http://blog.csdn.net/janeky/article/details/17233199 项目介绍 这是一个简单的Unity项目,实现最基本的聊天室群聊功能.登录聊天室后,用户可以输入 ...

  7. Netty聊天室（2）：从0开始实战100w级流量应用

    目录 客户端 Client 登录和响应处理 写在前面 客户端的会话管理 客户端的逻辑构成 连接服务器与Session 的创建 Session和 channel 相互绑定 AttributeMap接口的 ...

  8. Netty聊天室-源码

    目录 Netty聊天室 源码工程 写在前面 [百万级流量 聊天室实战]: [分布式 聊天室] [Spring +Netty]: [Netty 原理] 死磕 系列 [提升篇]: [内力大增篇]: 疯狂创 ...

  9. Netty 仿QQ聊天室 (实战二)

    Netty 聊天器(百万级流量实战二):仿QQ客户端 疯狂创客圈 Java 分布式聊天室[ 亿级流量]实战系列之15 [博客园 总入口 ] 源码IDEA工程获取链接:Java 聊天室 实战 源码 写在 ...

随机推荐

  1. jmeter使用代理服务器录制脚本端口号被占用

    初学jmeter工具,在设置端口号时,使用8080,IE设置的局域网端口也为8080,启动代理服务器时,提示:Could not create script recorder-port in use. ...

  2. 批处理delims分割时遇到的问题。。

    今天写了个将文件每行按逗号分割并取第六行的批处理.但是结果不对.看图一目了然. for 循环的/f 后面的参数是这样的 然后文件的内容是这样的 亮点是倒数第二行..其实6才是第六列的值.其他行第六列都 ...

  3. Linux服务器上监控网络带宽命令

    本文介绍了一些可以用来监控网络使用情况的Linux命令行工具.这些工具可以监控通过网络接口传输的数据,并测量目前哪些数据所传输的速度.入站流量和出站流量分开来显示. 一些命令可以显示单个进程所使用的带 ...

  4. C++ 对象的sizeof问题

    需要补充.. 1. 注意虚函数的指针占4个字节.(当然是32位机器) #include <cstdlib> #include <ctime> #include <iost ...

  5. XVII Open Cup named after E.V. Pankratiev Stage 14, Grand Prix of Tatarstan, Sunday, April 2, 2017 Problem D. Clones and Treasures

    题目:Problem D. Clones and TreasuresInput file: standard inputOutput file: standard outputTime limit: ...

  6. 谈面向对象的编程（Python）

    (注:本文部分内容摘自互联网,由于作者水平有限,不足之处,还望留言指正.) 今天中秋节,也没什么特别的,寻常日子依旧. 谈谈面向对象吧,什么叫面向对象? 那么问题来了,你有对象吗?   嗯,,,那我可 ...

  7. python文件和目录操作方法

    一.python中对文件.文件夹操作时经常用到的os模块和shutil模块常用方法.1.得到当前工作目录,即当前Python脚本工作的目录路径: os.getcwd()2.返回指定目录下的所有文件和目 ...

  8. timestamp类型在jsp页面输出格式化方法

    jsp页面使用了iterator迭代器,迭代器中有个属性名字为time,其类型为timestamp类型的,至于为什么是这个类型嘛,就是用navicat建好数据库直接映射出来的实体类,所以就是这个类型啦 ...

  9. context.Request方法总结

    Request.Params为获取的包含上述两种集合外,还包括当前运行环境变量,COOKIES等的集合.Request.QueryString["param"] getReques ...

  10. c# c++通信--命名管道通信

    进程间通信有很多种,windows上面比较简单的有管道通信(匿名管道及命名管道) 最近做个本机c#界面与c++服务进行通信的一个需求.简单用命名管道通信.msdn都直接有demo,详见下方参考. c+ ...