任务：

先上实现效果图：

登陆界面：

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. dos常用命令【总结】

    win7下有很多有用的dos命令,现在总结如下: 延伸:Linux常用命令[总结] 命令 作用 其他 ping 检查和另一台主机的连通性  ping  127.0.0.1   telnet 检查连通性 ...

  2. js如何转义和反转义html特殊字符

    “<”如何反转义为“<”,“>”如何反转义为“>”,下面就介绍如何用js来实现这种类似的操作. //HTML转义 function HTMLEncode(html) { var ...

  3. java script 的工具

    1.Jsbeautifier 这个微型的美化器可以重新调整 bookmarklet 和丑陋的JavaScript的格式和缩进,也可以对使用流行的 Dean Edward 的 Packer 打包的脚本进 ...

  4. layer插件的常用实例

    layer.msg(提示信息, {time:1000, icon:5, shift:6}, 回调方法); layer.alert(提示信息, function(index){ // 回调方法 laye ...

  5. debian 如何切换为root用户

    debian 如何切换为root用户   debian 如何切换为root用户 sudo su 输入命令后提示输入密码,输入密码切换为root用户

  6. Mvc ModelState.isValid为false时，检查时那个字段不符合规则的代码

    List<string> sb = new List<string>(); //获取所有错误的Key List<string> Keys = ModelState. ...

  7. modelform 使用

    modelForm (1) model的知识点: class UserInfo(AbstractUser): tel = models.CharField(max_length=32) gender ...

  8. 【Android】WebView读取本地图片

    背景 咱的博客园APP,是通过一个WebView来展示新闻的详情的.新闻必然是图文并茂的,无论是支持离线缓存还是加速新闻的打开速度, 都需要咱们打通本地存储与WebView之间的桥梁. 思路 1:首先 ...

  9. cocos2d-x 3.3 引用【#include "cocos-ext.h"】头文件出现编译错误

    添加[#include "cocos-ext.h"] 头文件后报错 f:\projects\test_httpclient\cocos2d\extensions\gui\cccon ...

  10. testng失败截图，注解方式调用。

    今天一整天都在研究testng失败截图的方法,参考网上的前辈们的资料,加上自己的理解,终于搞出来了. package com.dengnapianhuahai; /** * 自定义注释 * */ im ...