(源码)基于 Vue 和 Redux 的用户聊天管理系统.zip

# 基于 Vue 和 Redux 的用户聊天管理系统 ## 项目简介 本项目是一个基于 Vue 和 Redux 构建的用户聊天管理系统，支持用户注册、登录、自动登录等功能，同时提供了便捷的聊天服务，包括消息的发送、接收、展示和未读消息统计等功能，还通过底部导航栏方便用户在不同页面间切换。 ## 项目的主要特性和功能 1. **用户注册与登录**：用户可选择不同用户类型（老板或大神）进行注册登录，注册登录失败会给出相应提示，成功后获取用户信息并进行页面重定向。 2. **自动登录**：借助 `js-cookie` 插件，判断用户是否登录过，若登录过但 Redux 中无用户信息则发送请求获取用户信息。 3. **底部导航栏**：使用 `antd-mobile` 组件库，根据用户类型显示不同的导航标签。 4. **聊天功能**：采用 `Websocket` 协议实现实时通讯，解决跨域问题，支持消息的发送、接收和展示，可查看与特定用户的聊天记录。 5. **消息管理**：对消息进行排序，统计未读消息数量，退出聊天页面时更新未读消息状态。 ## 安装使用步骤 ### 安装依赖 假设用户已下载项目源码文件，在项目根目录下执行以下命令安装所需依赖： ```bash npm install ``` ### 启动项目 1. **前端项目启动**： ```bash npm run serve ``` 2. **后端项目启动**：需确保后端服务正常运行，如使用 Node.js 启动服务，可在后端项目目录下执行相应启动命令（具体命令根据后端实现而定）。 ### 使用方法 1. **注册登录**：打开项目，进入注册或登录页面，按提示输入相关信息进行注册或登录操作。 2. **聊天操作**：登录成功后，通过导航栏或相关页面进入聊天页面，选择聊天对象，输入消息并发送。 3. **查看消息**：在消息列表页面查看与不同用户的聊天记录和未读消息数量。