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

目录

引言:

引入头像功能:

头像功能的优势:

引入群聊功能:

群聊功能的优势:

引入头像功能:

查看头像:

​编辑

上传头像: 

引入群聊功能:

创建群聊:

展示群聊全部用户:

结语:


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

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

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

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

引言:

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

引入头像功能:

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

头像功能的优势:

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

引入群聊功能:

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

群聊功能的优势:

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

引入头像功能:

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

查看头像:

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

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

 

 

上传头像: 

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

 

引入群聊功能:

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

创建群聊:

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

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

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

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

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

这里当然又少不了尬聊😅

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

展示群聊全部用户:

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

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

结语:

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

 

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

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

相关文章

村口的人家排放污水,污水浸染了整个村子,怎么办

从前有一个很不错的村子里,村子里有很多户人家,随着生活水平越来越好,房子也修起来了,柏油马路也宽敞了,大家进出村子,都要走那条马路,要不就出不去。 目录 1. 修厕所 2. 村口的日家 3. 告诉…

免费虚拟主机,免费域名。新手小白建站保姆级教程【完全免费】

本篇博文将从0开始教小白搭建自己的博客网站 如果是大佬,有自己的服务器,那么可以跳过该篇阅读哈哈哈哈 如果是小白,想自己折腾一下博客,练练手,就可以使用免费的虚拟主机搞一个练练手,后面就可以自己再买个…

C++day4(拷贝赋值函数、匿名对象、友元、常成员函数和常对象、运算符重载)

一、Xmind整理&#xff1a; 二、上课笔记整理&#xff1a; 1.day3作业订正&#xff1a;设计一个Per类&#xff0c;类中包含私有成员&#xff1a;姓名、年龄、指针成员身高... #include <iostream>using namespace std;//封装人 类 class Person { private:string name;…

第3篇:vscode搭建esp32 arduino开发环境

第1篇:Arduino与ESP32开发板的安装方法 第2篇:ESP32 helloword第一个程序示范点亮板载LED 1.下载vscode并安装 https://code.visualstudio.com/ 运行VSCodeUserSetup-x64-1.80.1.exe 2.点击扩展&#xff0c;搜索arduino,并点击安装 3.点击扩展设置&#xff0c;配置arduino…

Elasticsearch 处理地理信息

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

无涯教程-PHP - 常量数组

现在可以使用 define()函数定义数组常量。在PHP 5.6中&#xff0c;只能使用 const 关键字定义它们。 <?php//define a array using define functiondefine(animals, [dog,cat,bird]);print(animals[1]); ?> 它产生以下浏览器输出- cat PHP - 常量数组 - 无涯教程网无…

存储过程的使用

一、实验目的 熟练掌握使用 SQL SERVER 2000 创建和执行存储过程的方法。 熟练掌握存储过程的删除操作。 二、实验准备 1&#xff0e;熟悉 SQL SERVER 2000 设计环境&#xff1b; 2&#xff0e;熟悉存过过程的创建方法、步骤 三、实验内容 1、利用企业管理器或查询分析器…

YoloV5环境搭建记录

https://github.com/ultralytics/yolov5/ 1、在Anaconda Promptx新建conda虚拟环境 conda create -n py39_yolov5 python3.9 2、激活虚拟环境 conda activate py39_yolov5 3、虚拟环境下装所需依赖 conda install pytorch1.12.1 torchvision0.13.1 torchaudio0.12.1 cpuo…

C++11特性详解

一、简介 在C11标准出来之前&#xff0c;一直是C98/03标准占引领地位&#xff0c;而C98/03标准是C98标准在2003年将存在的一些漏洞进行了修复&#xff0c;但并没有核心语法的改动。相比于C98/03&#xff0c;C11则带来了数量可观的变化&#xff0c;其中包含了约140个新特性&…

Android5:活动生命周期

创建项目Stopwatch activity_main.xml <?xml version"1.0" encoding"utf-8"?> <LinearLayoutxmlns:android"http://schemas.android.com/apk/res/android"xmlns:tools"http://schemas.android.com/tools"android:layout_w…

pycharm添加虚拟环境以及虚拟环境安装pytorch

file、settings、interpreter、add interpreter、add local interpreter 记住不要勾选inherit&#xff0c;不然会把主环境的东西继承到虚拟环境。 创建前可以先点existing看看有没有已经建好的虚拟环境 有的时候pycharm有问题&#xff0c;创建了虚拟环境没有显示。找一个.py文…

Nginx前后端服务器部署

Nginx作为正反向代理的中转站&#xff0c;是连接前后端网络服务的媒介 Nginx下载&#xff1a;http://nginx.org/download/http://nginx.org/download/ 一、上传到服务器固定路径下并解压 上传到/opt/software/nginx-1.19.0.tar.gz cd /opt/software/ tar -zxvf nginx-1.19.0.…