任务：

先上实现效果图：

登陆界面：

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. 015-HQL中级5-hive创建索引

    索引是hive0.7之后才有的功能,创建索引需要评估其合理性,因为创建索引也是要磁盘空间,维护起来也是需要代价的 创建索引 hive> create index [index_studentid ...

  2. 使用python操作json文本文件

    使用python读写文本文件内容时,我们知道如果文本文件里的内容无规律,那么修改起来比较麻烦.但是如果文本文件存储是有规律的,比如JSON格式,在利用python内置的函数把JSON格式的数据转成py ...

  3. 20165324 《Java程序设计》第八周学习总结

    学号 20165324 <Java程序设计>第八周学习总结 教材学习内容总结 第十二章 Java多线程机制 进程与线程 进程是程序的一次动态执行过程:线程是比进程更小的执行单位 线程的状态 ...

  4. B-、B+、B*树

    B-树:多路搜索树,每个结点存储M/2到M个关键字,非叶子结点存储指向关键字范围的子结点:所有关键字在整颗树中出现,且只出现一次,非叶子结点可以命中: B+树:在B-树基础上,为叶子结点增加链表指针, ...

  5. hadoop开发setjar方法

    屏蔽 //job.setJar("/Users/sumeng/IdeaProjects/cloudHadoop/out/artifacts/cloudHadoop_jar/cloudHado ...

  6. Django学习笔记之利用Form和Ajax实现注册功能

    一.注册相关的知识点 1.Form组件 我们一般写Form的时候都是把它写在views视图里面,那么他和我们的视图函数也不影响,我们可以吧它单另拿出来,在应用下面建一个forms.py的文件来存放 2 ...

  7. 微信企业号的JAVA开发平台

    JEEWX 微信企业号平台 - 开源|免费 JEEWX 微信企业号平台,是基于JEECG3.6.3版本开发,采用插件方式提供,如果你的系统采用JEECG3.6.3版本开发,可以轻松集成JEEWX微信企 ...

  8. 《Java程序设计》实验1实验报告

    20145318 <Java程序设计>实验1实验报告 实验题目 通过对500个数据进行操作,实现快速排序.选择排序.直接插入排序算法时间复杂度的比较:并在排序数据中快速查找某一数据,给出查 ...

  9. 20145321 《Java程序设计》第8周学习总结

    20145321 <Java程序设计>第8周学习总结 教材学习内容总结 第十五章 时间与日期 15.1 日志 1.使用日志的起点是Logger类,要取得Logger类,必须使用Logger ...

  10. 20145321 《Java程序设计》第3周学习总结

    20145321 <Java程序设计>第3周学习总结 教材学习内容总结 第四章 4.1 类与对象 1.定义类:类定义时用关键词 class. 一个原始码中可以有多个类定义,但只能有一个公开 ...