【源码】基于 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. 查看消息：在消息列表页面查看与不同用户的聊天记录和未读消息数量。

下载地址

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