Avalonia初学笔记3：Microsoft.Data.Sqlite、OxyPlot.Avalonia和DataGrid结合生成数据库内容展示功能

AvaloniaOXY

以下是针对你提供的 Avalonia MVVM 项目使用 Microsoft.Data.Sqlite、DataGrid 和 OxyPlot.Avalonia 的代码的总结文档。

---

Avalonia MVVM 示例项目文档

项目概述

该项目展示了如何使用 Avalonia 框架构建一个基于 MVVM 模式的桌面应用程序，并结合以下技术进行开发：

• SQLite 数据库（Microsoft.Data.Sqlite）：用于存储和读取数据。
• DataGrid：用于在用户界面中展示数据表格。
• OxyPlot.Avalonia：用于在用户界面中绘制数据图表。

该项目包含一个节点列表视图，其中的产品数据存储在 SQLite 数据库中，通过 DataGrid 控件展示产品详情，并通过 OxyPlot 生成柱状图显示产品价格。

项目结构

/DBDao
    DataModel.cs               # 数据模型，表示节点实体
    DatabaseService.cs         # 数据库服务，执行 SQLite 操作
/ViewModels
    MainViewModel.cs         # 视图模型，处理数据逻辑和绑定
/Views
    MainWindow.xaml          # UI 界面，绑定视图模型
    MainView.xaml            # UI 界面，UserControl，oxyplot显示图
    DataGridView.xaml        # UI 界面，DataGrid显示数据列表
App.xaml.cs                  # 入口文件，设置 DataContext

1. Models

DataModel 类是该项目中的数据模型，表示单个节点的基本信息，包括 Id、Value 和 Timestamp 三个属性。

public class DataModel
{
   
    public int Id {
    get; set; }
    public double Value {
    get; set; }
    public DateTime Timestamp {
    get; set; }
}

2. ViewModels

MainViewModel 是该项目的核心视图模型，负责与数据库进行交互，并为 UI 提供数据绑定。通过 DatabaseService 加载产品数据，并将其存储在 ObservableCollection<Product> 中，从而支持动态更新 UI。

该视图模型还创建了一个 PlotModel，用于通过 OxyPlot 库生成时间的折线图。

3. Views

MainWindow.xaml 是用户界面的定义文件，使用 XAML 描述布局。该视图包含两个主要部分：

• <views:DataGridView />：显示节点列表。
• <views:MainView />：展示折线图。

<TabControl>
  <TabItem Header="表">
    <views:DataGridView />
  </TabItem>
  <TabItem Header="图">
    <views:MainView />
  </TabItem>
</TabControl>

MainWindow.xaml.cs 中的 DataContext 绑定到 MainViewModel，确保 UI 能够响应数据的变化。

---

DataGridView.xaml 是用户列表界面的定义文件，使用 XAML 描述布局。

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc