网页聊天系统javaScript+jquery html+css

项目描述
网页版聊天系统

系统架构
javaScript+jquery html+css 后台采用Servlet和WebSocket.jar包开发. 没有采用spring框架

登录网址
http://localhost:8080/
账号：zhangsan 密码：123

项目功能
用户列表界面：
显示在线用户列表，每个用户旁边显示其爱好。
用户可以通过点击用户名称来选择与该用户进行聊天。
聊天界面：
与选定用户进行一对一的聊天。
支持发送文本消息。
可能支持发送表情符号（根据第三个截图中的界面）。
登录界面：
用户可以通过输入用户名和密码来登录系统。
登录成功后，用户可以访问聊天和用户列表功能。
表情选择器：
提供一个表情选择器，用户可以从中选择表情符号来丰富他们的聊天内容。
表情符号被分类为不同的系列，如动物系列、水果食物、植物自然等。
消息发送：
用户可以在聊天界面中输入文本或选择表情符号，并通过点击发送按钮来发送消息。
用户状态：
用户列表中可能显示用户在线状态（例如，在线或离线）。

运行环境
开发工具 ：idea2021.1
运行环境 ：jdk1.8+maven3.6.0+MySQL5.7.26(此配置为本人调试所用，仅供参考)

项目技术
1. Java Servlet
LoginServlet.java 和 ManagerServlet.java 文件使用了 Java Servlet 技术来处理 HTTP 请求和响应。Servlet 是一种服务器端的 Java 程序，用于接收客户端请求，执行特定操作，并返回响应。
2. WebSocket
WebSocketTest.java 文件使用了 WebSocket 技术，这是一个网络通信协议，提供了全双工通信渠道，通过一个单一的长期连接允许服务器主动向客户端发送数据。这对于实时聊天应用非常有用。
3. JSP (JavaServer Pages)
index.jsp 文件使用了 JSP 技术，这是一种服务器端技术，用于生成动态网页内容。JSP 允许在 HTML 中嵌入 Java 代码，从而在服务器端处理数据并动态生成网页。
4. HTML/CSS
login.html 和 index.jsp 文件使用了 HTML 和 CSS 来构建用户界面。HTML 定义网页的结构，而 CSS 用于样式设计。
5. JavaScript
在 index.jsp 和 login.html 文件中，使用了 JavaScript 来增强用户交互。JavaScript 用于处理用户事件（如点击按钮）、动态更新网页内容以及与服务器进行异步通信（AJAX）。
6. jQuery
项目中引入了 jQuery 库，这是一个快速、小巧且功能丰富的 JavaScript 库。jQuery 简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。
7. JSON
在多个文件中，使用了 JSON（JavaScript Object Notation）格式来处理数据交换。JSON 是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。
8. 数据库访问
项目中使用了 DAO（Data Access Object）模式来访问数据库。在 LoginServlet.java 和 ManagerServlet.java 文件中，通过 UserDao 和 LoggerDao 类与数据库进行交互。
9. 数据库
虽然具体的数据库类型没有明确指出，但从代码中可以看出使用了 SQL 语句来操作数据库，这可能意味着使用了如 MySQL、PostgreSQL 等关系型数据库。

以上系统源码经过技术整理与调试，确保能正常运行