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

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数据库，创建一个基本的用户注册和登录界面。你可以根据需要扩展这个示例，添加更多功能和验证逻辑，以构建一个更复杂和完整的应用程序。