Ajax jQuery Web聊天室

实现界面:
1.进入聊天室前必须进行登录,保存用户基本信息,为了显示在线人数
2.登录聊天时,调用Ajax的全局函数$.ajax(),将获取的用户名和密码数据向处理逻辑发送,使用AjaxStartAjaxStop事件绑定提示信息元素,优化用户体验
3.登录时,处理逻辑端接收数据,检测密码是否正确,如果不正确,弹出错误对话框,否则进入聊天室
4.首次登录,如果当前没有聊天数据,则内容区显示目前没有聊天记录,在线用户区显示登录时的用户名
5.底部文本框输入聊天内容,点击发送后,通过$.ajax()获取聊天内容,向服务器提交请求,同时,服务器相应数据,写入完成后,将数据显示在内容区
6.在发送内容时还可以发送表情,发送时仅传送表情图标的名称,不发送图片,服务器返回的也是相应的名称,再将名称对应图标显示在页面中
7.发送成功,服务器返回成功标志,客户端接收后清空发送文本框,刷新对话框列表,获取最新聊天记录
经验:
1.发送信息和获取信息都有发送按钮触发,但是要明确是两个步骤
 
逻辑Servlet层:
1.登录成功将用户名和时间存入在线用户表中
2.发送数据到逻辑层再发到数据库层
3.请求数据时,从数据库中接收数据后在逻辑层封装成html字符串返回到界面
 
数据库层:
1.登录时将用户名存入当前聊天室的在线用户表中,并记录登录时间
2.发送聊天内容是将说话人,时间和内容一并存入数据库的聊天记录表中
3.刷新聊天记录时根据请求的时间,返回请求时间之前的聊天记录,并按时间顺序返回

4.刷新在线用户表时,按请求的时间顺序返回在线用户名

你可能感兴趣的:(项目经验)