javaweb:在线聊天网站

前言：
最近学了一堆网页相关的内容，html,js,jquery,javaweb,servlet,websocket等东西，所以就试着集合起来写个简单的网页，于是就决定就是你了：在线聊天网站。
而且还写了3个版本。。。
版本1：全是用的jsp写，不过发现jsp把网页代码和连接后台的代码都混在一起，感觉不好（可能是自己写得渣。。。），所以后面都没用jsp
版本2：写的时候不知道websocket，聊天信息更新是用的长轮询
版本3：版本2后面的时候查到有websocket，就有了下面这个
ps.版本2、3都是html+css+js+servlet

项目名称：在线聊天网站

项目代码：http://download.csdn.net/detail/name_z/9396909
（上面资源的资源简介中的创建数据库的代码有点错误，上传了没法修改…，以下面创建数据库代码为准，就是把tbUser中的keyword改为password就好了）
里面是整个eclipse创建的项目，直接导入eclipse可以了
使用该项目需要的数据库（MySQL）创建代码：

create table tbUser
(
    name varchar(10) not null,
    password char(20) not null,
    primary key(name)
)CHARACTER SET 'utf8'
COLLATE 'utf8_general_ci';
#其实还有另外一个表（存储聊天信息），不过后面写的时候忘记把聊天信息保存进数据库，所以其实可以不用管（程序里没用到），另一个表信息是：
create table tbConnection
(
    id int not null,
    orignName varchar(10) not null,
    targetName varchar(10) not null,
    content varchar(255) not null,
    date datetime not null,
    primary key(id),
    foreign key(orignName) references tbUser(name),
    foreign key(targetName) references tbUser(name)
)CHARACTER SET 'utf8'
COLLATE 'utf8_general_ci';

用到的知识和工具

工具：

1.tomcat8.0
2.eclipse for javaee
3.jdk1.8
4.mysql

涉及知识：

1.html
2.javascript+jquery
3.css
4.java
5.servlet+listener
6.websocket
7.mysql+sql

网页功能

1.提供登陆和注册功能
2.提供已登陆用户注销功能（退出当前帐户）
3.显示在线账户的数量及名称（通过手动点击刷新按钮刷新信息）
4.与在线用户聊天
4.1.点击显示的在线账户名后，可向该用户发送信息（该用户名将显示在聊天区域）
4.2.若接收信息的用户也已经点击发送人（即发送人的名字已显示在聊天区域）时，发送的信息将直接显示在聊天区域
4.3.若没有，则将会在网页右下角有提示信息，点击提示信息或者点击该用户名字均可将其显示在聊天区域
5.用户登陆到退出（注销或长时间关闭网页）之间的所有回话信息均有保存，即你与A在进行对话，此时切换到与B进行对话，再切回A对话时，此前与A的对话依然存在
6.查询历史记录（忘记实现了，后面就没弄了。。。）

网页结构

结构：

1.网页显示：ht