基于springboot,vue在线聊天系统

开发工具:IDEA

服务器:Tomcat9.0, jdk1.8

项目构建:maven

数据库:mysql5.7

系统分前后台,项目采用前后端分离

前端技术:TypeScript+Vue3.0+ElementUI-Plus

服务端技术:springboot+mybatis+redis

项目功能:

登录、注册、添加好友,创建群聊、单聊群聊、发送表情、发送图片、发送视频、上传文件、下载文件、查看好友群聊信息、删除会话、邀请加入群聊、管理个人信息、管理群聊信息、注销用户等等功能。

文档截图:

N-136基于springboot,vue在线聊天系统

java 复制代码
@RestController("WebGroupController")
@RequestMapping("/web/group")
public class GroupController {

    @Resource
    private IGroupService groupService;

    /**
     * 创建群聊操作
     * @param groupDTO
     * @return
     */
    @PostMapping("/create")
    public ResponseDTO<Boolean> createGroup(@RequestBody GroupDTO groupDTO) {
        return groupService.createGroup(groupDTO);
    }

    /**
     * 发起群聊会话操作
     * @param groupDTO
     * @return
     */
    @PostMapping("/start")
    public ResponseDTO<ChatDTO> startGroupChat(@RequestBody GroupDTO groupDTO) {
        return groupService.startGroupChat(groupDTO);
    }

    /**
     * 获取当前登录用户的群聊列表
     * @param groupDTO
     * @return
     */
    @PostMapping("/list")
    public ResponseDTO<List<GroupDTO>> listGroupByToken(@RequestBody GroupDTO groupDTO) {
        return groupService.listGroupByToken(groupDTO);
    }

    /**
     * 根据id获取群聊信息
     * @param groupDTO
     * @return
     */
    @PostMapping("/get")
    public ResponseDTO<GroupDTO> getGroupById(@RequestBody GroupDTO groupDTO) {
        return groupService.getGroupById(groupDTO);
    }

    /**
     * 邀请用户加入群聊
     * @param groupDTO
     * @return
     */
    @PostMapping("/invite")
    public ResponseDTO<GroupDTO> inviteGroupUser(@RequestBody GroupDTO groupDTO) {
        return groupService.inviteGroupUser(groupDTO);
    }

    /**
     * 退出或解散群聊操作
     * @param groupDTO
     * @return
     */
    @PostMapping("/exit")
    public ResponseDTO<GroupDTO> exitGroup(@RequestBody GroupDTO groupDTO) {
        return groupService.exitGroup(groupDTO);
    }

    /**
     * 更新群聊信息操作
     * @param groupDTO
     * @return
     */
    @PostMapping("/save")
    public ResponseDTO<GroupDTO> saveGroup(@RequestBody GroupDTO groupDTO) {
        return groupService.save(groupDTO);
    }
}
相关推荐
Superxpang43 分钟前
前端性能优化
前端·javascript·vue.js·性能优化
左手吻左脸。43 分钟前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
左手吻左脸。44 分钟前
Element UI表格中根据数值动态设置字体颜色
vue.js·ui·elementui
李白的故乡44 分钟前
el-tree-select名字
javascript·vue.js·ecmascript
Rysxt_1 小时前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含1 小时前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
你的人类朋友1 小时前
先用js快速开发,后续引入ts是否是一个好的实践?
前端·javascript·后端
码事漫谈1 小时前
医疗设备控制系统中同步与异步通信的架构设计
后端
码事漫谈2 小时前
C++ 中 rfind 方法详解
后端
AAA修煤气灶刘哥2 小时前
服务器指标多到“洪水泛滥”?试试InfluxDB?
数据库·后端·面试