【源码】基于React框架的在线聊天室系统

项目简介

本项目是基于React框架搭建的在线聊天室系统。前端采用了React 16+、Ant Design 3.0+、Dva 2.0+和Parcel等技术；后台使用Egg框架，集成了MySQL数据库、会话管理以及Socket.io实现实时通讯，为用户打造了一个便捷的在线聊天平台。

项目的主要特性和功能

1. 基本聊天：支持在线聊天、一对一私聊与一对多聊天。
2. 好友管理：拥有好友列表，可管理好友关系，后续将实现动态添加好友。
3. 消息输入：可通过控制鼠标位置实现消息换行输入。
4. 个人信息：支持读取个人信息，后续支持个人信息修改。
5. 数据存储：后台用MySQL数据库保存用户信息和聊天记录，后续计划用Redis持久化聊天记录。
6. 状态管理：使用Session保存登录状态，展示用户在线状态。
7. 头像生成：根据随机数生成base64头像图标。
8. 待实现功能：群聊天、表情功能、后台用户管理，可将聊天室发布到个人网站。

安装使用步骤

1. 确保用户已下载本项目的源码文件。
2. 在项目根目录下执行 npm install 安装项目依赖。
3. 执行 npm install parcel 全局安装Parcel。
4. 执行 npm run dev 开启前端项目。
5. 使用浏览器访问前端地址，即可开始使用聊天室。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】