任务：

先上实现效果图：

登陆界面：

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. php内存溢出，出现Allowed memory size of 8388608 bytes exhausted错误的解决办法

    是因为php页面消耗的最大内存默认是为128M (在PHP的ini件里可以看到) ,如果文件太大或图片太大在读取的时候会发生上述错误. 解决办法: 1.修改 php.ini 将memory_limit ...

  2. 手把手教你发布自己的 Composer 包

    一.前言 Composer 是 PHP 用来管理依赖(dependency)关系的工具.我们不仅要学会使用别人提供的包,更要学会制作和分享自己的软件包,下面演示如何创建一个自己的 Composer 包 ...

  3. AngularJS 笔记系列（四）控制器和表达式

    控制器:在 Angular 中控制器是一个函数,用来向作用域中添加额外的功能.我们用它来给作用域对象设置初始状态,并添加自定义行为. 使用方法: var app = angualr.module('a ...

  4. Delphi FastReport动态加载图片 (转载)

    以前用FastReport制作报表,从来没有打印过图片,这段时间做了个打印个人简历的程序,需要打印照片.试着在frreport模板中加载照片没 问题,可是想要动态的装载照片要怎么做呢,我的要求是将个人 ...

  5. PHP闭包（Closure）初探（转载 http://my.oschina.net/melonol/blog/126694?p=2#comments）

    匿名函数 提到闭包就不得不想起匿名函数,也叫闭包函数(closures),貌似PHP闭包实现主要就是靠它.声明一个匿名函数是这样: ? 1 2 3 $func = function() {       ...

  6. [Windows Powershell]-学习笔记（2）

    数学运算 我们可以把powershell当成一个计算器.如键入命令行那样输入数学表达式,回车,powershell会自动计算并把结果输出.常用的加减乘除模(+,-,*,/,%)运算和小括号表达式都支持 ...

  7. maven安装配置参数化打包命令

    Maven使用 maven的配置文件看似很复杂,其实只需要根据项目的实际背景,设置个别的几个配置项而已.maven有自己的一套默认配置,使用者除非必要,并不需要去修改那些约定内容.这就是所谓的“约定优 ...

  8. [转]运动检测（前景检测）之（二）混合高斯模型GMM

    转自:http://blog.csdn.net/zouxy09/article/details/9622401 因为监控发展的需求,目前前景检测的研究还是很多的,也出现了很多新的方法和思路.个人了解的 ...

  9. java获得两个日期之间的所有月份

    private static List<String> getMonthBetween(String minDate, String maxDate) throws ParseExcept ...

  10. MyEclipse6.5注册

    貌似现在用MyEclipse6.5的人已经不多了,网上的大部分也都已过期,怀旧的人如果想快速得到一个MyElicpse6.5的注册码 Subscriber: dw008 Subscription Co ...