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

目录

引言:

引入头像功能:

头像功能的优势:

引入群聊功能:

群聊功能的优势:

引入头像功能:

查看头像:

​编辑

上传头像: 

引入群聊功能:

创建群聊:

展示群聊全部用户:

结语:


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

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

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

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

引言:

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

引入头像功能:

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

头像功能的优势:

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

引入群聊功能:

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

群聊功能的优势:

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

引入头像功能:

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

查看头像:

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

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

 

 

上传头像: 

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

 

引入群聊功能:

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

创建群聊:

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

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

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

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

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

这里当然又少不了尬聊😅

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

展示群聊全部用户:

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

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

结语:

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

 

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【数据结构】回溯算法公式化解题 leetcode经典题目带刷:全排列、组合、子集

目录 回溯算法一、什么是回溯算法1、基本思想:2、一般步骤: 二、题目带练1、全排列2、组合3、子集 三、公式总结 回溯算法 一、什么是回溯算法 回溯算法(Backtracking Algorithm)是一种解决组合问题、排列问题、选择问题等一类问…

字节跳动 Git 的正确使用姿势与最佳实践

版本控制Git 黑马&尚硅谷 Git的前世今生 方向介绍 为什么要学习Git 1.0 Git是什么 1.1 版本控制 1.1.1 本地版本控制 1.1.2 集中版本控制 1.1.3 分布式版本控制 我们已经把三个不同的版本控制系统介绍完了,Git 作为分布式版本控制工具, 虽然目前来讲…

第一讲使用IDEA创建Java工程——HelloWorld

一、前言导读 为了能够让初学者更快上手Java,不会像其他书籍或者视频一样,介绍一大堆历史背景,默认大家已经知道Java这么编程语言了。本专栏只会讲解干货,直接从HelloWord入手,慢慢由浅入深,讲个各个知识点,这些知识点也是目前工作中项目使用的,而不是讲一些老的知识点…

【算法专题突破】双指针 - 移动零(1)

目录 写在前面 1. 题目解析 2. 算法原理 3. 代码编写 写在最后: 写在前面 在进行了剑指Offer和LeetCode hot100的毒打之后, 我决心系统地学习一些经典算法,增强我的综合算法能力。 1. 题目解析 题目链接:283. 移动零 - 力…

基于51单片机直流电机转速数码管显示控制系统

一、系统方案 本文主要研究了利用MCS-51系列单片机控制PWM信号从而实现对直流电机转速进行控制的方法。本文中采用了三极管组成了PWM信号的驱动系统,并且对PWM信号的原理、产生方法以及如何通过软件编程对PWM信号占空比进行调节,从而控制其输入信号波形等…

mysql -sql触发器

1、创建触发器。 //创建一个触发器在给section关系插入后触发 create trigger timeslot_check1 after insert on sectionreferencing new row as nrow//对每个插入的行都执行for each row//when指定一个条件,仅对于满足条件的元组才会执行触发器剩余的部分when (nr…

实现简单的element-table的拖拽效果

第一步&#xff0c;先随便创建element表格 <el-table ref"dragTable" :data"tableData" style"width: 100%" border fit highlight-current-row><el-table-column label"日期" width"180"><template slot-sc…

Android SDK 上手指南||第六章 用户交互

第六章 用户交互 在这篇教程中&#xff0c;我们将对之前所添加的Button元素进行设置以实现对用户点击的检测与响应。为了达成这一目标&#xff0c;我们需要在应用程序的主 Activity类中略微涉及Java编程内容。如果大家在Java开发方面的经验不太丰富也没必要担心&#xff0c;只…

Elasticsearch 处理地理信息

1、GeoHash ​ GeoHash是一种地理坐标编码系统&#xff0c;可以将地理位置按照一定的规则转换为字符串&#xff0c;以方便对地理位置信息建立空间索引。首先要明确的是&#xff0c;GeoHash代表的不是一个点而是一个区域。GeoHash具有两个显著的特点&#xff1a;一是通过改变 G…

Map和Set—数据结构

文章目录 1.搜索1.1常见搜索方式1.2模型 2.map2.1介绍2.2 Map.Entry<K, V>2.3map的使用2.4遍历map2.5TreeMap和HashMap的区别 3.set3.1介绍3.2set的使用3.3遍历set3.4 TreeSet和HashSet的不同 4.搜索树4.1概念4.2实现4.3性能分析 5.哈希表5.1查找数据5.2冲突的概念5.3冲突…

如何批量加密PDF文件并设置不同密码 - 批量PDF加密工具使用教程

如果你正在寻找一种方法来批量加密和保护你的PDF文件&#xff0c;批量PDF加密工具是一个不错的选择。 它是一个体积小巧但功能强大的Windows工具软件&#xff0c;能够批量给多个PDF文件加密和限制&#xff0c;包括设置打印限制、禁止文字复制&#xff0c;并增加独立的打开密码。…

LAMP架构介绍配置命令讲解

LAMP架构介绍配置命令讲解 一、LAMP架构介绍1.1概述1.2LAMP各组件的主要作用1.3各组件的安装顺序 二、编译安装Apache httpd服务---命令讲解1、关闭防火墙&#xff0c;将安装Apache所需的软件包传到/opt/目录下2、安装环境依赖包3、配置软件模块4、编译安装5、优化配置文件路径…

数据的深海潜行:数据湖、数据仓库与数据湖库之间的微妙关系

导言&#xff1a;数据的重要性与存储挑战 在这个信息爆炸的时代&#xff0c;数据已经成为企业的核心资产&#xff0c;而如何高效、安全、便捷地存储这些数据&#xff0c;更是每个组织面临的重大挑战。 数据作为组织的核心资产 数据在过去的几十年里从一个辅助工具演变成企业的…

【JVM 内存结构 | 程序计数器】

内存结构 前言简介程序计数器定义作用特点示例应用场景 主页传送门&#xff1a;&#x1f4c0; 传送 前言 Java 虚拟机的内存空间由 堆、栈、方法区、程序计数器和本地方法栈五部分组成。 简介 JVM&#xff08;Java Virtual Machine&#xff09;内存结构包括以下几个部分&#…

【一】ubuntu20.04上搭建containerd版( 1.2.4 以上)k8s及kuboard V3

k8s 部署全程在超级用户下进行 sudo su本文请根据大纲顺序阅读&#xff01; 一、配置基础环境&#xff08;在全部节点执行&#xff09; 1、安装docker 使用apt安装containerd 新版k8s已经弃用docker转为containerd&#xff0c;如果要将docker改为containerd详见&#xff1a…

【K8S源码之Pod漂移】整体概况分析 controller-manager 中的 nodelifecycle controller(Pod的驱逐)

参考 k8s 污点驱逐详解-源码分析 - 掘金 k8s驱逐篇(5)-kube-controller-manager驱逐 - 良凯尔 - 博客园 k8s驱逐篇(6)-kube-controller-manager驱逐-NodeLifecycleController源码分析 - 良凯尔 - 博客园 k8s驱逐篇(7)-kube-controller-manager驱逐-taintManager源码分析 - 良…

多维时序 | MATLAB实现PSO-CNN-BiLSTM多变量时间序列预测

多维时序 | MATLAB实现PSO-CNN-BiLSTM多变量时间序列预测 目录 多维时序 | MATLAB实现PSO-CNN-BiLSTM多变量时间序列预测基本介绍模型特点程序设计参考资料 基本介绍 本次运行测试环境MATLAB2021b&#xff0c;MATLAB实现PSO-CNN-BiLSTM多变量时间序列预测。代码说明&#xff1a…

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…

猿辅导Motiff亮相IXDC 2023国际体验设计大会,发布新功能获行业高度关注

近日&#xff0c;“IXDC 2023国际体验设计大会”在北京国家会议中心拉开序幕&#xff0c;3000设计师、1000企业、200全球商业领袖&#xff0c;共襄为期5天的用户体验创新盛会。据了解&#xff0c;此次大会是以“设计领导力”为主题&#xff0c;分享全球设计、科技、商业的前沿趋…

9.Sentinel哨兵

1.Sentinel Sentinel&#xff08;哨兵&#xff09;是由阿里开源的一款流量控制和熔断降级框架&#xff0c;用于保护分布式系统中的应用免受流量涌入、超载和故障的影响。它可以作为微服务架构中的一部分&#xff0c;用于保护服务不被异常流量冲垮&#xff0c;从而提高系统的稳定…