[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fRkflpq8rfEmpPzPyi0dUJQnxPKCzto5U4HAtMljhjKQ":3,"project-public-articles-web-chat-room":26},{"id":4,"title":5,"short_title":6,"slug":7,"project_type":8,"paid_type":9,"cover":10,"imgs":11,"desc":12,"content":13,"tags":14,"price":15,"original_price":16,"sales":17,"views":18,"video_bvid":19,"author":20,"is_new":17,"is_hot":17,"status":21,"sort":22,"resources":23,"created_at":24,"updated_at":25},66,"基于Springboot+Vue+WebSocket的web网络聊天室，单聊群聊，支持表情图片文件下载","web网络聊天室","web-chat-room","paid","source","\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" viewBox=\"0 0 1200 900\" data-cover-style=\"plain-title-v4\">\n  \u003C!-- Background -->\n  \u003Crect width=\"1200\" height=\"900\" fill=\"#FFF3E0\"\u002F>\n\n  \u003C!-- Title -->\n  \u003Ctext x=\"600.0\" y=\"484.2\" font-size=\"107\" font-weight=\"800\" letter-spacing=\"-0.6\" fill=\"#3E1500\" text-anchor=\"middle\">web网络聊天室\u003C\u002Ftext>\n\n\u003C\u002Fsvg>","[]","实现在线聊天、消息收发和即时沟通，适合入门WebSocket应用。","\u003Ch3>1、项目角色设计\u003C\u002Fh3>\u003Cp>\u003Cspan style=\"font-size: 16px;\">管理员：管理所有模块数据、具备所有功能\u003C\u002Fspan>\u003C\u002Fp>\u003Cp>\u003Cspan style=\"font-size: 16px;\">教师和学生：登录注册、管理个人信息、修改密码、单人聊天、群组聊天\u003C\u002Fspan>\u003C\u002Fp>\u003Ch3>\u003Cspan style=\"font-size: 16px;\">2、\u003C\u002Fspan>项目功能描述\u003C\u002Fh3>\u003Cp>\u003Cstrong>登录注册、用户管理、系统公告管理、单人聊天、群组聊天、个人中心、修改密码 \u003C\u002Fstrong>\u003Cspan style=\"color: rgb(74, 74, 74); font-size: 16px;\">等功能。\u003C\u002Fspan>\u003C\u002Fp>\u003Cp>\u003Cspan style=\"color: rgb(74, 74, 74); font-size: 16px;\">可作为毕业设计、课程设计、个人学习使用。\u003C\u002Fspan>\u003C\u002Fp>\u003Cp>\u003Cstrong>聊天内容（单人和群组）均支持：图片、文字、表情、发送文件和下载文件\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>\u003Cstrong>支持聊天未读消息离线存储，用户登录后气泡提示未读消息（可见下面功能截图）\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>\u003Cstrong>单人聊天：支持选择具体聊天用户，支持切换用户，有未读消息提醒，\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>\u003Cstrong>聊天支持发送文字、图片、表情、文件（可点击下载文件），支持未读消息气泡提醒\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>\u003Cstrong>群聊\u003C\u002Fstrong>：用户进入群聊板块，可以在里面畅所欲言，展示当前在线的用户，\u003C\u002Fp>\u003Cp>\u003Cstrong>聊天内容和单聊一样支持发送文字、图片、表情、文件（可点击下载文件）\u003C\u002Fstrong>\u003C\u002Fp>\u003Ch3>2、项目技术栈\u003C\u002Fh3>\u003Cp>后端：Springboot、MyBatis、Websocket\u003C\u002Fp>\u003Cp>前端：Vue、Element-UI\u003C\u002Fp>\u003Cp>数据库：MySQL5.7 或 MySQL8\u003C\u002Fp>\u003Cp>模式：前后端分离\u003C\u002Fp>\u003Cp>编辑器：IDEA\u003C\u002Fp>","[\"前后端分离\",\"原创成品\",\"Springboot\",\"Vue\",\"管理系统\"]",5000,8800,0,314,"BV12y4y1N7Pi","程序员青戈",1,9,"[\"完整源码+SQL\", \"项目部署文档\"]","2026-04-01 10:00:00","2026-05-20 14:40:47",null]