仿微信电脑版

社交 IM熟人社交案例ID：166121

momo

2 年经验· 寒冰科技有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

项目技术：vue框架、element-ui框架、axios请求库、socket.io技术、express后端框架、mongodb数据库
项目描述：本项目为全栈项目，前端项目主要采用vue框架+element-ui框架。后端使用express框架快速开发，
mongodb数据库存储数据并实现增删改查，发起axios请求实现前后端交互，使用socket.io库实现客户端与服
务器的双向数据通信。实现的功能如下：
1.基本的登录注册功能，用户的密码在服务器数据库以密文的形式存储，保障了用户账号的安全。该项
目只有登录后才能使用聊天的各类功能。
2.用户可以创建群聊、添加群聊、退出群聊。
3.可实时发送和接受群聊消息，收发的消息可以是文字或图片。
4.可以修改个人的昵称、头像和修改群聊的头像。
5.样式风格尽可能的电脑版微信相同。
6.自己发送的消息发送后还可以撤回，新消息会出现小红点标记表示未读。
项目收获：熟练使用模块化思想开发。学会了socket.io的创建、加入、离开房间，广播等知识。加深了对vue
框架和element-ui框架的使用和认知。增加了项目开发经验。