点亮社交新篇章:探索 WeTalk 新增的头像与群聊功能

目录

引言:

引入头像功能:

头像功能的优势:

引入群聊功能:

群聊功能的优势:

引入头像功能:

查看头像:

​编辑

上传头像: 

引入群聊功能:

创建群聊:

展示群聊全部用户:

结语:


这个是最终实现的WeTalk聊天室,基础的实现功能如添加好友,发消息等等请见我上一篇博客:项目介绍:《WeTalk》网页聊天室 — Spring Boot、MyBatis、MySQL和WebSocket的奇妙融合_谦虚的荆南芒果的博客-CSDN博客

 新版的还没有上线服务器,对WeTalk实现自动化测试的可以见我这一篇博客:

测试开发探索:“WeTalk“网页聊天室的测试流程与自动化_谦虚的荆南芒果的博客-CSDN博客

ps:我前端写的还可以吧~~😁 

引言:

在不断追求更好的社交体验和功能丰富性的驱动下,WeTalk 项目已经进行了一次重要的优化升级!这次升级为用户带来了两项令人期待的新功能:头像和群聊。在本文中,我将向大家详细介绍这些功能的特点和优势,以及它们是如何改进我们的应用的。

引入头像功能:

随着社交应用的日益发展,用户对于个性化的需求也越来越高。因此我们引入了头像功能。这一功能允许用户上传和设置自己的个人头像,将更多的个人特色融入到他们的 WeTalk 体验中。用户可以选择上传自己的照片或选择喜欢的头像,使得聊天更具亲近感和身份识别性。此外,这也有助于让用户更容易在群聊中辨认不同的参与者。

头像功能的优势:

  • 个性化体验: 用户可以展示自己的风格和特点,让聊天更加个性化。
  • 身份识别: 在群聊中,每个人都有自己的头像,这使得辨认和区分不同的人变得更加容易。
  • 增进亲近感: 有了头像,用户之间的互动会更加亲近和真实,更有社交互动的意愿。

引入群聊功能:

除了头像,我还为 WeTalk 添加了群聊功能,以满足用户在社交交流中更广泛的需求。通过群聊,用户可以与多个好友同时交流,增强了社交体验的交互性和多样性。这对于团队合作、社交活动的组织以及共同兴趣的讨论都有着积极的影响。

群聊功能的优势:

  • 多人交流: 用户可以与多个朋友或同事同时交流,促进更广泛的社交互动。
  • 信息共享: 群聊中的用户可以分享图片、链接和文本,轻松共享信息和资源。
  • 社交活动: 群聊为组织社交活动、讨论共同兴趣提供了便利的平台。

引入头像功能:

我在 WeTalk 应用中引入了头像功能,让用户能够个性化他们的聊天体验。下面是演示如何设置个人头像的步骤:

查看头像:

点击头像,再点击“查看头像”按钮,您就可以查看您当前的头像。

 聊天列表、好友列表、搜索好友结果显示和查看好友申请列表都能显示用户的头像😊

 

 

上传头像: 

点击头像,再点击“修改头像”按钮,您可以选择从您的设备中选择一张照片作为您的头像。如果用户没有头像就会显示默认头像~

 

引入群聊功能:

 我还为 WeTalk 添加了群聊功能,以便您可以与多个人一起交流。下面是演示如何创建和使用群聊的步骤:

创建群聊:

进入您的聊天列表,点击好友点击更多,再点击加入群聊功能,就会出现让你选择该好友和选中的好友创建一个群聊。

最后点击确定,在输入创建群聊的名字,群聊就创建成功啦~~🤗

(为了使该功能更安全,我使用了遮罩层,只有确定或者取消之后才会消失,为了防止出现框框有人跳到其他好友那边去了)

经过简单的几步,群聊就创建好啦~~

被选择的好友可以实时看到群友发送的消息

这里当然又少不了尬聊😅

 点击更多有退出群聊和删除聊天记录功能,退出群聊之后还可以看到过去的消息,但是不会收到新消息也不能发送消息,这两个功能就不演示啦~

展示群聊全部用户:

我们选中群聊,然后点击更多就会显示这个群聊的用户信息

点击加号可以把选中的好友拉进群聊 

结语:

WeTalk 项目的这次优化升级为用户带来了新的头像和群聊功能。这些功能不仅增加了个性化和互动性,也为用户提供了更多社交体验的方式。我们会继续努力,不断完善我们的应用,为用户创造更好的社交环境。

 

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

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

相关文章

1. Java基础知识介绍

文章目录 1. Java基础知识介绍1. 简单输入输出1.1 输入1.2 输出 2. 数据类型2.1 基本数据类型2.2 引用数据类型 3. 函数4. 类基础知识5. 小结 1. Java基础知识介绍 1. 简单输入输出 在Java编程中,我们经常需要与用户进行交互,以获取输入并输出结果。Ja…

万字长文,YOLOv8 yaml 文件解析 | 一文搞定 YOLOv8 分类任务,检测任务,分割任务,关键点任务

之前写过一篇 YOLOv5/v7的 yaml 文件解析,大家反馈都不错,这篇主要介绍 YOLOv8 的 yaml 文件, 其实原本前几个版本的 YOLOv8 的 yaml 文件和 v5v7 的 yaml 一样的,但是更新了很多版之后,有了挺大的改变, 并且 YOLOv8 这个项目支持的算法和任务很多,所以这个 yaml 文件…

nginx文件配置

在部署前后端分离项目时,当前端和后端不在一个服务器上时,需要在前端服务器上下载nginx并配置 #hkdp-front-test 前端服务器 xxx.xxx.x.69 前端项目端口号9528,监听文件夹 /home/apps/vue/hkdp-manager 配置如下 server{ …

LLVM编译报错解决:collect2: fatal error: ld terminated with signal 9 [Killed]

LLVM 编译安装 克隆代码到本地 git clone https://github.com/llvm/llvm-project.git # 需要时间比较长 如果不需要做额外的操作可以只克隆最新的commit git clone --depth 1 https://github.com/llvm/llvm-project.git配置编译选项 cd llvm-project cmake -S llvm -B build…

八月更新 | CI 构建计划触发机制升级、制品扫描 SBOM 分析功能上线!

点击链接了解详情 这个八月,腾讯云 CODING DevOps 对持续集成、制品管理、项目协同、平台权限等多个产品模块进行了升级改进,为用户提供更灵活便捷的使用体验。以下是 CODING 新功能速递,快来看看是否有您期待已久的功能特性: 01…

一个pdf文件分割成两个

# -- coding: utf-8 --** import PyPDF2 # 打开原始PDF文件 # with open(zhongguojinxiandaishi.pdf, rb) as pdf_file: # pdf_reader PyPDF2.PdfReader(pdf_file) # num_pages len(pdf_reader.pages) # # # 确定分割点(例如,将页面一分为二&#xff0…

RabbitMq-3入门案例

rabbitmq入门 1.生产者&#xff08;服务提供方&#xff09; //依赖<dependencies> <!-- rabbitmq客户端依赖--><dependency><groupId>com.rabbitmq</groupId><artifactId>amqp-client</artifactId><version>5.8.0<…

element-ui 下拉框选择器selete多选时,单行显示所选内容

1.只需重写 el-select 原生样式 .el-select__tags {flex-wrap: inherit !important;overflow-x: auto !important; }特别注意&#xff1a;重写原生样式时&#xff0c;去掉当前 style 的 scoped 或者可以通过该穿透去实现 ::v-deep .el-select__tags {flex-wrap: inherit !imp…

什么是链表,前端如何理解链表

一、什么是链表 多个元素存储的列表链表中的元素在内存中不是顺序存储的&#xff0c;而是通过“next”指针联系在一起的。 JS中的原型链 原理就是 链表结构 链表结构 {key: "A",next: {key: "B",next: {key: "C",next: null}} } //原型链 //对…

数电票红利悄然而至 百望云数据驱引“供应链协同”新纪元

2023年&#xff0c;全面数字化的电子发票政策正如飞驰的列车在各地试点推广中加速前行&#xff0c;“以数治税”的全新时代即将来临&#xff0c;基于数电票赋能的企业数字化红利正在悄然释放。借着政策快速落地的东风&#xff0c;财税数字化也进入到全面建设的新周期&#xff0…

微服务流程引擎:简单又灵活,实现流程全生命周期管理!

伴随着日益激烈的市场竞争&#xff0c;传统的办公操作已经无法满足发展需要了。如果采用微服务流程引擎加油助力&#xff0c;就可以帮助企业更好地管理数据资源&#xff0c;高效做好各种表单制作&#xff0c;实现高效率办公。流辰信息以市场为导向&#xff0c;用心钻研低代码技…

F - Fireworks(三分+概率)

题目&#xff1a;F - Fireworks&#xff08;三分概率&#xff09; 来自&#xff1a;2020-2021 ICPC区域赛南京站F题 牛客竞赛_ACM/NOI/CSP/CCPC/ICPC算法编程高难度练习赛_牛客竞赛OJ (nowcoder.com) 题意&#xff1a; 一个人造烟花&#xff0c;制作一个烟花需要n的时间&am…

使用批处理文件(.bat)启动多个CMD窗口并执行命令

由于每次启动本机的mongodb和kafka&#xff0c;都需要进入相关目录进行启动&#xff0c;操作相对繁琐&#xff0c;于是想起了批处理来帮忙一键启动。 在桌面新建一个txt文件&#xff0c;改后缀名为.bat&#xff0c;并加上下面的代码。 cd /d D:\env-java\mongodb-win32-x86_64…

C++设计模式(工厂方法模式)

文章目录 前言一、工厂方法模式介绍二、工厂方法模式和简单工厂模式对比三、工厂方法模式适用场景四、工厂方法模式示例代码总结 前言 本篇文章来带大家学习C中的工厂方法模式。 一、工厂方法模式介绍 工厂方法模式是一种创建型设计模式&#xff0c;用于通过工厂方法创建对象…

C++ string 类

文章目录 引用头文件初始化赋值1. 空串2. 拷贝复制3. 直接初始化赋值4. 单个字符初始化 遍历 string 类1. 下标索引遍历2. 迭代器遍历3. 使用 range for 循环遍历字符串&#xff08;需要 C11 或更新的版本&#xff09; string 常用方法判断字符串是否为空串获取字符串中字符个数…

数据中台容易失败的20多种原因全部在这里了

数据中台失败的原因总结 在当今数字化转型的浪潮中&#xff0c;数据中台作为关键的战略举措被越来越多的企业所关注和实施。然而&#xff0c;数据中台项目的实施过程中并不乏失败案例&#xff0c;这引业界对于数据中台失败原因的深入思考和分析。通过一些公开的信息和数据&…

如何使用海艺人工智能生成创意汉字

1、用某种字体生成文字。 jf storehttps://store.justfont.com/fonts 2、打开seaart。ai网站。https://www.seaart.ai/home 3、效果如下。 4、右键保存图片。

【算法日志】动态规划刷题:路径数问题(day34)

代码随想录刷题60Day 目录 前言 不同路径 不同路径(2) 前言 今天的动态规划题与昨天的题很类似&#xff0c;只不过今天的题是在二维上讨论&#xff0c;难度上略有提升。 不同路径 int uniquePaths(int m, int n) {vector<int> dp(n 1, 1);for (int i 1; i < m; …

C语言:选择+编程(每日一练Day7)

目录 选择题&#xff1a; 题一&#xff1a; 题二&#xff1a; 题三&#xff1a; 题四&#xff1a; 题五&#xff1a; 编程题&#xff1a; 题一&#xff1a;图片整理 思路一&#xff1a; 思路二&#xff1a; 题二&#xff1a;寻找数组的中心下标 思路一&#xff1…

高阶数据结构跳表

"想象为翼&#xff0c;起飞~" 跳表简介&#xff1f; skiplist本质上是一种查找结构&#xff0c;用于解决算法中的查找问题&#xff0c;跟平衡搜索树和哈希表的价值是 一样的&#xff0c;可以作为key或者key/value的查找模型。 跳表由来 skiplist是由美国计算…