nestjs+vue+ts 打造一个酷炫的星空聊天室

[genal]

项目简介

😛 闲暇时间想做一个聊天室复盘一下这些年学习到的技术,于是就开始了阿童木聊天室的开发之旅 😈 项目采用全 typescript 开发,这是为了以后的功能迭代打基础.当然,我本身也是很喜欢 typescript 的 🧐 今后会陆续开发很多酷炫的功能,喜欢的朋友给个 star 鼓励一下我吧!

项目界面

项目技术

前端: vue + vue-router + vuex + socket.io + typescript + antd

后端: nestjs + nestjs/websocket + typescript 

数据库表结构设计

功能介绍

• 更改用户名 /头像上传
• 群聊 /私聊
• 新增群 /加入群聊 /模糊搜索群
• 添加好友 /模糊搜索好友
• 表情包
• 消息分页

作者

github: edison

项目仓库

github: genal-chat

线上演示

genal.fun

[liyg04120414]

sixsixsix

[chihiro2014]

看起来和 fiora 很像 emmm，用的东西

[genal]

@chihiro2014 是的 ui 上确实的参考 fiora 的 技术上碎碎大佬也给了一些支持

[wangqh333]

666

[Lenic]

私聊消息表不要放在一起，时间长了就会膨胀的特别厉害

[jtwor]

你听唔到我再肛,再听唔到我再肛,肛到你听到为止,都系果六个字 对唔住非凡哥

[genal]

@Lenic 有什么好办法吗

[leeggco]

SSS

[Lenic]

@genal 看你怎么想了，有按时间拆表的，有按照人来拆表的，你决定就好

[genal]

@Lenic 听起来好复杂啊 一个好友一张表很奇怪耶

[chihiro2014]

@genal 根据关系建表就行= =，这种看人喜好

[Lenic]

@genal 要是玩具就随意了，我的想法来源是：QQ 在全国有多少用户，一个用户说一句话，那这个表就多少行了？

[genal]

@Lenic 确实 哈哈哈 不过 mysql 百万查询也才 1s 啊 还不到这个业务量

[genal]

聊天室做了在线人数统计, 进来聊聊技术吧
https://www.genal.fungenal.fun

[genal]

聊天室做了在线人数统计, 进来聊聊技术吧
https://www.genal.fun