WPF 和 SQL Server 数据显示的实现步骤

在本篇文章中,我们将探讨如何使用 WPF(Windows Presentation Foundation)从 SQL Server 数据库中读取数据并在用户界面中显示。整个过程涉及几个关键步骤,如下表所示:

步骤 描述
1 创建 SQL Server 数据库与表
2 创建 WPF 应用程序
3 连接 SQL Server 数据库
4 查询数据并绑定到 UI 元素
5 运行并测试应用程序

1. 创建 SQL Server 数据库与表

首先,我们需要在 SQL Server 上创建一个数据库和表。这里以一个简单的用户表为例:

CREATE DATABASE SampleDB; -- 创建新的数据库

USE SampleDB; -- 使用新创建的数据库

CREATE TABLE Users ( -- 创建 Users 表
    Id INT PRIMARY KEY IDENTITY(1,1), -- 自增ID
    Name NVARCHAR(50) NOT NULL, -- 用户名
    Age INT NOT NULL -- 年龄
);

:确保您已经在 SQL Server 中设置了正确的连接。

2. 创建 WPF 应用程序

打开 Visual Studio,创建一个新的 WPF 应用程序项目。接下来我们在 XAML 文件中添加一个 DataGrid 以显示数据。

<Window x:Class="SampleApp.MainWindow"
        xmlns="
        xmlns:x="
        Title="User List" Height="350" Width="525">
    <Grid>
        <DataGrid x:Name="UsersDataGrid" AutoGenerateColumns="True" />
    </Grid>
</Window>

3. 连接 SQL Server 数据库

在项目中,我们需要添加对 SQL Server 的引用,并编写连接字符串。在 MainWindow.xaml.cs 中编写如下代码:

using System.Data;
using System.Data.SqlClient;
using System.Windows;

namespace SampleApp
{
    public partial class MainWindow : Window
    {
        private string connectionString = "Server=YOUR_SERVER;Database=SampleDB;Trusted_Connection=True;";

        public MainWindow()
        {
            InitializeComponent();
            LoadData(); // 加载数据
        }
    }
}

:请将 YOUR_SERVER 替换为您实际使用的 SQL Server 实例的名称。

4. 查询数据并绑定到 UI 元素

LoadData 方法中,我们进行数据库查询并将结果绑定到 DataGrid

private void LoadData()
{
    using (SqlConnection connection = new SqlConnection(connectionString))
    {
        connection.Open(); // 打开数据库连接

        SqlCommand command = new SqlCommand("SELECT * FROM Users", connection); // SQL 查询
        SqlDataAdapter adapter = new SqlDataAdapter(command);
        DataTable dataTable = new DataTable(); 
        adapter.Fill(dataTable); // 填充数据到 DataTable

        UsersDataGrid.ItemsSource = dataTable.DefaultView; // 绑定数据到 DataGrid
    }
}

5. 运行并测试应用程序

完成上述步骤后,可以运行应用程序,您应该能够看到从 SQL Server 中读取的用户数据以表格的形式展示。

sequenceDiagram
    participant User
    participant WPF_App
    participant SQL_Server

    User->>WPF_App: 请求显示用户列表
    WPF_App->>SQL_Server: 执行 SQL 查询
    SQL_Server-->>WPF_App: 返回用户数据
    WPF_App-->>User: 显示用户数据

小提示:在调试过程中,如遇到连接问题,请检查连接字符串、数据库是否启动和网络连通性。

结尾

通过以上步骤,我们成功实现了 WPF 应用程序与 SQL Server 数据库的连接,并将数据展示在用户界面上。这是 WPF 数据处理的一个基本示例,也是更复杂应用程序开发的基础。希望此文能够帮助您把握要点,快速上手。若有疑问,请随时提问。