Skip to Content
Week 18 - SQLiteDay 7 - Avalonia 历史数据中心

Day 7 - Avalonia 历史数据中心

建议用时:150-210 分钟

你将学会什么

  • 建立历史查询 ViewModel
  • 显示分页表格和统计
  • 导出 CSV 并支持取消

历史页面要支持点位、时间范围、分页、导出和加载状态,查询不能阻塞 UI。 今天的 3 个例子都要亲手敲,不能只复制,也不能只看运行结果。

标为 Program.cs 的最小例子可以放进控制台练习项目;标为 Service、ViewModel、XAML 或 SQL 文件的例子,要在本周项目中按前一天已经建立的模型继续敲。文件名和上下文不同,不要把所有片段塞进同一个 Program.cs

学习衔接

这是 Week 18 的第 7 天。先使用前面已经掌握的 C#、异步、异常、接口和 MVVM,只增加今天这一层上位机能力。

今天的最低通过线

顺序必须掌握怎么证明
1建立历史查询 ViewModel能用自己的话解释并完成对应例子
2显示分页表格和统计能用自己的话解释并完成对应例子
3导出 CSV 并支持取消能用自己的话解释并完成对应例子

先用大白话理解

历史页面要支持点位、时间范围、分页、导出和加载状态,查询不能阻塞 UI。

学习时固定按这个顺序:

先看数据是什么 -> 再看最小代码 -> 对照运行结果 -> 修改一个参数 -> 故意制造错误 -> 最后组合进上位机项目

例子 1:历史筛选栏

文件:HistoryPage.axaml

<Grid ColumnDefinitions="*,*,Auto" ColumnSpacing="8"> <DatePicker SelectedDate="{Binding FromDate}" /> <DatePicker Grid.Column="1" SelectedDate="{Binding ToDate}" /> <Button Grid.Column="2" Content="查询" Command="{Binding QueryCommand}" /> </Grid>

运行结果或界面效果:

选择时间范围后查询

必须改一次: 增加点位选择和快捷时间范围。

例子 2:异步查询命令

文件:HistoryViewModel.cs

[RelayCommand(CanExecute = nameof(CanQuery))] private async Task QueryAsync() { IsLoading = true; try { Rows = await repository.QueryAsync(BuildQuery(), queryCts.Token); } finally { IsLoading = false; } }

运行结果或界面效果:

查询期间显示加载并防重复

必须改一次: 开始新查询前取消旧查询。

例子 3:导出时逐行写

文件:Program.cs

await using var writer = new StreamWriter(path, false, Encoding.UTF8); await writer.WriteLineAsync("Time,Value,Quality"); await foreach (HistoryRow row in repository.StreamAsync(query, token)) { await writer.WriteLineAsync($"{row.Time:O},{row.Value},{row.Quality}"); }

运行结果或界面效果:

大数据导出不需要一次全部放进内存

必须改一次: 显示进度并允许取消。

常见错误和修法

  1. 查询按钮可以无限并发点击
  2. 导出百万行前先 ToList
  3. 本地时间和 UTC 筛选边界错误

修错顺序固定为:先看第一条异常和行号,再看输入数据,再看原始字节或状态,最后才怀疑框架。

小白重复敲写训练

  1. 不看上面的代码,重新敲“历史筛选栏”。
  2. 不看上面的代码,重新敲“异步查询命令”。
  3. 不看上面的代码,重新敲“导出时逐行写”。
  4. 完成改动任务:增加点位选择和快捷时间范围。
  5. 完成改动任务:开始新查询前取消旧查询。
  6. 完成改动任务:显示进度并允许取消。

每日小测

  1. 今天的知识在上位机里解决什么问题?
  2. 三个例子分别输入了什么,输出了什么?
  3. 如果运行结果不对,你第一步检查什么?
  4. 哪一段代码负责停止、超时或错误处理?

小测答案

答案不能只背一句话。回到三个例子,用代码中的变量、方法和输出逐项说明。能脱离页面说清楚,才算真的理解。

今日作业

  1. 新建空项目,不复制地重做三个例子。
  2. 每个例子都完成“必须改一次”。
  3. 故意制造一个错误,记录错误文字和修复办法。
  4. 把今天代码提交到自己的练习仓库。

作业验收

  • 三个例子都能运行或显示预期界面。
  • 能解释关键数据从哪里来、经过什么处理、最后去哪里。
  • 失败时不会让程序无提示崩溃。
  • 能说出今天内容如何进入“采集历史数据库与查询页面”。