仿微信电脑版

我要开发同款
前端开发_程序猿2024年11月23日
412阅读

作品详情

项目技术:vue框架、element-ui框架、axios请求库、socket.io技术、express后端框架、mongodb数据库
项目描述:前端项目主要采用vue框架,单页面组件使得编写和维护极为方便,mvvm模式不必考虑视图和数据的对接是如何实现。Element-ui框架的使用可以快速进行UI布局,节约了时间成本。
后端使用express框架快速开发,mongodb数据库存储数据并实现增删改查,发起axios请求实现前后端交互,使用socket.io库实现客户端与服务器的双向数据通信。实现的功能如下:
1. 基本的登录注册功能,用户的密码在服务器数据库以密文的形式存储,保障了用户账号的安全。该项目只有登录后才能使用聊天的各类功能。
2. 用户可以创建群聊、添加群聊、退出群聊。
3. 可实时发送和接受群聊消息,收发的消息可以是文字或图片。
4. 可以修改个人的昵称、头像和修改群聊的头像。
5. 样式风格尽可能的电脑版微信相同。
6. 自己发送的消息发送后还可以撤回,新消息会出现小红点标记表示未读。
项目收获:熟练使用模块化思想开发。学会了socket.io的创建、加入、离开房间,广播等知识。加深了对vue框架和element-ui框架的使用和认知。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论