1、使用vue3+vite+element-ui进行开发，实现响应式布局，并且可以加快开发效率。2、使用vue-router技术，对需要跳转的页面进行路由配置。3、安装配置Axios，用于创建axios实例、拦截请求和相应。4、创建http.js，用于封装开发所需用到的各种请求。5、使用element-ui组件库搭建页面，并使用后端接口进行对接，实现相应效果。6、在后台管理中添加聊天功能，使用后端接口获取客服分组消息，客服点击分组消息，跳转到相应的对话聊天框，可以与用户进行对话，其中使用了轮询技术，每秒获取最新消息，让客服可以第一时间看得到最新消息，并且添加包表情包以及文件发送功能，客服可以发送表情包以及文件给客户，还使用了顶部滑动监听事件，客服向上开始滑动，停止轮询事件，滑动至顶部刷新历史记录，如果向下滑动至底部，则重新开启轮询事件，可获取最新消息。