- 综合排序
- 最热优先
- 最新优先
- 来自专栏技术博客文章
微信聊天项目
效果图 登录/会话界面/通讯录/聊天界面/自定义表情/更多界面 群聊详情/好友详情/添加朋友/发送位置 深色模式/音视频通话界面 已有功能 登录注册，退出 更改用户昵称，头像 添加好友，群 发送消息：支持文本 聊天界面表情和键盘切换会有跳动，可以参考这个两个开源项目（好像没有这问题）：SmartKeyboardManager，MyEmjkeyBoard。 预览当前位置媒体文件，其他位置视频媒体会播放。 重构群聊天界面，和我不相关的音视频通话消息，消息为加群那样的简单提示。 重构项目，将大部分功能更改为更适合Jetpack规范的实现。 内测泄露和性能优化：目前项目还有些地方有内存泄露，部分功能写法性能也不是很好。 禁言后不能在转发消息到该会话。 用途 学习，毕业设计，面试项目 基于该项目上线运营，或者做外包，或者内部私有聊天（这个版本音视使用第三方SDK，无法使用部署，后面WebSocket实现的版本才能）；交互请勿直接商用。
2.6K20编辑于 2021-12-18 - 来自专栏Nicky's blog
Qt4系列之局域网聊天项目设计与开发
开源项目Github链接：https://github.com/u014427391/chitchat1.0 欢迎star （1）群聊主界面，有工具栏，工具栏功能分别是发送文件、打开音乐播放器、保存聊天记录 、清空聊天记录、打开记事本、退出登录、打开系统默认浏览器、屏幕截屏。 有显示登录者的名字、主机名、ip 可以实现群聊，互发信息 可以根据用户需要设置字体的颜色，加粗，倾斜，加下划线 发送图片 向好友发送图片 打开标准文件对话框 对方接受成功，提示登录名 为了让用户可以边聊天边听音乐 保存文件、退出、打印、复制、黏贴、剪切、加粗、倾斜、下划线、左对齐、右对齐、设置字体风格、字体、字体字号、插入图片、插入表格、搜索等 这是涂鸦板界面，有设置画板风格、画笔线宽、画笔颜色、清空聊天记录 这是打开的屏幕截图工具 正在截图 截图成功后，鼠标右键单击，有一个保存框(其实是QAction加在QLabel里)显示出来，单击保存，弹出标准文件对话框 这是用系统工具打开的保存文件，就是刚才的截图 开源项目
75720编辑于 2022-05-07 - 来自专栏产品优化
项目实践·Netty 聊天系统
Netty 聊天系统 引入依赖 该聊天项目是一个标准的多模块 spring boot 项目，只需要引入四个基本的依赖包。 @Slf4j @Component public class NettyWebSocketServer { /** * 端口号 */ @Value("${netty.websocket.port return messageProducer; } /** * 异常静态类 * * @author Alienware */ @Slf4j TranslatorDataWrapper { private Packet packet; private ChannelHandlerContext ctx; } 消息生产者 @Slf4j throws Exception { log.info("消费消息 -> {}", wrapper.getPacket().getCommand()); } } 实现类： @Slf4j
93730编辑于 2022-12-01 - 来自专栏Dotnet9
开源项目：WPF在线音视频聊天项目
一个基于.NET 6开发的在线音视频聊天项目，客户端使用WPF开发，后端使用.NET Core Web API。 一. 项目介绍 一个基于.NET 6开发的在线音视频聊天项目，客户端使用WPF开发，后端使用.NET Core Web API。 仓库地址：https://github.com/qian-o/Dimension 仓库截图： 项目代码结构： 二. 使用第三方依赖介绍 公用依赖 log4net 日志记录。 SignalR 用于服务器与客户端的通讯手段，该项目用于好友申请、消息提示、公告、聊天和音视频通话等一系列通知。 pwd=cp4o 六. 演示视频 链接：https://pan.baidu.com/s/1n-sQZFgO9GEhS80jHLVouA?pwd=85x3 七.
2.1K10编辑于 2022-04-18 - 来自专栏编程学习基地
Qt项目网络聊天室设计
网络聊天室 Qt网络聊天室服务端 网络聊天室程序 基于TCP的可靠连接(QTcpServer、QTcpSocket) 一个服务器，多个客户端 ? 3. 服务器接收到某个客户端的请求以及发送信息，经服务器发给其它客户端 最终实现一个共享聊天内容的聊天室！ = QAbstractSocket::IPv4Protocol) continue; //只取IPV4的地址 addressStrList.append(ipList.at 服务端UI设计 TcpServer项目训练 widget.h #ifndef WIDGET_H #define WIDGET_H #include <QWidget> #include <QNetworkInterface = QAbstractSocket::IPv4Protocol) continue; //只取IPV4的地址 addressStrList.append(ipList.at
2.8K30发布于 2020-08-19 - 来自专栏云计算linux
QQ项目之六聊天窗口
:2015.12.23； 聊天窗体第一个图片； /// public partial class ChatForm : Form { //0 设置成员变量，4个 public int friendId; // 当前聊天的好友号码 public string nickName; // 当前聊天的好友昵称 , "''"); str = returnStr; } return str; } //4 INSERT Messages(FromUserId, ToUserId, Message, MessageTypeId, MessageState) VALUES ({0},{1},'{2}',{3},{4} lblMessages.ForeColor = colorDialog1.Color; } //发图片 private void toolStripButton4_
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 - 来自专栏新智元
超越GPT-4！华人团队爆火InstructBLIP抢跑看图聊天，开源项目横扫多项SOTA
GPT-4看图聊天还没上线，就已经被超越了。 近来，华人团队开源了多模态基础模型InstructBLIP，是从BLIP2模型微调而来的模型。 最最重要的是，InstructBLIP在多个任务上实现了最先进的性能，甚至在图片解释和推理上表现优于GPT4。 为啥如此之强？ 比如使用GPT-4技术报告中的一张图。「这张图有什么不对劲的地方？」 从给出的回答中看出， InstructBLIP比GPT-4更全面，比LLaVA更视觉化，比MiniGPT-4更有逻辑性。 MiniGPT-4也能够看图聊天，比如传一张海鲜大餐照片上去，就能直接获得菜谱。 对于，MiniGPT-4能够做到这么好的效果，实现起来却并不复杂。 另外，团队让MiniGPT-4与ChatGPT合作创建了3500个图像文本的高质量数据集，也一并开源。
71930编辑于 2023-05-15 - 来自专栏全栈程序员必看
Web端即时聊天项目实现（基于WebSocket）
Web端即时聊天项目实现 项目背景 其实这个项目算是我做过的花时间最长也投入心血最多的一个项目了，当时决定开始做这个的时候我几乎什么都不会，那时我个人的情况是： JavaEE方面： 会jsp+servlet 在那种情况下，我决定来做这个即时聊天的项目，先定下使用SpringMVC+Hibernate作为后端框架，然后一步一步查资料寻找和学习通信和前端相关的知识和解决方案，最终花了几个月时间完成了这样的一个项目 这里的项目只是完成了基本的聊天功能，如果想要考虑高并发的话请去查阅更多资料。 值为3时：这条消息为上线通知，content无意义，仅为记录性内容，服务器转发不给发出者 值为4时：这条消息为下线通知，content无意义，仅为记录性内容，不给发出者发 值为5时：这条消息为好友申请 关于这个功能的实现我现在的想法是：每个人上线的时候，给自己的所有联系人发一条消息，定义type=3，意味着上线通知，下线的时候给所有人发一条type=4的下线通知。
3.6K20编辑于 2022-08-27 - 来自专栏RabbitMQ实战
BIO在聊天室项目中的演化
通过聊天室项目的演化。介绍BIO的基本用法与优缺点。 image.png 提示：注意阅读代码和注释。 # 提要: 第一版: echo聊天室 服务器接收到客户端发送的消息，并打印 服务端将客户端发送的消息经过包装后再次发送给客户端 客户端断开连接 eg: client: greet from socket . server: echo from server: <greet from socket.> 第二版: 群聊聊天室 服务器接收客户端发送的消息，并打印 服务端将客户端发送的消息转发给其他在线的客户端 bufferedInputStream = new BufferedInputStream(is); //从缓冲区中一次读取的数据 byte[] buffer = new byte[1024 * 4] 参照Echo聊天室的实现 缺点：还是不能再次发送消息给服务端。
66110发布于 2020-07-08 - 来自专栏h5
h5实战仿微信聊天项目
最近也是由于项目需要做一个类似微信聊天功能，需要用html5去实现，如是就开始捣鼓开发了一个h5高仿微信聊天功能，和微信功能，样式非常相似，整体采用flex布局，使用自己开发的wcPop弹窗插件。
3.3K260发布于 2018-05-11 - 来自专栏清羽飞扬
CloudflareVercel项目推荐(4)
但是实用且简单的项目仍然很难找，近期终于收齐了一些好玩有趣的项目，在这里分享给大家！ 项目总览 前端工具 Json文件可视化：纯静态项目，可以格式化杂乱的Json内容，可视化显示，方便进行数据处理。 Json文件可视化 部署方式：Cloudflare Worker、Vercel、Github Page、Tencent eo page等 引用站外地址，不保证站点的可用性和安全性 json4u:The ，详见文章Cloudflare/Vercel项目推荐(1)，这又是一个类似的项目，下面还有一个，大家可以自行对比进行选择性部署，第一个项目的展示页面可以看左上角菜单中的每日热榜站点（都点开左上角菜单看看 ，该项目与之前的项目不太一样，是一个前后端一起的项目，无需分离部署，可能会方便一些，但是相应的数据源会少一点，但是也是相对的，数据源也很多，足够日常使用啦！
98710编辑于 2025-03-21 - 来自专栏h5
vue3-chat移动端聊天模板|vite7+vant4仿微信聊天
2026年重磅研发vite7+vue3+pinia3+vant4高颜值移动端仿微信界面聊天实例Vue3Chatroom。 使用技术开发工具：vscode使用技术：vite7+vue3.5+pinia3+vue-router@4组件库：Vant-UI4.x (有赞移动端Vue3组件库)弹窗组件：V3Popup（基于vue3.0 自定义弹窗组件）iconfont图标：阿里字体图标库自定义顶部导航条+底部tabBar项目框架目录使用最新前端技术工具vite7.x搭建项目，vue3 setup语法糖编码开发。 package.json配置{ "name": "vue3-wechat", "description": "基于Vite7+Vue3.5+Pinia3+Vant4移动端仿微信聊天实例 Q: 282310962 plugins'const app = createApp(App)app.use(Router).use(Pinia).use(Plugins).mount('#app')以上就是vue3+vant4搭建移动端聊天室的一些知识分享
24410编辑于 2026-03-01 - 来自专栏路人甲Java
【附源码】用Java写了一个类QQ界面聊天小项目，可在线聊天！
目录： 1.功能实现 2.模块划分 3.使用到知识 4.部分代码实现 5.运行例图 1.功能实现 1.修改功能（密码、昵称、个性签名） 2.添加好友、删除好友 3.单聊功能 4.判断好友是否在线 2. panel_3.setOpaque(false); //设置头像标签 label_2 = new JLabel(new ImageIcon("E:\\聊天软件 = new JLabel("个性签名:"); label_4.setFont(new Font("宋体", Font.PLAIN, 16)); label_4.setForeground (Color.BLUE); label_4.setBounds(120, 50, 100, 20); panel_1.add(label_4); //设置文本 这里面的所有功能都可以使用 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 //goflychat.oss-cn-hangzhou.aliyuncs.com/static/upload/avator/2022June/32a988a3c2f8700119fa1f5da1b6a<em>4</em>bd.png 实现我的<em>聊天</em>水平方向靠右 界面宽度缩小时，头像不缩小： "flex-shrink" 是 CSS Flexbox 布局中的一个属性。它定义了 flex 项目相对于其他项目的缩小比例。默认值为 1。 当容器空间不足时，所有项目将缩小，比例由 flex-shrink 值决定。 如果 flex-shrink 为 0 则元素不能缩小，相当于关闭了缩小的功能。5.4K41编辑于 2023-01-15来自专栏网络收集4、后台项目的开发
4、后台项目的开发1.后台项目的目标我们已经学习完了 KOA2 的快速上手, 并且对 KOA2 当中的中间件的特点页进行了讲解. 接下来就是利用KOA2 的知识来进行后台项目的开发，后台项目需要达到这以下几个目标:1.计算服务器处理请求的总耗时计算出服务器对于这个请求它的所有中间件总耗时时长究竟是，我们需要计算一下2.在响应头上加上响应内容的 每一个目标就是一个中间件需要实现的功能, 所以后台项目中需要有三个中间件2.后台项目的开发步骤创建一个新的文件夹, 叫做 koa_server , 这个文件夹就是后台项目的文件夹1.项目准备1.安装包npm 类型由于咱们所响应给前端浏览器当中的数据都是 json 格式的字符串，所以 mime 类型可以统一的给它写成 application/json , 当然这一块也是简化的处理了，因为 mime 类型有几十几百种，我们我们没有必要在我们的项目当中考虑那么多 contentType = 'application/json; charset=utf-8' ctx.set('Content-Type', contentType) await next() }4.
64230编辑于 2022-06-18来自专栏c++与qt学习项目知识盲区整理4
项目知识盲区整理4 常用富文本编译器集合 常用图表插件 常用字体插件 验证码 element jwt 跨域--origin请求头 非Controller层通过RequestContextHolder.getRequestAttributes accessible by any of the configured Template Resolvers context-path和servlet-path的区别和在nginx中分发的作用 web项目中的路径问题 SpringBoot的配置 server.servlet-path 和 server.context-path Spring Boot 应用中server.context-path的作用 ---- web项目中的路径问题 web项目中的路径问题 ---- redis命令大全 redis命令参考 ---- Redis中删除过期Key的三种策略 Redis中删除过期Key的三种策略
61710编辑于 2021-12-07来自专栏h5react18+vant+zustand4仿微信聊天ReactChat
React18-Chat基于vite4.x构建工具创建react聊天项目，使用react18 hooks函数组件编码页面。 图片使用了最新技术栈React18、React-Router v6、react-vant、Zustand4开发构建项目。 vite4.x构建的react18项目，目录结构如下：图片// 创建项目yarn create vite react-chat...选择react模板// 运行项目yarn dev// 构建项目yarn { path: '/contact', element: <Contact /> }, { path: '/uinfo', element: <Uinfo /> }, // 聊天模块 Vant开发聊天项目的一些分享，希望大家喜欢哈。
99940编辑于 2023-08-16来自专栏陶士涵的菜地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
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号