某车客户运营维护系统

我要开发同款
tzj2023年03月21日
183阅读
开发技术JavaScript
所属分类webSockethtml

作品详情

某车辆运营方的管理系统,主要用于联系客户、创建工单、存储信息、记录异常、回访客户、查看记录等,后端使用了Spring Boot,前端使用了jQuery、layerUI、bootstrap 等插件,还涉及到 JavaScript、HTML、CSS 等较为原生的语法,并使用了 WebSocket 连接和继承 HTMLElement 的自定义标签来实现统一功能。同时还使用 layer 插件的统一提示方式,例如 layer.msg() 和 layer.open()。由于这是公司老项目,我主要负责修复 bug,实现客户提出的新需求,修改客户提出的需求变更等任务。

具体工作内容包括:对工单详情页面进行修改,与后端沟通,增加、修改字段,调整宽度和样式,并在保存时提交数据。新增页面时,在后端 controller 里添加路由,实现子页面跳转,进行增删改查导操作,调用后端接口分页查询数据并展示在列表中,根据数据 ID 查询单条数据并在弹窗中展示,修改后保存并提交数据,通过导出接口将查询条件传递给后端,获取文件流并下载到本地。

另外,该项目中涉及到两个 WebSocket 连接:软phone(平台屏蔽,英文表示)和客服聊天。这两个连接都是通过 new WebSocket() 创建的,并在 onmessage() 回调中处理后端传递的数据,通过 onclose() 和 onerror() 回调处理连接的断开操作。在签入状态下,工作人员需要处于就绪状态才能接收其他坐席或用户的消息。若签入状态异常断开,系统将自动重新连接,并定时发送心跳检测连接状态。一旦连接被断开,前端会设置延时任务并在规定时间内未接收到任何消息时,将自动关闭连接。phone部分可以用话机注册到后端,接收特定消息将会触发振铃。客服聊天部分,系统会自动打开一个子页面,根据 ID 查询用户信息,并可以与之聊天。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论