WebSocket之仿QQWeb即时聊天系统(上)

1. 前言

Java web学完了，到了学期末，开始课设了，一共给了几个题目，大部分都是 JSP+servlet题目，当然我们也是主要学习的这些，一般都是什么什么管理系统，没啥意思，看到一个仿QQWeb即时聊天系统的题目，眼前一亮，发现从来没学过，一个有意思的题目，再次挑战自己，从零开始学习JavaScript、nodejs、socket.io 不知道这次课设能收获多少技术呢。

白嫖容易，创作不易，希望能让大家有所收获。
所有copy到的代码均是度娘、csdn等可以查到的，我的课设项目绝大部分都是原创，只有一些特定的、不懂的用法是copy
基本上我查询的资料(例如API等)都会在博客中列出网站，有需要的童鞋可以直接点击查看
本博客原创，转载请注明！

WebSocket之仿QQWeb即时聊天系统(上)
WebSocket之仿QQWeb即时聊天系统(下)
源码：
链接：https://pan.baidu.com/s/1xmCzP0TTLkWqgHnp62K9sA
提取码：Lin2
优快云: https://download.youkuaiyun.com/download/RongLin02/19762352

本文原创，创作不易，转载请注明！！！
本文链接
个人博客：https://ronglin.fun/archives/236
PDF链接：见博客网站
优快云: https://blog.youkuaiyun.com/RongLin02/article/details/117945296

2. 课程设计

2.1. 总述

本次课程设计从周二开始共大概用时5天多完成，共涉及到HTML、CSS、JavaScript、Jquery、Nodejs、MySQL、Websocket、Socket.io等技术。由于我们平时上课主要讲到的是Java Web，着重讲述JSP+servlet开发网页，平时练习也是直接用HTML较多，CSS样式表用的较少，只对盒模型有基本概念，JavaScript基本上没用过，只知道最最基本的语法，Jquery、Nodejs、Websocket、Socket.io等之前完全没听说过，全在这几天快速学习，时间紧迫，能力有限，如有疏漏，请多多指点，谢谢！

2.2. 需求分析

先来看看我选的题目的基本需求
仿QQWeb即时聊天系统
功能要求：
实现Web的点对点即时的文本消息聊天功能。