C# WPF入门学习番外篇（二） —— C# WPF使用数据库创建注册登录界面

在这篇番外篇博客中，我们将介绍如何在C# WPF应用程序中使用数据库来创建一个简单的注册和登录界面。通过本教程，你将学习到如何在WPF中与数据库进行交互，以及如何实现用户注册和登录功能。

1. 准备工作

首先，确保你已经安装了必要的工具和库：

• Visual Studio
• MySQL数据库（或其他你选择的数据库）
• MySQL Connector/NET（通过NuGet安装 MySql.Data 包）

准备工作在上一篇番外篇中已经讲过啦~
C# WPF入门学习番外篇（一）——C#使用WPF连接MySQL数据库

2. 配置数据库

创建一个名为 UserDB 的数据库，并创建一个名为 Users 的表：

CREATE DATABASE UserDB;
USE UserDB;

CREATE TABLE Users (
    Id INT AUTO_INCREMENT PRIMARY KEY,
    Username VARCHAR(50) NOT NULL,
    Password VARCHAR(50) NOT NULL
);

这里说明一下我是用的MySQL，软件我用的jetbrains家的DataGrip，当然没有的话也不影响，可以使用MySQL自带的终端来对数据库进行操作。

3. 创建WPF项目

在Visual Studio中创建一个新的WPF项目。

4. 配置连接字符串

在项目的 App.config 文件中添加数据库连接字符串：

<configuration>
    <connectionStrings>
        <add name="UserDBConnectionString" connectionString="Server=localhost;Database=UserDB;User Id=myusername;Password=mypassword;" providerName="MySql.Data.MySqlClient" />
    </connectionStrings>
</configuration>

确保替换 myusername 和 mypassword 为你的数据库用户名和密码。

5. 创建WPF界面

在 MainWindow.xaml 中，设计一个简单的界面，包括注册和登录功能：

<Window x:Class="WpfApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="User Registration and Login" Height="400" Width="300">
<Grid Margin="0,0,-4,0">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<TextBox x:Name="txtUsername" Margin="95,111,40,228"/>
<PasswordBox x:Name="txtPassword"  Margin="95,160,40,179"/>
<Button Content="Register" Click="Register_Click" Margin="77,291,72,19"/>
<Button Content="Login" Click="Login_Click" Margin="77,210,72,100"/>
<Label Content="账号" HorizontalAlignment="Left" Margin="50,111,0,0" VerticalAlignment="Top" Height="35"/>
<Label Content="密码" HorizontalAlignment="Left" Margin="50,160,0,0" VerticalAlignment="Top" Height="35"/>
<Label Content="注册" HorizontalAlignment="Left" Margin="10,40,0,0" VerticalAlignment="Top" Height="39" Width="280" FontSize="22" HorizontalContentAlignment="Center"/>
</Grid>
</Window>

6. 编写后台代码

在 MainWindow.xaml.cs 中，添加注册和登录的逻辑：

using System;
using System.Windows;
using MySql.Data.MySqlClient;
using System.Configuration;
namespace WpfApp
{
public partial class MainWindow : Window
{
string connectionString = ConfigurationManager.ConnectionStrings["UserDBConnectionString"].ConnectionString;
public MainWindow()
{
InitializeComponent();
}
private void Register_Click(object sender, RoutedEventArgs e)
{
string username = txtUsername.Text;
string password = txtPassword.Password;
if (string.IsNullOrWhiteSpace(username) || string.IsNullOrWhiteSpace(password))
{
MessageBox.Show("Username and password cannot be empty.");
return;
}
try
{
using (MySqlConnection conn = new MySqlConnection(connectionString))
{
conn.Open();
string query = "INSERT INTO Users (Username, Password) VALUES (@username, @password)";
MySqlCommand cmd = new MySqlCommand(query, conn);
cmd.Parameters.AddWithValue("@username", username);
cmd.Parameters.AddWithValue("@password", password);
cmd.ExecuteNonQuery();
}
MessageBox.Show("Registration successful.");
}
catch (Exception ex)
{
MessageBox.Show("Error: " + ex.Message);
}
}
private void Login_Click(object sender, RoutedEventArgs e)
{
string username = txtUsername.Text;
string password = txtPassword.Password;
if (string.IsNullOrWhiteSpace(username) || string.IsNullOrWhiteSpace(password))
{
MessageBox.Show("Username and password cannot be empty.");
return;
}
try
{
using (MySqlConnection conn = new MySqlConnection(connectionString))
{
conn.Open();
string query = "SELECT COUNT(*) FROM Users WHERE Username = @username AND Password = @password";
MySqlCommand cmd = new MySqlCommand(query, conn);
cmd.Parameters.AddWithValue("@username", username);
cmd.Parameters.AddWithValue("@password", password);
int count = Convert.ToInt32(cmd.ExecuteScalar());
if (count > 0)
{
MessageBox.Show("Login successful.");
}
else
{
MessageBox.Show("Invalid username or password.");
}
}
}
catch (Exception ex)
{
MessageBox.Show("Error: " + ex.Message);
}
}
}
}

详细说明

1. 安装 MySQL Connector/NET：

   • 使用 NuGet 安装 MySql.Data 包，这个包提供了与 MySQL 服务器通信所需的所有类。

2. 配置连接字符串：

   • 在 App.config 中配置连接字符串，以便应用程序可以连接到数据库。

3. 编写 WPF 界面：

   • 设计一个简单的注册和登录界面，包含用户名和密码输入框，以及注册和登录按钮。

4. 编写后台代码：

   • 使用 MySqlConnection 类连接到数据库。
   • 在注册按钮点击事件中，执行插入操作将新用户信息保存到数据库中。
   • 在登录按钮点击事件中，执行查询操作验证用户信息。

总结

通过这个教程，你学会了如何在WPF应用程序中连接并使用MySQL数据库，创建一个基本的用户注册和登录界面。你可以根据需要扩展这个示例，添加更多功能和验证逻辑，以构建一个更复杂和完整的应用程序。