项目技术: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框架的使用和认知。增加了项目开发经验。