bourdon/seqlog
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
48b0b56ce7d500a8e4d8e347a1b47243cb6edb37
seqlog/example/webapp
History
bourdon 48b0b56ce7 功能：实现 webapp 基于索引的日志导航 
主要改进：
- 添加索引导航支持：前进/后退按钮现在基于记录索引加载数据
- 后端 API 支持可选的 index 参数，返回包含 centerIndex 的响应
- 前端追踪 currentCenterIndex，实现精确的页面跳转
- 在状态徽章中显示记录索引号 [#索引]
- 修复日志显示逻辑：从追加模式改为完全重新渲染

代码优化：
- concurrent: 使用 Go 1.25 range 语法和 min 函数
- concurrent: 使用 WaitGroup.Go 方法简化 goroutine 启动
- topic_processor: 修正格式化输出

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-04 01:43:48 +08:00
..
main.go
功能：实现 webapp 基于索引的日志导航
2025-10-04 01:43:48 +08:00
README.md
重构：统一使用索引（Index）替代位置（Position）进行状态判断
2025-10-03 23:50:53 +08:00

README.md

Seqlog Web 演示

一个简单的 Web 应用，展示 Seqlog 的实际使用场景。

功能

后端模拟业务

  • 每 2 秒自动生成业务日志
  • 随机生成不同 topic（app、api、database、cache）
  • 随机生成不同操作（查询、插入、更新、删除、备份、恢复、同步等）
  • 随机日志大小（2KB ~ 10MB）：
    • 80% 小日志（2KB - 100KB）
    • 15% 中日志（100KB - 1MB）
    • 5% 大日志（1MB - 10MB）

Web 查询界面

  • 查看所有 topics
  • 查看每个 topic 的统计信息（显示实际字节数）
  • 查询日志（支持向前/向后翻页）
  • 实时自动刷新
  • 日志状态标注（已处理/处理中/待处理）

快速启动

cd example/webapp
go run main.go

访问: http://localhost:8080

使用说明

  1. 选择 Topic: 点击左侧的 topic 列表
  2. 查看统计: 左侧会显示该 topic 的统计信息（包括总字节数）
  3. 查看日志: 右侧显示日志内容，带状态标注
  4. 刷新: 点击"刷新日志"按钮或等待自动刷新
  5. 翻页: 使用"向前翻页"和"向后翻页"按钮
  6. 自定义范围: 修改显示范围的数字，控制查询条数

界面说明

  • 绿色边框: 已处理的日志
  • 黄色边框: 正在处理的日志
  • 灰色边框: 待处理的日志

性能测试

由于日志大小范围很大（2KB ~ 10MB），可以观察到：

  • 小日志处理速度很快
  • 大日志会占用更多存储空间
  • 统计信息会显示真实的字节数增长

API 接口

  • GET /api/topics - 获取所有 topics
  • GET /api/stats?topic=<name> - 获取统计信息
  • GET /api/query?topic=<name>&backward=10&forward=10 - 查询日志
  • POST /api/write - 手动写入日志

技术栈

  • 后端: Go + Seqlog
  • 前端: 原生 HTML/CSS/JavaScript
  • 无需额外依赖