【慧游魯博】【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
英文地址,請注明出處:http://en.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則是流處理和批處理領域的佼佼者&…