即时聊天系统

news2025/3/3 5:16:25

功能描述

该项目是一个前后端分离的即时聊天项目,前端采用vue2、后端使用springboot以mysql8.0作为数据库。 项目功能包含了单聊、群聊功能。在此基础上增加了对好友的功能操作,如备注设为通知、视频聊天语音聊天、置顶、拉入黑名单、清空聊天记录等。 在群聊基础上增加了查看群成员、退出群聊、解散群聊、清空聊天记录等,用户能够搜索并添加好友,可以创建不大于5个的多人聊天室, 在登入使用SpringSecurity来校验用户的登入情况,使用netty+websocket以推拉模式来实现高效、实时的聊天。 本项目前后端均由本人自己打造。

演示地址

即时聊天系统:http://pzgnet.free.idcfengye.com/

Gitee地址:https://gitee.com/pengzhenggao/graduation-project-chat-vue

系统技术栈

Spring Boot、Spring Security、MybatisPlus、Redis、Rabbit MQ、Netty、 Vue2、Element UI、Axios、MySQL(8.0及以上)、Oss、阿里云沙箱

初始化

npm install

运行

npm run serve

打包

npm run build

主要界面

登入

src/assets/界面展示/login1.png

src/assets/界面展示/register1.png

注册

src/assets/界面展示/register2.png

src/assets/界面展示/login2.png

单聊

src/assets/界面展示/聊天页.png

src/assets/界面展示/其他功能.png

群聊

src/assets/界面展示/群聊页.png

src/assets/界面展示/群聊页2.png

创建群聊

src/assets/界面展示/创建群聊1.png

src/assets/界面展示/创建群聊2.png

好友添加

src/assets/界面展示/搜索添加好友.png

视频通话

src/assets/界面展示/视频通话发送方.png

src/assets/界面展示/视频请求接收方.png

src/assets/界面展示/视频通话.png

语音通话

src/assets/界面展示/视频通话发送方.png

src/assets/界面展示/视频请求接收方.png

src/assets/界面展示/语音通话.png

个人设置

src/assets/界面展示/个人设置页.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1822940.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

小白如何入门编程?零基础入门指南,助你一步步成为编程达人!

零基础编程入门先学什么?编程语言有几百种,我们应该怎么选择。想学习编程,加入互联网行业,哪一个更有前途?在小白学习编程会有各种各样的问题,今天小编我就来为你解答。 一、程序员的类别 程序员从事的人…

Nginx部署Vue项目css文件能加载但是不生效

目录 问题描述问题解决 问题描述 Nginx部署打包后的Vue项目css文件能加载但是不生效, 问题解决 查看响应标头,发现不对劲, Content-Type: text/plain正确的应该是 Content-Type: text/css根本原因是nginx没有告诉浏览器正确的文件类型 所…

如何下载proDAD V4软件及详细安装步骤

简介: proDAD Adorage 是一款一体化的效果库,完美拥有所有的效果,集所有Adorage卷于一体,该系列包含13种可用套装中的17,000多种效果。 对于每种情况都能获得完美的效果,支持Adobe、avid、Corel、Cyberlink、MAGIX等多…

【Android】打开需要NDK的项目的一些报错的问题解决

文章简述 在打开一个新的项目的时候,遇到了一些问题,记录一下问题的解决步骤。 问题1 FAILURE: Build failed with an exception.* What went wrong: A problem occurred configuring project :app. > NDK not configured. Download it with SDK m…

redis 06 集群

1.节点,这里是把节点加到集群中的操作,跟主从结构不同 这里是在服务端使用命令: 例子: 2.启动节点 节点服务器 首先,先是服务器节点自身有一个属性来判断是不是可以使用节点功能 一般加入集群中的节点还是用r…

24K 纯干干干货:深入探讨 JavaScript 中变量相等性判断

比较两个变量是否相等,确切得说是内容是否相等,首先要划分为引用数据类型之间、基本数据类型之间和引用数据类型和基本数据类型之间(这一种使用场景比较少)这三种情形。因为引用数据类型和基本数据类型数据存储的方式是不一样的。…

AI模型究竟应该开源还是闭源?

随着人工智能技术的飞速发展,关于AI模型是否应该开源的问题引起了广泛关注。特别是最近Elon Musk对OpenAI及其领导层提起诉讼,指责其违背了开源的初心,这一争论变得更加激烈。在这篇博客中,我们将探讨开源与闭源AI模型的优缺点&am…

HTML制作一个太阳、地球、月球之间的绕转动画

大家好,今天制作一个太阳、地球、月球之间的绕转动画! 先看具体效果: 要制作一个太阳、地球、月球之间的绕转动画,我们需要结合HTML、CSS和JavaScript。由于CSS动画和JavaScript动画各有优缺点,这里我将给出一个使用…

【前端速通系列|第一篇】ES6核心语法

文章目录 1.ES6简介2.let和const3.解构4.链判断5.参数默认值6.箭头函数7.模板字符串8.Promise9.Async函数10.Await关键字11.模块化 1.ES6简介 ES6 是 ECMAScript 2015 的缩写,是 ECMAScript 语言标准的第6个版本。ECMAScript 是 JavaScript 语言的国际标准化组织制…

如何在3天内开发一个鸿蒙app

华为鸿蒙操作系统(HarmonyOS)自2.0版本正式上线以来,在短时间内就部署超过了2亿台设备,纵观全球操作系统的发展史,也是十分罕见的。与其他手机操作系统不同,HarmonyOS自诞生之日起,就是一款面向…

【vue】终端 常用代码 和其他注意

一、安装 以下全拿 qrcode.vue 举例 1. 搜版本 例子:搜 qrcode.vue的版本代码: npm view qrcode.vue versions 2.卸载 代码: npm uninstall qrcode.vue 3.安装 带版本 例子:安装 1.7.0 版本代码: npm i qrcode…

GaussDB技术解读——GaussDB架构介绍(三)

目录 9 智能关键技术方案 智能关键技术一:自治运维系统 智能关键技术二:库内AI引擎 智能关键技术三:智能优化器 10 驱动接口关键技术方案 GaussDB架构介绍(二)从数据持久化存取层(DataNode)关键技术方案、全局事…

【LeetCode 92.】 反转链表 II

1.题目 虽然本题很好拆解,但是实现起来还是有一些难度的。 2. 分析 尽可能抽象问题,然后简化代码 我在写本题的时候,遇到了下面这两个问题: 没有把[left,right] 这个区间的链表给断开,所以导致反转起来非常麻烦。…

梁建章等Nature发表论文:混合办公使员工离职率下降1/3

近日,斯坦福大学 Nicholas Bloom、香港中文大学(深圳)经管学院韩若冰、携程集团联合创始人兼董事局主席梁建章,在国际顶尖学术期刊 Nature 上发表了题为:Hybrid working from home improves retention without damagin…

cad怎么导出jpg格式高清图?推荐三款心动软件!

在数字化设计领域,CAD(计算机辅助设计)软件已经成为不可或缺的工具。然而,很多时候我们需要将CAD设计以图片的形式进行分享或展示。如何将CAD设计导出为高清JPG格式图片呢?今天,我将为大家推荐三款令人心动…

流体性能测试实验室建设需求参考

在第一次提需求的时候,很多人感到很迷茫,这里以某流体实验室建设为例,进行说明,希望抛砖引玉,能起到一点参考作用。 一、项目概述 学校拟建一座流体性能测试实验室,旨在兼顾教学和企业科研能力。实验室需…

为国产加油:“缺芯少屏”暂缓,另一领域,也要加把劲

说起咱中国之前的“缺芯少屏”,真的是让人挺闹心的。 不过呢,为了改变这个状况,咱们的工程师们可是费了不少劲儿,辛辛苦苦努力了数十年。现在好了,咱们也迎来了柔性屏的时代。 柔性屏 说起来,在触摸屏或者…

Ubuntu20.04部署Qwen2.openvino流程

下载代码 里面包含依赖 git clone https://github.com/OpenVINO-dev-contest/Qwen2.openvino.gitpython环境配置 创建虚拟环境 conda create -name qwen2openvino python3.10 conda activate qwen2openvino安装依赖 pip install wheel setuptools pip install -r requirem…

优维运营治理三件套:可用性x性能x容量管理

对于系统/应用运维人员,日常工作中需要保证系统/应用的可用性、稳定性和关注系统/应用的性能表现。为了帮助IT人员更好地管理和优化企业的系统和应用,我们引入了三大关键能力:可用性管理、性能管理和容量管理。这些能力不仅能够帮助IT人员发现…

图解系列 图解Kafka之Consumer

文章目录 术语消息主题和分区集群和分区副本消费者组重新平衡组/分区再均衡消费者的分区策略群组协调者Coordinator 和群组领导者 Group Leader 流程初始化流程消费流程Consumer重平衡 消费者核心配置示例代码高级提交偏移量的几种方式自动提交手动同步提交手动异步提交提交特定…