点亮社交新篇章:探索 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,一经查实,立即删除!

相关文章

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

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

RabbitMq-3入门案例

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

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

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

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

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

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

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

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是由美国计算…

Matplotlib数据可视化(五)

目录 1.绘制折线图 2.绘制散点图 3.绘制直方图 4.绘制饼图 5.绘制箱线图 1.绘制折线图 import matplotlib.pyplot as plt import numpy as np %matplotlib inline x np.arange(9) y np.sin(x) z np.cos(x) # marker数据点样式&#xff0c;linewidth线宽&#xff0c;li…

Fegin异步情况丢失上下文问题

在微服务的开发中&#xff0c;我们经常需要服务之间的调用&#xff0c;并且为了提高效率使用异步的方式进行服务之间的调用&#xff0c;在这种异步的调用情况下会有一个严重的问题&#xff0c;丢失上文下 通过以上图片可以看出异步丢失上下文的原因是不在同一个线程&#xff0c…

基于React实现日历组件详细教程

前言 日历组件是常见的日期时间相关的组件&#xff0c;围绕日历组件设计师做出过各种尝试&#xff0c;展示的形式也是五花八门。但是对于前端开发者来讲&#xff0c;主要我们能够掌握核心思路&#xff0c;不管多么奇葩的设计我们都能够把它做出来。 本文将详细分析如何渲染一…

【Python原创毕设|课设】基于Python Flask的上海美食信息与可视化宣传网站项目-文末附下载方式以及往届优秀论文,原创项目其他均为抄袭

基于Python Flask的上海美食信息与可视化宣传网站&#xff08;获取方式访问文末官网&#xff09; 一、项目简介二、开发环境三、项目技术四、功能结构五、运行截图六、功能实现七、数据库设计八、源码获取 一、项目简介 随着大数据和人工智能技术的迅速发展&#xff0c;我们设…

解决Oracle中XML插入数据时的空格问题

&#x1f337;&#x1f341; 博主猫头虎 带您 Go to New World.✨&#x1f341; &#x1f984; 博客首页——猫头虎的博客&#x1f390; &#x1f433;《面试题大全专栏》 文章图文并茂&#x1f995;生动形象&#x1f996;简单易学&#xff01;欢迎大家来踩踩~&#x1f33a; &a…

2.含电热联合系统的微电网运行优化

含电热联合系统的微电网运行优化 MATLAB代码&#xff1a;含电热联合系统的微电网运行优化 关键词&#xff1a;微网 电热联合系统 优化调度 参考文档&#xff1a;《含电热联合系统的微电网运行优化》完全复现 仿真平台&#xff1a;MATLAB yalmipcplex [火]主要内容&#xf…

k8s 常用命令(三)

1、查看版本信息&#xff1a;kubectl version [rootmaster ~]# kubectl version [rootmaster ~]# kubectl version Client Version: version.Info{Major:"1", Minor:"21", GitVersion:"v1.21.3", GitCommit:"ca643a4d1f7bfe34773c74f7952…

JAVA开发环境接口swagger-ui使用总结

一、前言 swagger-ui是java开发中生产api说明文档的插件&#xff0c;这是后端工程师和前端工程师联调接口的桥梁。生成的文档就减少了很多没必要的沟通提高开发和测试效率。 二、 swagger-ui的使用 1、引入maven依赖 <dependency><groupId>io.springfox</grou…