- 综合排序
- 最热优先
- 最新优先
- 来自专栏技术博客文章
微信聊天项目
效果图 登录/会话界面/通讯录/聊天界面/自定义表情/更多界面 群聊详情/好友详情/添加朋友/发送位置 深色模式/音视频通话界面 已有功能 登录注册，退出 更改用户昵称，头像 添加好友，群 发送消息：支持文本 聊天界面表情和键盘切换会有跳动，可以参考这个两个开源项目（好像没有这问题）：SmartKeyboardManager，MyEmjkeyBoard。 预览当前位置媒体文件，其他位置视频媒体会播放。 重构群聊天界面，和我不相关的音视频通话消息，消息为加群那样的简单提示。 重构项目，将大部分功能更改为更适合Jetpack规范的实现。 内测泄露和性能优化：目前项目还有些地方有内存泄露，部分功能写法性能也不是很好。 禁言后不能在转发消息到该会话。 用途 学习，毕业设计，面试项目 基于该项目上线运营，或者做外包，或者内部私有聊天（这个版本音视使用第三方SDK，无法使用部署，后面WebSocket实现的版本才能）；交互请勿直接商用。
2.6K20编辑于 2021-12-18 - 来自专栏产品优化
项目实践·Netty 聊天系统
Netty 聊天系统 引入依赖 该聊天项目是一个标准的多模块 spring boot 项目，只需要引入四个基本的依赖包。 ringBuffer 创建一个屏障 SequenceBarrier sequenceBarrier = this.ringBuffer.newBarrier(); // 3.
93730编辑于 2022-12-01 - 来自专栏h5
tauri聊天应用篇|vue3+tauri桌面聊天实例
https://cloud.tencent.com/developer/article/2137811今天分享的是使用tauri+vue3开发桌面端实战聊天实例TauriChat。 图片tauri-vue3-chat 实现了发送消息、图片/视频/网址预览、拖拽聊天区发送图片、朋友圈等功能。支持tauri打开多个窗体、更换主题皮肤等功能。 自定义pc端弹窗组件）滚动条组件：v3scroll（vue3模拟滚动条组件）矢量图标：阿里iconfont图标库图片tauri-chat 还支持新窗口打开朋友圈功能。 图片图片tauri+vue3登录模板图片<! handle.set_selected(false).unwrap(); } }); }}OK，以上就是基于tauri+vue3创建聊天实例的一些分享
5.5K30编辑于 2022-10-29 - 来自专栏Dotnet9
开源项目：WPF在线音视频聊天项目
一个基于.NET 6开发的在线音视频聊天项目，客户端使用WPF开发，后端使用.NET Core Web API。 一. 项目介绍 一个基于.NET 6开发的在线音视频聊天项目，客户端使用WPF开发，后端使用.NET Core Web API。 SignalR 用于服务器与客户端的通讯手段，该项目用于好友申请、消息提示、公告、聊天和音视频通话等一系列通知。 项目配置 如果需要正常运行此项目，请了解相关配置。 pwd=85x3 七. 项目仓库地址 GitHub地址：https://github.com/qian-o/Dimension
2.1K10编辑于 2022-04-18 - 来自专栏编程学习基地
Qt项目网络聊天室设计
网络聊天室 Qt网络聊天室服务端 网络聊天室程序 基于TCP的可靠连接(QTcpServer、QTcpSocket) 一个服务器，多个客户端 ? 3. 服务器接收到某个客户端的请求以及发送信息，经服务器发给其它客户端 最终实现一个共享聊天内容的聊天室！ 服务端UI设计 TcpServer项目训练 widget.h #ifndef WIDGET_H #define WIDGET_H #include <QWidget> #include <QNetworkInterface
2.8K30发布于 2020-08-19 - 来自专栏云计算linux
QQ项目之六聊天窗口
//0 设置成员变量，4个 public int friendId; // 当前聊天的好友号码 public string nickName; // 当前聊天的好友昵称 INSERT Messages(FromUserId, ToUserId, Message, MessageTypeId, MessageState) VALUES ({0},{1},'{2}',{3} ///
///3 把显示出的消息置为已读 /// private void SetMessageRead private void timer1_Tick(object sender, EventArgs e) { ShowMessage(); //每隔3秒读下消息！ void Vibration() { Point pOld = this.Location;//原来的位置 int radius = 3;58710编辑于 2024-12-13 - 来自专栏数据结构和算法
Java小项目——在线聊天室
Java练习项目——在线聊天室 话不多说，先上源码： server端： import java.io.*; import java.net.*; import java.util.*; public ; }catch (IOException e) { e.printStackTrace(); } } } } PS：该练习可实现类似在线聊天系统的小功能，本人的第一个的练习
99010编辑于 2023-11-30 - 来自专栏全栈程序员必看
Web端即时聊天项目实现（基于WebSocket）
Web端即时聊天项目实现 项目背景 其实这个项目算是我做过的花时间最长也投入心血最多的一个项目了，当时决定开始做这个的时候我几乎什么都不会，那时我个人的情况是： JavaEE方面： 会jsp+servlet 在那种情况下，我决定来做这个即时聊天的项目，先定下使用SpringMVC+Hibernate作为后端框架，然后一步一步查资料寻找和学习通信和前端相关的知识和解决方案，最终花了几个月时间完成了这样的一个项目 （可以附带验证消息） 一对一聊天 创建群组、查看群组成员、邀请好友进群 群聊 Android端： 注册、登陆功能 查看所有好友、群组 一对一聊天 群聊 注意： 这篇博客中完成的项目不支持高并发！！！ 这里的项目只是完成了基本的聊天功能，如果想要考虑高并发的话请去查阅更多资料。 2017/2/3 15:57 哎，几天忘记写这个进度笔记了，不过内容继续做了，群聊功能代码已经实现、加群功能实现，获取聊天记录功能实现。
3.6K20编辑于 2022-08-27 - 来自专栏刷题笔记
7-3 电话聊天狂人 (25 分)
点这里 7-3 电话聊天狂人 (25 分) 给定大量手机用户通话记录，找出其中通话次数最多的聊天狂人。 输入格式: 输入首先给出正整数N（≤105），为通话记录条数。 输出格式: 在一行中给出聊天狂人的手机号码及其通话次数，其间以空格分隔。如果这样的人不唯一，则输出狂人中最小的号码及其通话次数，并且附加给出并列狂人的人数。 3.遍历map用迭代器map<string ,int >::iterator it;解决了找起来费劲的问题。 就这么多吧。。。 3，map中元素的查找： find()函数返回一个迭代器指向键值为key的元素，如果没找到就返回指向map尾部的迭代器。 ); cout << "After swapping with m3, map m1 is:"; for ( m1_Iter = m1.begin( ); m1_Iter !
99720发布于 2019-11-08 - 来自专栏RabbitMQ实战
BIO在聊天室项目中的演化
通过聊天室项目的演化。介绍BIO的基本用法与优缺点。 image.png 提示：注意阅读代码和注释。 # 提要: 第一版: echo聊天室 服务器接收到客户端发送的消息，并打印 服务端将客户端发送的消息经过包装后再次发送给客户端 客户端断开连接 eg: client: greet from socket . server: echo from server: <greet from socket.> 第二版: 群聊聊天室 服务器接收客户端发送的消息，并打印 服务端将客户端发送的消息转发给其他在线的客户端 参照Echo聊天室的实现 缺点：还是不能再次发送消息给服务端。 static void main(String[] args) { new BioChatClient().start(); } } 测试 启动服务端与客户端(1个服务端，3个客户端
66110发布于 2020-07-08 - 来自专栏h5
h5实战仿微信聊天项目
最近也是由于项目需要做一个类似微信聊天功能，需要用html5去实现，如是就开始捣鼓开发了一个h5高仿微信聊天功能，和微信功能，样式非常相似，整体采用flex布局，使用自己开发的wcPop弹窗插件。
3.3K260发布于 2018-05-11 - 来自专栏学习之路
【#3】项目设计
3. Dispatcher 模块存在的意义：区分消息类型，根据不同的类型，调用不同的业务处理函数进行消息处理。 3. Dispatcher IO 数据分发处理，逻辑与服务端一致 4. ，我们将整个项目的实现划分为三层来进⾏实现 抽象层：将底层的网络通信以及应用层通信协议以及请求响应进行抽象，使项目更具扩展性和灵活 性。 业务层：基于抽象的框架在上层实现项目所需功能 1. 抽象层 在当前的项目实现中： 网络通信部分 采用了第三方库 Muduo 库. 通信协议 使用了 LV格式 的通信协议解决粘包问题. 3. 业务层 业务层就是基于底层的通信框架，针对项目中具体的业务功能的实现了，比如Rpc请求的处理，发布订阅请求的处理以及服务注册与发现的处理等等。
38300编辑于 2025-04-01 - 来自专栏路人甲Java
【附源码】用Java写了一个类QQ界面聊天小项目，可在线聊天！
目录： 1.功能实现 2.模块划分 3.使用到知识 4.部分代码实现 5.运行例图 1.功能实现 1.修改功能（密码、昵称、个性签名） 2.添加好友、删除好友 3.单聊功能 4.判断好友是否在线 2. 3.使用的知识 netty swing 集合等同步阻塞队列synchronousQueue 数据库MySQL中的CRUD C3p0连接池 JSON字符串 4.部分代码实现 1.nettyController.java panel_3 = new JPanel(); panel_3.setLayout(null); panel_3.setBorder(BorderFactory.createTitledBorder panel_3.setOpaque(false); //设置头像标签 label_2 = new JLabel(new ImageIcon("E:\\聊天软件\\untitled 这里面的所有功能都可以使用 3.聊天界面 ? 这个里面表情按钮没弄好 4.通信的过程 ? 5.修改操作 ? 6.好友的操作 ?
4K41发布于 2021-01-29 - 来自专栏陶士涵的菜地
vue.js客服系统实时聊天项目开发（二）
flex-grow 属性定义了项目的放大比例，默认值为 0。当所有项目的 flex-grow 值之和为正数时，剩余空间将平均分配给这些项目。
3.6K30编辑于 2023-01-14 - 来自专栏陶士涵的菜地
vue.js客服系统实时聊天项目开发（三）实现对话框聊天界面
接上面两篇继续，我来实现下对话框聊天界面，效果如下图： 全部代码： <template>
<div class="chatTitle :size="30" src="https://goflychat.oss-cn-hangzhou.aliyuncs.com/static/upload/avator/2022June/32a988a<em>3</em>c2f8700119fa1f5da1b6a4bd.png background-color: rgb(255,255,255); box-shadow: 0 5px 30px rgb(50 50 93 / 8%), 0 1px <em>3</em>px 实现我的<em>聊天</em>水平方向靠右 界面宽度缩小时，头像不缩小： "flex-shrink" 是 CSS Flexbox 布局中的一个属性。它定义了 flex 项目相对于其他项目的缩小比例。默认值为 1。 当容器空间不足时，所有项目将缩小，比例由 flex-shrink 值决定。 如果 flex-shrink 为 0 则元素不能缩小，相当于关闭了缩小的功能。5.4K41编辑于 2023-01-15来自专栏h5Vue3.x+Vant3仿微信聊天|朋友圈
项目简介 2021已来临，Vue3开发也要步入正轨了。 今天为大家带来的是全新开发的Vue3.x实战聊天室项目Vue3_Chatroom，基于vue3+vant3+vuex+vue-router+v3popup等技术搭建的聊天实例。 vue3 弹层组件） 字体图标：阿里 iconfont 字体图标库 自定义顶部 Navbar+底部 Tabbar 360截图20210108163529277.png 项目中所有的页面及逻辑部分源码均是使用最新的 vue3.0系列之自定义手机端弹框组件|vue3全局弹层组件v3popup vue.config.js自定义配置 项目中的一些路径别名alias配置，避免过多的../../路径。 handleDel, // ... } } } </script> 好了，基于vue3开发聊天项目
4.6K10发布于 2021-01-09来自专栏h5Vue3+Pinia2模拟Chatgpt聊天模板Vue3ChatGPT
这几天一直在了解ChatGPT，结合vite4.x构建了一个vue3版vue3-webgpt。 组件库ve-plus图片项目结构图片图片图片图片图片图片图片图片图片图片图片图片主入口main.jsimport { createApp } from 'vue'import App from '. /plugins'const app = createApp(App)app.use(Router).use(Store).use(Plugins).mount('#app')vue3聊天框图片如上图： 聊天框使用ve-plus组件库中的Input组件，设置type=textarea。 vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'}}}})OK，以上就是vue3开发仿制chatgpt聊天模板实例，希望对大家能喜欢~~
2.7K00编辑于 2023-05-08来自专栏陶士涵的菜地vue.js客服系统实时聊天项目开发（二十）vue项目框架目录结构
在之前的文章里没有介绍vue项目的目录结构，现在来介绍一下 Vue 项目的目录结构通常如下： . |-- public | |-- favicon.ico | |-- index.html |- src 目录存放着 Vue 项目的源代码。 assets 目录存放着需要经过 Webpack 处理的静态资源，如图片、CSS、字体等。 App.vue 是 Vue 项目的根组件。 main.js 是 Vue 项目的入口文件。 router.js 用于配置项目的路由。 store.js 用于配置项目的状态管理。 package.json 存放着项目的依赖、脚本等信息。 README.md 用于介绍项目的相关信息。 yarn.lock 用于锁定项目的依赖版本。 /views/About.vue') } ] }) store.js介绍 store.js 则是用来管理项目的状态，它使用 Vuex 实现。
97520编辑于 2023-02-17来自专栏陶士涵的菜地vue.js客服系统实时聊天项目开发（十五）实现聊天界面滚动到底部
在进入在线聊天界面以后，不管是历史消息，还是实时消息，都需要让最新消息展示出来。 因此需要把聊天界面滚动到最底部 //滚动到底部 scrollBottom:function(){ var _this=
3.6K30编辑于 2023-02-17来自专栏h5vue3-chat移动端聊天模板|vite7+vant4仿微信聊天
2026年重磅研发vite7+vue3+pinia3+vant4高颜值移动端仿微信界面聊天实例Vue3Chatroom。 自定义弹窗组件）iconfont图标：阿里字体图标库自定义顶部导航条+底部tabBar项目框架目录使用最新前端技术工具vite7.x搭建项目，vue3 setup语法糖编码开发。 tauri2.8+vite7+vue3+element-plus仿QQ/微信聊天应用tauri2.9-vite7-vue3admin客户端后台系统管理Exe模板最新原创uniapp-vue3-osadmin 手机版后台管理系统最新研发uniapp+vue3仿微信app聊天模板最新原创flutter3.27+bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信app聊天|朋友圈模板基于 uni-app+vue3实战短视频+聊天+直播app商城Electron-DeepSeek-Chat流式AI系统|electron39+vue3+deepseek手搓ai
24410编辑于 2026-03-01
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号