BongoCat日志搜索程序：正则表达式与高级筛选

news/2025/10/27 16:40:48/文章来源:https://www.cnblogs.com/gccbuaa/p/19169520

BongoCat日志搜索工具：正则表达式与高级筛选

【免费下载链接】BongoCat让呆萌可爱的 Bongo Cat 陪伴你的键盘敲击与鼠标操作，每一次输入都充满趣味与活力！项目地址: https://gitcode.com/gh_mirrors/bong/BongoCat

痛点直击：日志搜索效率低下的困境

你是否还在为BongoCat的日志分析而烦恼？当呆萌可爱的BongoCat在你的屏幕上活蹦乱跳时，每一次键盘敲击和鼠标移动都被记录在日志中。然而，面对海量的日志数据，如何快速定位关键信息成为许多用户的痛点。本文将详细介绍如何利用正则表达式和高级筛选功能，打造专属于BongoCat的日志搜索工具，让你轻松驾驭日志分析。

读完本文，你将获得：

掌握BongoCat日志的结构和关键参数
学会使用正则表达式精准匹配日志内容
了解高级筛选功能的实现原理和应用场景
能够自定义日志搜索工具，满足个性化需求

BongoCat日志系统概述

日志产生机制

BongoCat的日志数据主要来源于用户的输入设备操作，包括键盘按键、鼠标移动和点击、游戏手柄操作等。这些操作通过事件监听机制被捕获，并转化为结构化的日志数据。

// 键盘事件处理示例（src/composables/useDevice.ts）
useTauriListen(LISTEN_KEY.DEVICE_CHANGED, ({ payload }) => {const { kind, value } = payload;if (kind === 'KeyboardPress' || kind === 'KeyboardRelease') {const nextValue = getSupportedKey(value);if (!nextValue) return;if (kind === 'KeyboardPress') {return handlePress(nextValue);}return handleRelease(nextValue);}// 鼠标和其他事件处理...
});

日志数据结构

BongoCat的日志数据包含以下关键信息：

时间戳（timestamp）：记录事件发生的时间
事件类型（eventType）：如键盘按键、鼠标移动、游戏手柄操作等
设备信息（deviceInfo）：记录事件来源设备
参数数据（parameters）：具体的事件参数，如按键名称、坐标位置等

日志存储方式

目前BongoCat的日志主要存储在内存中，用于实时驱动角色动画。对于需要持久化的日志数据，可通过扩展实现本地文件存储或数据库存储。

正则表达式在日志搜索中的应用

正则表达式基础

正则表达式（Regular Expression，正则）是一种用于匹配字符串模式的工具。在日志搜索中，正则表达式可以帮助我们快速定位包含特定模式的日志条目。

常用的正则表达式元字符：

.：匹配任意单个字符
*：匹配前面的字符零次或多次
+：匹配前面的字符一次或多次
?：匹配前面的字符零次或一次
[]：匹配括号内的任意一个字符
()：分组匹配
^：匹配字符串的开始
$：匹配字符串的结束

BongoCat日志专用正则模式

1. 键盘事件匹配

匹配所有键盘按键事件：

Keyboard(Press|Release):\s*(\w+)

匹配特定按键（如Enter键）：

KeyboardPress:\s*Enter

2. 鼠标事件匹配

匹配鼠标点击事件：

Mouse(Press|Release):\s*(Left|Right|Middle)

匹配鼠标移动事件：

MouseMove:\s*x=(\d+),\s*y=(\d+)

3. 游戏手柄事件匹配

匹配游戏手柄摇杆事件：

GamepadAxisChanged:\s*(Left|Right)Stick(X|Y):\s*(-?\d+\.\d+)

匹配游戏手柄按钮事件：

GamepadButtonChanged:\s*(\w+):\s*(0|1)

正则表达式实战示例

示例1：查找所有按键按下事件

// 使用正则表达式匹配所有按键按下事件
const pressRegex = /KeyboardPress:\s*(\w+)/g;
const matches = logContent.match(pressRegex);
if (matches) {matches.forEach(match => {console.log("按键按下事件:", match);});
}

示例2：提取鼠标移动轨迹

// 提取鼠标移动的坐标数据
const moveRegex = /MouseMove:\s*x=(\d+),\s*y=(\d+)/g;
let match;
const coordinates = [];
while ((match = moveRegex.exec(logContent)) !== null) {coordinates.push({ x: parseInt(match[1]), y: parseInt(match[2]) });
}
console.log("鼠标移动轨迹:", coordinates);

BongoCat高级筛选功能设计

多维度筛选系统

BongoCat日志搜索工具的高级筛选功能可以从以下几个维度进行设计：

mermaid

筛选功能实现原理

1. 基于事件类型的筛选

// 事件类型筛选实现
function filterByEventType(logs, eventType) {return logs.filter(log => {return log.eventType === eventType;});
}

2. 基于时间范围的筛选

// 时间范围筛选实现
function filterByTimeRange(logs, startTime, endTime) {return logs.filter(log => {const logTime = new Date(log.timestamp).getTime();return logTime >= startTime && logTime <= endTime;});
}

3. 组合筛选条件

// 组合多个筛选条件
function combinedFilter(logs, filters) {return logs.filter(log => {// 事件类型筛选if (filters.eventType && log.eventType !== filters.eventType) {return false;}// 时间范围筛选if (filters.timeRange) {const logTime = new Date(log.timestamp).getTime();const { startTime, endTime } = filters.timeRange;if (logTime < startTime || logTime > endTime) {return false;}}// 其他筛选条件...return true;});
}

高级筛选UI设计

mermaid

日志搜索工具实现

工具架构设计

mermaid

核心功能代码实现

1. 日志搜索工具类

class LogSearchTool {private logs: LogEntry[];constructor(logs: LogEntry[]) {this.logs = logs;}// 正则搜索regexSearch(pattern: string, flags: string = 'g'): LogEntry[] {const regex = new RegExp(pattern, flags);return this.logs.filter(log => {return regex.test(log.content);});}// 高级筛选advancedFilter(filters: FilterOptions): LogEntry[] {return this.logs.filter(log => {// 应用所有筛选条件if (filters.eventType && log.eventType !== filters.eventType) return false;if (filters.device && log.device !== filters.device) return false;if (filters.startTime && new Date(log.timestamp) < new Date(filters.startTime)) return false;if (filters.endTime && new Date(log.timestamp) > new Date(filters.endTime)) return false;// 如果有正则模式，应用正则筛选if (filters.regexPattern) {const regex = new RegExp(filters.regexPattern, filters.regexFlags);if (!regex.test(log.content)) return false;}return true;});}// 日志分析 - 统计按键频率analyzeKeyFrequency(): Record {const frequency: Record = {};this.logs.forEach(log => {const keyMatch = log.content.match(/KeyboardPress:\s*(\w+)/);if (keyMatch && keyMatch[1]) {const key = keyMatch[1];frequency[key] = (frequency[key] || 0) + 1;}});// 按频率排序const sortedFrequency = Object.entries(frequency).sort(([, a], [, b]) => b - a).reduce((obj, [key, value]) => {obj[key] = value;return obj;}, {} as Record);return sortedFrequency;}
}

2. 搜索工具使用示例

// 初始化日志搜索工具
const logSearch = new LogSearchTool(logEntries);
// 1. 使用正则表达式搜索
const results = logSearch.regexSearch(/MouseMove:\s*x=(\d+),\s*y=(\d+)/);
console.log("鼠标移动日志:", results);
// 2. 高级筛选
const filtered = logSearch.advancedFilter({eventType: "keyboard",startTime: "2023-01-01T00:00:00",endTime: "2023-01-01T23:59:59",regexPattern: "Enter"
});
console.log("筛选结果:", filtered);
// 3. 分析按键频率
const keyStats = logSearch.analyzeKeyFrequency();
console.log("按键频率统计:", keyStats);

性能优化策略

日志数据分页加载：避免一次性加载所有日志数据，采用分页加载策略

function loadLogsPage(page: number, pageSize: number): Promise {// 实现分页加载逻辑
}

正则表达式预编译：频繁使用的正则表达式进行预编译

// 预编译常用正则表达式
const commonRegexes = {keyboard: /Keyboard(Press|Release):\s*(\w+)/g,mouse: /Mouse(Press|Release|Move):\s*(.*)/g,gamepad: /Gamepad(Axis|Button)Changed:\s*(.*)/g
};

搜索结果缓存：缓存相同搜索条件的结果

// 使用Map缓存搜索结果
const searchCache = new Map();
function cachedSearch(pattern: string): LogEntry[] {if (searchCache.has(pattern)) {return searchCache.get(pattern)!;}const results = logSearch.regexSearch(pattern);searchCache.set(pattern, results);// 限制缓存大小，避免内存溢出if (searchCache.size > 100) {const oldestKey = searchCache.keys().next().value;searchCache.delete(oldestKey);}return results;
}

高级应用场景

日志数据分析与可视化

使用搜索工具收集的日志数据可以进行进一步分析，生成可视化报告：

// 生成按键频率图表数据
function generateKeyFrequencyData(logs: LogEntry[]): ChartData {const frequency = new LogSearchTool(logs).analyzeKeyFrequency();return {labels: Object.keys(frequency).slice(0, 10), // 取前10个最常用按键datasets: [{label: '按键频率',data: Object.values(frequency).slice(0, 10),backgroundColor: 'rgba(54, 162, 235, 0.5)',borderColor: 'rgba(54, 162, 235, 1)',borderWidth: 1}]};
}

自定义搜索规则

允许用户保存自定义搜索规则，方便日后重复使用：

interface SavedSearch {id: string;name: string;pattern: string;flags: string;filters?: FilterOptions;
}
class SearchRuleManager {private savedSearches: SavedSearch[] = [];// 保存搜索规则saveSearchRule(rule: Omit): SavedSearch {const newRule: SavedSearch = {...rule,id: this.generateId()};this.savedSearches.push(newRule);this.persistRules(); // 持久化存储return newRule;}// 加载搜索规则loadSearchRule(id: string): SavedSearch | undefined {return this.savedSearches.find(rule => rule.id === id);}// 执行保存的搜索规则executeSavedSearch(id: string, logs: LogEntry[]): LogEntry[] {const rule = this.loadSearchRule(id);if (!rule) return [];const searchTool = new LogSearchTool(logs);if (rule.filters) {return searchTool.advancedFilter({...rule.filters,regexPattern: rule.pattern,regexFlags: rule.flags});} else {return searchTool.regexSearch(rule.pattern, rule.flags);}}// 其他方法...
}

日志异常检测

利用高级搜索功能实现日志异常检测：

// 检测异常高频按键
function detectAbnormalKeyPresses(logs: LogEntry[], threshold: number = 100) {const frequency = new LogSearchTool(logs).analyzeKeyFrequency();return Object.entries(frequency).filter(([, count]) => count > threshold).map(([key, count]) => ({key,count,message: `按键 "${key}" 频率异常高: ${count}次`}));
}