多模型AI对话聊天平台系统，H5端直接使用，后台可视化管理，支持 DeepSeek 等九大模型自由切换

项目功能详述一、H5 用户对话端页面驱动的对话系统系统通过 URL 中的页面标识slug加载不同的对话页面。每个页面拥有独立的标题、欢迎语、系统提示词、快捷问题列表、可用模型集合以及底部导航菜单。用户访问的 URL 路径若不存在对应页面系统自动回退到数据库中的首个页面。所有未匹配路由均会被兜底重定向到对话页。多模型切换对话页面顶部以胶囊标签栏形式展示该页面已配置的可用大模型。用户可随时点击切换模型切换后自动加载该模型对应的历史对话记录。当前使用的模型名称显示在标题栏右侧。流式对话与实时反馈用户输入问题后系统通过 SSE服务端推送事件协议与后端建立流式连接AI 回复内容逐字符实时渲染到对话区域。流式输出过程中消息气泡末尾显示闪烁光标动画让用户感知生成进行中。支持随时点击停止按钮中断生成。消息管理与操作每条 AI 回复消息底部固定显示操作按钮栏包含四项功能分享生成当前页面 URL 的二维码并弹出弹窗支持下载二维码图片和复制链接复制将回复文本写入系统剪贴板重新生成删除该组用户消息与 AI 回复自动将原问题重新填入输入框并触发发送渲染模式切换在 Markdown 渲染与纯文本显示之间切换纯文本模式下对 HTML 特殊字符做转义处理输入体验输入框支持多行文本输入Enter 键发送消息CtrlEnter 组合键换行。正确处理中文输入法组合输入状态避免输入法确认过程中误触发发送。输入框在流式生成期间自动禁用。欢迎引导对话区无消息时展示空状态引导页面内容包括自定义欢迎标题、欢迎副标题以及可配置的快捷问题标签列表。点击任意快捷问题标签文本自动填入输入框。会话持久化系统在浏览器本地存储中维护一个会话标识同一会话内的对话记录会关联保存。点击清空对话按钮后生成新的会话标识之前的对话仍保留在数据库中但前端不再加载。每次进入页面时自动从服务端拉取该会话的历史消息。底部导航栏页面可关联一个底部菜单配置在输入栏下方渲染导航条。每个导航项包含图标和标签文字点击后支持两种跳转方式外部链接在新标签页打开内部路径通过 hash 路由导航。二、管理后台身份认证与安全管理后台所有页面均受路由守卫保护未登录用户自动跳转到登录页。登录采用用户名加密码的方式密码经过 bcrypt 哈希存储登录成功后颁发 JWT 令牌有效期 24 小时。后端管理接口统一通过 JWT 鉴权中间件验证身份无效令牌返回 401 状态码。管理员可在后台界面中修改自己的密码需先验证旧密码新密码长度不少于 6 位且需二次确认输入一致。修改成功后自动清除登录态并跳转回登录页。H5 页面管理此模块管理面向终端用户的对话页面配置。列表展示所有页面包含 ID、标题、启用的模型标签、访问链接可点击直接跳转到 H5 对话页、创建时间。支持的操作包括新增页面设置页面标题、英文标识创建后不可修改、系统提示词用于设定 AI 角色行为、欢迎标题与副标题、快捷问题每行一个、关联菜单、关联启用模型编辑页面可修改除标识外的全部字段标识字段在编辑时锁定不可修改。更新模型关联时采用先删后插的方式确保一致性删除页面级联清理该页面下的所有对话记录、消息记录以及模型关联关系后再删除页面本体复制链接一键将 H5 对话页链接写入剪贴板开发环境下生成的 H5 链接会自动将端口从管理端的 5173 修正为 H5 端的 5174避免被管理端的路径前缀拦截。底部菜单管理此模块管理 H5 端底部导航栏的菜单配置。每个菜单包含名称和若干菜单项。菜单项包含标签名、图标通过可视化图标选择器从预设的 36 个图标中选取和跳转链接。列表展示菜单名称、菜单项预览以标签形式展示图标和标签名、创建时间。支持新增、编辑和删除操作。大模型配置此模块管理接入的大模型参数。每个模型配置包含以下字段显示名称在 H5 端标签栏中展示厂商名称模型提供商标识API 接口地址完整的 API Base URLAPI 密钥访问凭证以密码框展示存储时使用 AES-256-CBC 算法加密模型标识名API 调用时传递的 model 参数值温度控制生成随机性取值范围 0 到 2最大 Token单次生成上限上下文长度模型支持的上下文窗口大小排序控制列表展示顺序启用开关控制模型是否对外可用列表中每行可直接通过开关切换启用状态。删除模型时会同步清理该模型与页面的关联关系。对话记录管理此模块提供全量对话记录的查询与管理功能。列表以用户提问为粒度展示每条记录包含所属页面、使用模型、用户提问内容、AI 回复内容、提问时间。支持的多维筛选条件包括所属页面下拉选择使用模型下拉选择关键词模糊搜索同时匹配用户提问和 AI 回复时间区间选择日期范围选择器结束日期自动补齐到当日 23:59:59支持分页浏览每页条数可切换。操作功能包括查看详情弹出对话详情窗口展示会话元信息及完整的用户与 AI 交替消息列表单条删除删除指定会话及其所有消息批量删除勾选多条记录后一键删除导出记录将当前筛选条件下所有会话的完整消息记录导出为 JSON 文件下载三、后端服务对话引擎后端对话接口接收页面标识、模型标识、会话标识和用户消息按以下流程处理根据模型标识查询模型配置解密 API 密钥根据会话标识、页面标识和模型标识查找或创建对话会话保存用户消息到数据库加载该会话最近 10 轮历史消息若页面配置了系统提示词将其插入消息列表首位作为 system 角色通过 OpenAI 兼容适配器向模型 API 发起流式请求以 SSE 格式逐块将生成内容推送给前端生成完成后将 AI 回复写入数据库客户端断开连接或请求出错时系统会尽力保存已生成的部分回复内容避免数据丢失。速率限制系统实施两级速率限制全局接口每分钟每 IP 最多 200 次请求对话接口每分钟每 IP 最多 20 次请求防止 API 额度被滥用。文件上传提供图片上传接口支持 jpg、png、gif、webp、bmp 格式单文件上限 10MB。上传成功后文件存储在 uploads 目录并记录到数据库上传表中。静态资源托管生产环境下后端 Express 服务同时托管 H5 前端与管理端前端的构建产物。H5 端部署在根路径管理端部署在 /admin 路径下。两个前端均为 SPA 应用配置了对应的 fallback 规则非 API、非 admin、非 uploads 路径的请求均返回 H5 的 index.html/admin 下所有路径返回管理端的 index.html。API 密钥加密数据库中存储的 API 密钥使用 AES-256-CBC 对称加密算法保护。加密过程使用 SHA-256 对配置密钥进行哈希派生得到 32 字节密钥每次加密生成随机 IV。加密后的密文以 “ENC:” 前缀标识解密时自动识别是否需要解密兼容明文存储的历史数据。通用推广标题多模型聚合聊天系统源码一套代码接入所有主流大模型开箱即用的 AI 聚合聊天平台支持 DeepSeek 等九大模型自由切换自建 AI 对话服务平台多模型聚合、流式输出、前后端一体化部署企业级 AI 聚合聊天系统一个平台管理所有大模型对话管理后台能力导向多页面多模型的 AI 对话管理后台源码每个页面独立配置提示词与欢迎语可视化配置的 AI 聊天平台页面模型菜单全部后台动态管理可配置系统提示词的 AI 聚合对话系统轻松定制专属 AI 助手角色运营分析导向自带全量对话记录管理与导出功能的 AI 聚合聊天系统对话数据可查可导出支持多维度筛选的 AI 聊天管理平台全链路可追溯的 AI 对话系统用户提问与模型回复完整存档安全与部署导向API 密钥加密存储的 AI 聚合聊天系统源码安全接入各大模型厂商标记自带速率限制的 AI 对话平台防止 API 额度滥用与恶意调用前后端一体化部署的 AI 聊天系统一个端口跑通管理端与用户端场景化应用导向搭建企业智能客服系统的最佳实践多模型聚合对话平台源码知识问答与智能助手快速构建方案可配置的多模型聚合聊天系统零门槛搭建属于你自己的 AI 聚合对话网站完整源码开箱即用功能特色导向支持流式输出与 Markdown 渲染的 AI 聚合聊天 H5 页面源码带底部导航菜单与二维码分享功能的移动端 AI 对话系统支持多模型标签切换与快捷问题引导的 AI 聊天交互界面差异化竞争力导向一套源码实现 AI 模型聚合、对话管理、数据追溯三大核心能力的统一平台从模型配置到对话管理的全栈 AI 服务系统代码结构清晰易于二次开发管理端 H5 端分离设计一个后端同时服务管理员与终端用户的 AI 对话平台