【慧游鲁博】【15】后台管理系统功能完善:仪表盘、多模态交互日志、简单问答词条管理

文章目录

  • 本次更新
    • 多模态交互日志
      • 效果
      • 涉及代码文件
    • 仪表盘(部分)
      • 效果
      • 涉及代码文件
    • 简单问答服务词条管理
      • 效果
      • 涉及代码文件

本次更新

代码真的太多太多了,不放代码了

多模态交互日志

  1. 数据概览与筛选功能
  • 时间范围筛选:提供"全部时间"、“近3个月”、“近1个月”、"近7天"等预设时间范围选择
  • 数据刷新:支持手动刷新所有数据
  • 概览统计卡片:展示总交互次数、文本输入占比、语音输入占比和图片识别成功率等关键指标
  1. 图表分析功能
  • 输入方式占比分析:以环形饼图展示文本、语音和图片三种输入方式的占比情况
  • 输入方式趋势:以折线图展示不同输入方式随时间的变化趋势
  • 图片识别成功率:以折线图展示图片识别成功率的变化趋势
  • 识别结果分布:以饼图展示不同识别结果的分布情况
  1. 交互记录管理功能
  • 交互记录表格:展示详细的交互日志,包含时间、会话ID、输入类型、内容摘要、识别结果、状态等信息
    • 支持分页浏览
    • 支持按时间排序
    • 支持按处理时长排序
  1. 交互详情对话框
  • 显示交互类型、时间、处理时长和状态等元数据
  • 分栏展示输入内容和识别结果
  • 响应式布局适配不同屏幕尺寸
  1. 数据可视化与交互
  • 使用多种图表类型(饼图、折线图)直观展示数据
  • 所有图表支持单独刷新
  • 表格数据支持分页、排序和筛选
  • 使用标签和颜色区分不同类型和状态的数据

效果

在这里插入图片描述

在这里插入图片描述

涉及代码文件

在这里插入图片描述

在这里插入图片描述

仪表盘(部分)

交互方式分布

  • 以饼图形式展示用户与系统交互的各种方式占比
  • 支持通过点击刷新按钮重新获取数据
  • 当没有数据时显示"暂无数据"提示

交互方式统计

  • 以表格形式详细展示每种交互方式的具体数据
  • 包含交互方式、使用次数、占比和趋势四列

高频问题统计

  • 展示用户最常提出的问题列表
  • 支持分页、排序和筛选
  • 支持按日期范围筛选数据

效果

在这里插入图片描述

涉及代码文件

在这里插入图片描述

在这里插入图片描述

简单问答服务词条管理

词条管理核心功能

  • 词条列表展示:以表格形式展示所有问答词条,包含问题、答案、分类、状态和更新时间等信息
  • 词条增删改查
    • 添加词条:通过表单添加新的问答词条
    • 编辑词条:修改现有词条内容
    • 删除词条:支持删除不需要的词条(有确认提示)
    • 搜索词条:可按问题或答案内容进行搜索

数据展示与交互

  • 分页功能:支持分页浏览词条数据
  • 表格特性
    • 斑马纹样式
    • 边框显示
    • 分页控制
    • 操作列(编辑/删除按钮)
  • 状态显示:直观展示词条启用/禁用状态
  • 时间格式化:将后端返回的时间戳格式化为易读格式

表单验证与交互

  • 表单验证
    • 问题字段必填且长度限制(5-100字符)
    • 答案字段必填且长度限制(10-500字符)
    • 分类字段必选
  • 表单重置:在添加新词条时清空表单

效果

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

涉及代码文件

在这里插入图片描述

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/web/83935.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/83935.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【力扣 简单 C】21. 合并两个有序链表

目录 题目 解法一:迭代 解法二:递归 题目 解法一:迭代 struct ListNode* merge(struct ListNode* head1, struct ListNode* head2) {struct ListNode* virHead malloc(sizeof(*virHead));struct ListNode* curNode virHead;struct List…

【开源工具】Windows屏幕控制大师:息屏+亮度调节+快捷键一体化解决方案

🖥️ 从零打造Windows屏幕控制大师:息屏+亮度调节+快捷键一体化解决方案 🌈 个人主页:创客白泽 - CSDN博客 🔥 系列专栏:🐍《Python开源项目实战》 💡 热爱不止于代码,热情源自每一个灵感闪现的夜晚。愿以开源之火,点亮前行之路。 🐋 希望大家多多支持,我们一…

pyhton基础【11】函数一

目录 一.函数说明 二.函数介绍 函数简介 作用 函数分类 三.自定义函数 定义函数 调用函数 pass关键字 定义一次执行多次 一.函数说明 Python中的函数是一个重要的编程概念,它允许编程者封装代码块以实现特定的功能。函数的作用和应用场景非常广泛&#xf…

使用Kotlin开发后端服务的核心方法

一、开发步骤 选择框架 Kotlin后端开发常用框架包括Spring Boot、Ktor和Micronaut。Spring Boot生态成熟,适合企业级应用;Ktor轻量且协程友好,适合高性能异步服务;Micronaut以低内存占用和快速启动见长。 搭建项目结构 通过Grad…

java面试总结-20250616

题目1: 求一个int类型正整数二进制中最高位1的位置? 比如10,二进制位1010,最高位1所在位置位4。 解体思路: 使用高位扩散,将1010扩散位1111使用二分法,计算32位二进制中1111前面0的位数n;结果…

Black自动格式化工具

文章目录 一、Black自动格式化工具二、格式化行为的核心内容1. 统一缩进和空格规则2. 括号换行:一致的多行结构展开3. 字符串风格统一4. 函数/类定义中的空行规则5. import 排序(建议搭配 isort)6. 注释不动、换行优雅7. 可配置项极少&#x…

项目拓展-简易SQL监控,P6SPY拦截所有jdbc连接并打印执行SQL

介绍一下P6spy驱动 p6spy 是一款开源的数据库监控框架,主要用于 拦截和记录应用程序与数据库之间的所有交互(如 SQL 语句、参数、执行时间等) 它通过包装现有的 JDBC 驱动(如 MySQL JDBC 驱动),在不修改业…

洛谷B3951 [GESP样题 五级] 小杨的队列

题目描述 小杨的班级里共有 N N N 名同学,学号从 0 0 0 至 N − 1 N-1 N−1。某节课上,老师要求同学们进行列队。具体来说,老师会依次点名 M M M 名同学,让他们加入队伍。每名新入队的同学需要先站到队伍末尾(刚开…

Java编程之外观模式

前言 想象你要去一家很复杂的餐厅吃饭,但不想自己点菜、排队、找位置,也不想管厨房、洗碗、送餐这些后端流程。你只需要告诉餐厅服务员“我要一份牛排套餐”,然后坐等就好。这个服务员,就是外观模式(Facade Pattern&a…

告别 Java 开发困境!飞算 JavaAI 开发助手开启智能编程新时代

在 Java 开发的世界里,需求不明确、加班写重复代码、被 BUG 搞得焦头烂额,是许多开发者难以摆脱的 “三座大山”。需求文档模糊不清,让开发者在项目起始阶段就陷入迷茫;大量重复性的代码编写工作,不仅消耗时间和精力&a…

Node.js 中两种模块导出方式区别

两种模块到处方式 exports.xxx ... module.exports ... 1. exports.xxx ... exports 是 module.exports 的一个引用(快捷方式)。 当你写 exports.foo function() {},实际上就是给 module.exports 对象添加了一个 foo 属性。 这种方式…

电脑出问题了,无网络环境下一键快速重装系统

在电脑使用过程中,系统故障、卡顿、崩溃等问题屡见不鲜。面对这些情况,重装系统往往是解决问题的最有效手段之一。然而对于刚接触计算机操作的新用户来说,如何安全、稳定地完成系统重装,仍是一个颇具挑战的任务。 这一款专为新手…

基于区块链的去中心化身份验证系统:原理、实现与应用

前言 在数字化时代,身份验证是网络安全和隐私保护的核心环节。传统的身份验证系统依赖于中心化的机构,如政府、银行或互联网服务提供商,这些机构存储和管理用户的个人信息。然而,中心化系统存在诸多问题,如数据泄露风险…

React forwardRef 与 useImperativeHandle 深度解析

在React开发中,组件间的通信是一个核心话题。虽然props和state能够处理大部分场景,但有时我们需要更直接的方式来操作子组件。今天我们来深入探讨两个强大的React Hook:forwardRef和useImperativeHandle。 forwardRef:传递引用的…

KingbaseES在线体验平台深度测评:基于MCP接口管理的Oracle风格SQL实战

文章目录 一、平台环境与准备二、引导体验1.检查数据库版本及服务状态 三、建库与建表1. 建库(KingbaseES中通常无需显式建库,此处以创建schema模拟)2. 建表 四、查库与数据操作测试1. 查库(确认表结构)2. 新增数据3. …

echarts开发 | 数据可视化 -- 第三篇 echart进阶配置项 数据集

文章目录 一、概念二、回顾在系列(series)中设置数据三、在数据集中设置数据3.1 数据集(dataset) 基础3.2 二维数组数据(默认) 四、把数据集(dataset) 的行或列 映射为 序列 (series)五、维度(dimension)六、数据到图形的映射 (series.encode) 一、概念 …

如何科学测算AI业务场景所需算力服务器?——以Qwen3 32B模型与海光K100为例

在人工智能(AI)技术飞速发展的今天,越来越多企业开始部署大模型应用,如智能问答、文本生成、知识图谱构建等。但如何合理配置硬件资源,既满足业务需求又避免资源浪费,是每个项目实施前必须解决的问题。 本…

渗透实战:利用XSS获取cookie和密码

操作均来自靶场,切勿用于未授权渗透测试! Lab 21:将反射型 XSS 注入带有尖括号、单引号、双引号、反斜杠和反引号的 Unicode 转义模板文字中 输入的任何单引号双引号尖括号都会被 unicode 编码 直接换另一种代码执行方式${alert(1)}&#…

Eureka、Nacos、Zookeeper 优雅上下线机制

✅ 三大注册中心优雅上下线机制对比 维度EurekaNacosZookeeper注册方式客户端注册 心跳维持客户端注册 心跳维持客户端创建临时节点服务可用状态控制STARTING、UP、DOWN、OUT_OF_SERVICEUP、DOWN、STARTING 等无显式状态标识,靠节点存在与否判定上线控制方式通过…

Flink与Kubernetes集成

引言 在当今大数据与云计算蓬勃发展的时代,容器编排与流处理技术成为企业数据处理架构的关键支柱。Kubernetes作为容器编排系统的行业标准,能够高效自动化地部署、扩展和管理计算机应用程序;Apache Flink则是流处理和批处理领域的佼佼者&…