全新开发在线客服系统，前端VUE开发，后端PHP全开源带教程，搭建简单，易二开，聊天丝滑流畅

系统介绍：集成了实时沟通、AI智能接待、快捷消息回复、数据同步、群发助手和卡密登录等核心功能。系统支持文字、图片、视频、语音等多种消息类型，提供客户信息管理、黑名单过滤、数据统计分析等辅助工具，帮助企业建立高效的客户服务体系，提升客户满意度和服务效率

优化客服工作台响应式布局，布局更加清晰简洁，优化5h布局消息时间显示，优化消息标记，优化客服工作台样式界面更大气简洁，新版效果看2视频，新增js嵌入代码+教程 复制代码即可嵌入程序 本程序前端跟后台均是vue代码，后端php，搭建简单只需十分钟就能搭建好 ，无需繁琐ssl等麻烦配置，利于维护。支持二开

新增：收到和发送音效

⚠️ 注意事项

• 卡密管理 – 请妥善保管登录卡密，定期更换以确保账户安全
• 数据备份 – 建议定期备份重要客户数据和聊天记录
• 权限控制 – 合理分配客服人员权限，避免敏感信息泄露

客服系统总功能文档

一、系统定位

本系统是一个面向在线客服业务的全栈客服管理平台，覆盖访客接入、实时会话、客服工作台、卡密账号管理、二维码入口、域名池、快捷话术、AI 接待、访客数据分析、后台权限和系统配置等功能。

系统整体可以分为四个使用端：

• 访客端：用于访客进入客服链接后发起咨询、查看消息、完成必要的人机验证或身份校验。
• 客服端：用于客服账号登录后接待访客、管理会话、发送消息、查看客户资料和维护个人配置。
• 移动客服端：用于在移动设备上处理客服会话、快捷回复和基础客户资料。
• 后台管理端：用于管理员维护客服账号、权限、二维码、域名、消息模板、数据安全和系统配置。

二、用户角色

1. 访客

访客通过客服链接、二维码或域名入口进入咨询页面。系统会为访客生成唯一身份标识，并记录访客名称、头像、IP、访问环境、浏览器信息和归属客服等信息。

访客可以进行在线聊天，发送咨询内容，并在需要时完成验证码、人机验证或客服设置的校验流程。

2. 客服账号

客服账号是系统中的核心接待角色，也承担卡密账号的业务含义。客服账号可以登录客服工作台，处理访客会话，配置接待状态，维护个人资料、头像、接待头像、验证方式、通知文案、接待平台和到期时间等信息。

客服账号可以查看自己的访客数据、聊天记录、快捷话术、接待配置和二维码入口。

3. 后台管理员

后台管理员负责系统级管理，包括管理员账号、角色组、菜单权限、客服账号、二维码、域名、IP 黑名单、话术模板、消息模板、AI 接待配置、附件、系统配置、日志和数据安全规则等。

后台管理员可以通过权限规则控制不同管理人员可访问的菜单和按钮。

三、核心业务模块

1. 登录与账号体系

系统包含后台管理员登录和前台客服账号登录两套身份体系。

后台管理员用于进入管理后台，系统会记录管理员登录状态、失败次数、上次登录时间、登录 IP 和操作日志。

客服账号用于进入客服工作台和会员中心。客服账号支持登录、退出、资料获取、密码修改、账号信息更新、续费和状态校验。账号到期时间、启用状态、在线状态和接待状态会影响客服是否可以正常使用系统。

2. 客服工作台

客服工作台是客服人员日常使用的核心界面，主要包含访客列表、聊天窗口、消息输入框、快捷回复、客户资料、服务历史、黑名单、AI 接待、数据统计和设置面板。

客服可以在工作台中查看当前访客，打开会话，读取历史聊天记录，发送消息，更新访客备注，置顶访客，查看服务历史，并按关键字搜索访客名称或聊天内容。

工作台同时支持多种辅助功能，例如快捷话术、打招呼话术、点击回复、群发消息、AI 接待问答和黑名单管理。

3. 访客接入与会话建立

访客通常通过二维码或客服链接进入咨询页面。系统会根据链接中的业务参数识别对应客服账号，并结合域名、二维码状态、客服状态和访问环境判断是否允许进入。

访客进入后，系统会创建或更新访客资料，记录访客 IP、客户端标识、访问来源、在线状态和接待客服信息。系统会根据当前服务关系维护正在接待中的会话。

如果客服开启了人机验证、IP 过滤或平台限制，访客需要通过对应规则后才能正常发起会话。

4. 实时聊天与消息记录

系统支持客服与访客之间的聊天消息收发。聊天消息会记录发送方、接收方、双方名称、头像、消息内容、消息类型和发送时间。

客服端可以拉取指定访客与当前客服之间的历史消息，并按时间顺序展示。访客端也可以读取自己与客服的历史会话。

系统支持按消息内容搜索会话，也支持按访客名称搜索客户。搜索结果会合并访客资料和最近一条相关消息，方便客服快速定位历史咨询。

5. 访客资料管理

系统会为每个访客维护基础资料，包括访客标识、昵称、头像、IP、地区、浏览器信息、在线状态、归属客服、备注、置顶状态和访问时间。

客服可以更新访客名称、备注和置顶状态。系统还可以查看访客的服务历史，帮助客服了解该访客曾经由谁接待、何时开始服务、何时结束服务。

6. 客服接待状态与服务记录

客服账号具有在线状态和接待状态。在线状态会影响访客是否能被正常接待，接待状态会影响客服是否参与会话分配。

系统会维护当前服务关系，记录某个访客当前由哪个客服接待，以及对应的服务记录。服务结束后，历史服务记录可用于追踪客服接待过程。

7. 快捷消息

快捷消息用于客服在聊天时快速发送常用内容。管理员或客服可以维护快捷消息模板，包括标题、内容、类型、排序和启用状态。

客服工作台可以读取快捷消息列表，客服选择后即可填入或发送，减少重复输入，提高回复效率。

8. 打招呼话术

打招呼话术用于访客进入会话时的主动欢迎或引导。系统支持维护多条打招呼内容，并根据启用状态和排序进行展示或调用。

该功能适合配置欢迎语、服务说明、常见问题入口和业务引导文案。

9. 点击回复

点击回复用于配置访客可点击的问题和对应答案。该功能适合构建简单的常见问题入口，访客点击问题后可以快速得到预设回复。

点击回复内容包含问题、回答、消息类型、排序和启用状态。

10. 群发消息

群发消息用于维护可批量发送的消息模板。管理员或客服可以配置标题、内容、消息类型、排序和状态。

该功能适合统一通知、活动提醒、客服公告和批量触达场景。

11. AI 接待

AI 接待模块用于维护自动问答内容。系统支持配置问题、回答、回答类型和启用状态。

该模块可以作为人工客服前的辅助接待能力，用于回答高频问题、引导访客选择服务方向，或在客服不在线时提供基础响应。

12. IP 黑名单与 IP 过滤

系统支持按客服维度维护 IP 黑名单。访客访问聊天记录或进入咨询时，如果 IP 命中黑名单，系统会限制其继续获取正常会话内容。

系统还包含批量 IP 过滤能力，可以根据账号、地区、省份和过滤数量等规则查询或统计相关访问记录，用于风控、流量筛选和异常访问识别。

13. 二维码管理

二维码是访客进入客服会话的重要入口。系统为客服账号生成二维码或短链接，并维护二维码所属客服、关联域名、链接内容、启用状态和创建时间。

管理员可以在后台管理二维码列表，新增、编辑、删除、排序和切换状态。客服批量创建时，系统也会自动为新客服生成对应入口。

14. 域名池管理

系统维护域名池，用于客服链接和二维码入口。域名可以区分官方域名和定制域名，并记录域名状态、微信检测状态、检测标记和关联客服。

域名池用于为客服链接分配可用访问域名，也可以支持域名可用性检测和入口切换。

15. 卡密与客服账号管理

后台可以维护客服账号，包括账号、昵称、头像、分组、密码、状态、到期时间、在线状态、接待平台、验证方式、通知配置、余额和积分等。

系统支持单个新增、编辑、删除、远程选择、批量创建和批量激活。批量创建时，可以根据输入内容生成多个客服账号，并为每个账号生成访问二维码。

客服账号也可通过续费码或后台操作延长有效期。

16. 客服账号分组与权限

系统支持客服账号分组，并通过前台权限规则控制会员中心菜单、路由和按钮权限。

分组可用于区分不同类型客服或卡密账号，配合权限规则控制可访问的功能范围。

17. 余额与积分记录

系统保留客服账号或会员账号的余额、积分及其变动记录。每条记录包含变更前数值、变更后数值、变更数量、备注和创建时间。

该功能可用于会员中心展示、账号权益管理、消费记录或运营积分体系。

18. 数据同步

数据同步功能用于把某个源账号的配置同步到多个目标账号。可同步内容包括账号设置、接待配置、验证配置、话术配置和其他客服相关配置。

系统支持发起同步任务、查看同步进度和取消同步任务。同步过程会返回总数、已处理数量、成功数量、失败数量和当前状态，方便前端展示进度。

19. 一键替换

一键替换功能用于对多个账号中的指定关键字进行批量替换。用户提交原关键字、新关键字、目标账号和替换选项后，系统执行批量处理。

该功能适合批量修改话术、通知文案、链接内容或配置文本。系统支持查询进度和取消任务。

20. 卡密查询与数据分析

系统提供面向卡密或客服账号的数据查询与分析功能。用户可以校验卡密，查询账号数据，导出结果，并按时间维度统计相关访客、聊天和服务数据。

该功能适合运营人员了解账号使用情况、访客转化情况、消息量和服务效果。

21. 粉丝码与二维码数据查询

系统提供二维码和用户数据查询能力，可根据账号或卡密查询二维码、访客数据、聊天数据和服务数据，并支持按日期统计与导出。

该功能用于分析不同客服链接或二维码入口的使用效果。

22. 附件与上传

系统支持文件上传和附件管理。上传后的文件会保存文件名、大小、类型、存储位置、上传者和创建时间等信息。

附件能力可服务于头像、图片消息、素材内容、配置图片和其他业务文件。

23. 验证码与人机验证

系统提供普通验证码和点击式人机验证能力，用于登录、注册、账号校验或访客进入会话前的验证。

客服账号可以配置访客侧是否开启验证，以及验证提示内容。该能力用于降低异常访问和恶意请求。

24. 后台菜单与权限管理

后台管理端支持管理员、角色组、菜单规则和按钮权限管理。管理员可以被分配到不同角色组，角色组拥有不同菜单和按钮权限。

权限规则覆盖后台菜单目录、菜单项、页面按钮和访问规则。系统根据管理员权限动态控制后台可见菜单和可执行操作。

25. 后台操作日志

系统会记录后台管理员的重要操作，包括操作人、操作地址、标题、请求数据、IP、浏览器信息和创建时间。

操作日志用于审计、问题追踪和安全排查。

26. 系统配置

系统配置模块用于维护站点名称、备案信息、版本号、上传配置、时区、登录验证码开关、会员中心开关和其他运行配置。

前端初始化时会读取系统配置，用于控制页面标题、上传限制、会员中心状态和动态路由。

27. 数据安全与回收

系统包含数据回收和敏感字段记录能力。管理员可以配置需要回收的数据规则，也可以查看数据回收日志。

敏感字段模块用于记录敏感数据修改历史，支持查看详情和必要时回滚，降低误操作和敏感数据变更风险。

28. CRUD 生成与模块管理

系统保留后台快速生成管理模块的能力，可以根据数据库表生成对应的管理页面、控制器、模型和验证规则。

模块管理用于查看、安装、更新、启用、禁用或卸载扩展模块。该能力主要服务于系统二次开发和功能扩展。

29. 实时通信服务

系统包含实时通信服务能力，用于支撑客服与访客之间的即时消息交互。实时服务负责连接建立、消息分发、认证检查和在线状态维护。

该能力是客服会话体验的基础，配合聊天记录持久化实现消息可追溯。

四、核心业务流程

1. 访客咨询流程

访客打开客服入口。

系统识别入口参数，判断二维码、域名和客服账号是否可用。

系统为访客建立或更新访客资料。

如果开启验证，访客完成验证。

系统建立访客与客服的服务关系。

访客与客服开始聊天。

聊天内容被记录，并可在双方界面继续查看。

2. 客服接待流程

客服登录工作台。

系统加载客服资料、接待状态、访客列表、话术配置和聊天记录。

客服选择访客会话。

客服查看客户资料、历史消息和服务记录。

客服通过手动输入、快捷消息、点击回复或 AI 辅助内容进行回复。

客服可更新访客备注、置顶状态或加入黑名单。

3. 客服账号创建流程

管理员进入客服账号管理。

管理员新增单个账号或批量导入多个账号。

系统生成账号密码、安全盐、默认头像、默认验证配置和有效期。

系统为账号生成对应二维码入口。

账号启用后，客服可登录并接待访客。

4. 数据同步流程

用户选择源账号和目标账号。

用户选择需要同步的配置项。

系统创建同步任务。

前端持续查询任务进度。

任务完成后返回成功、失败和处理数量。

用户可在任务执行过程中取消同步。

5. 一键替换流程

用户选择目标账号。

用户输入原关键字和新关键字。

用户选择替换范围。

系统创建批量替换任务。

前端展示任务进度。

任务完成后返回处理结果。

五、主要数据对象说明

1. 管理员数据

保存后台管理员账号、昵称、头像、联系方式、密码、登录失败次数、最近登录时间、最近登录 IP 和状态。

2. 管理员角色与权限数据

保存后台角色组、管理员与角色组关系、菜单规则和按钮权限，用于控制后台管理端访问范围。

3. 客服账号数据

保存客服账号、昵称、头像、接待头像、联系方式、密码、分组、状态、在线状态、平台限制、验证配置、通知配置、到期时间、余额和积分。

4. 访客数据

保存访客身份标识、访客名称、头像、IP、地区、客户端标识、在线状态、归属客服、备注、置顶状态、访问时间和浏览器信息。

5. 聊天消息数据

保存消息发送方、接收方、双方名称、双方头像、消息内容、消息类型、是否已读和发送时间。

6. 服务记录数据

保存访客与客服之间的服务开始时间、结束时间、客服信息、访客信息和服务状态。

7. 二维码与域名数据

保存客服入口链接、二维码状态、关联客服、关联域名、域名类型、域名状态和检测结果。

8. 话术模板数据

保存快捷消息、打招呼话术、点击回复、群发消息和 AI 接待内容，用于提升客服回复效率。

9. 安全与日志数据

保存 IP 黑名单、IP 过滤日志、验证码、后台操作日志、敏感字段修改记录和数据回收记录。

六、系统特点

系统以客服会话为核心，围绕访客接入、客服接待、消息沉淀、账号管理和运营分析形成闭环。

系统支持后台管理和前台客服工作台分离，管理员负责规则与资源配置，客服负责日常接待。

系统支持多入口接入，包括二维码、链接和域名池，便于不同客服账号独立分发访问入口。

系统支持多种话术能力，包括快捷消息、打招呼、点击回复、群发消息和 AI 接待，能降低客服重复劳动。

系统保留操作日志、敏感数据记录、数据回收和 IP 风控能力，适合需要审计和安全控制的客服场景。

系统支持批量账号创建、批量同步和一键替换，适合多客服、多账号、多入口的运营模式。

系统亮点：

• •支持实时聊天、AI智能辅助接待、快捷回复、多端数据同步、群发助手及卡密登录
• •兼容文字、图片、视频、语音等多样消息类型
• •集成客户管理、黑名单过滤、数据统计分析等实用工具，全面提升服务效率与客户满意度

 优化升级：

• •客服工作台响应式布局，视觉更清晰、操作更流畅
• •优化消息时间显示规则，对话记录一目了然
• •界面大气简约，风格现代专业（效果详见演示视频）

新增功能：

• •提供JS嵌入代码+详细教程，一键嵌入现有系统，快速对接

全栈开源：前后端均采用VUE+PHP技术架构，代码结构清晰，扩展灵活，适合二次开发与深度定制。 无论企业自建客服平台，还是开发者集成服务，都能轻松胜任！

感谢您的来访，获取更多精彩文章请收藏。