任务：

先上实现效果图：

登陆界面：

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. VMware 虚拟机 Ubuntu 不能全屏问题

    在刚安装完ubuntu后,屏幕不能全屏显示,此时: 1.安装VMware Tools 步骤: 1.1     进入ubuntu系统后,点击虚拟机上的[虚拟机]->[安装 vmware tools ...

  2. windows脚本-CMD和Batch

    一.DOS,CMD和batch DOS是磁盘操作系统(英文:Disk Operating System)的缩写,是个人计算机上的一类操作系统.从1981年直到1995年的15年间,DOS在IBM PC ...

  3. 小tip: 使用SVG寥寥数行实现圆环loading进度效果

    二.正文 设计师设计了一个图片上传圆环loading进度效果.如下截图: 首先,CSS3是可以实现的,以前写过一篇转大饼的文章:“CSS3实现鸡蛋饼饼状图loading等待转转转”.原理跟这个一模一样 ...

  4. 修改SQL Service数据库排序规则

    修改数据库 alter   database   KidsPang   COLLATE   Chinese_PRC_CI_AS 修改表中字段ALTER TABLE [Member] ALTER COL ...

  5. Linux系统——账号管理

    用户账号管理 分类: 超级用户 root uid=0 gid=0 权限最大 普通用户 uid=>500 ,一般权限的系统管理 程序用户 1=<uid,为了提升系统安全性,支持所对应服务对系 ...

  6. ECMAScript与JavaScript

    ECMAScript发展史: 1997 1998.6 1999.12 2008.7 2009.12 2015.61996年11月 javaScript创造者Netscape公司将javaScript提 ...

  7. 学会JS的this这一篇就够了

    转自:http://www.imooc.com/article/1758 以前看某本书上讲: 掌握了JS中this的用法才算真正的跨过了JS的门槛 我深以为是!但是JS的this却并不是那么简单的内容 ...

  8. DataTables VS EasyUI DataGrid 基础应用 转

    DataTables中文网推出了 第一篇 关于DataTables和其他表格插件比较后,为了把让这个比较更有意义,更能帮助到大家,DataTables中文网 做了问卷调查,根据小伙伴们的填写我归纳了一 ...

  9. python在CentOS 7中的安装

    CentOS 7 中默认安装了python2.7.5,可能部分开发人员需要使用python3系列的产品,因为版本不“向下”兼容,诸如print函数,因此需要对于不同的项目进行python版本之间的切换 ...

  10. linux下 安装php的gettext模块

    安装php的模块有两种方式: 一.重新编译php,加上--with-gettext 二.动态安装 现在说下第二个动态安装 1.下载同版本的php原包,解压后进入ext目录,目录下便是模块 2.进入ge ...