Базы данных: Entity Framework

CRUD через Entity Framework в WPF: Add, Remove, SaveChanges и обновление DataGrid по SelectedItem

Сейчас наша таблица только отображает данные. Давайте научимся добавлять, изменять и удалять данные в базу данных, чтобы все изменения сразу были в БД.

Постановка

У нас есть пример — база данных с цветами и людьми с любимыми цветами и таблица, которая отображает цвета из БД.

Результаты запросов SSMS: таблица colour (id, Name) с 4 строками и таблица human (id, Name, ColourId) с 5 строками

Мы хотим добавлять новые цвета, так что создадим текстовое поле, куда мы будем вписывать названия цветов. Также создадим кнопку, по которой будет происходить добавление.

Текстовое поле я назову NameTbx. Таблицу я назову ColourDgr.

Visual Studio с MainWindow: DataGrid, под ним TextBox «Название цвета», и три зелёные кнопки «Добавить», «Изменить», «Удалить». XAML внизу

Так как все подгружаемые данные из Entity Framework это чисто работа с листами (тот же Add, тот же Remove), то я подумала, что разделять CRUD операции на 3 файла не имеет смысла, так что разберём сразу в одном каждую функцию — добавление, изменение и удаление.

Основа приложения будет такая же — подключаем Entities, берём из него нужную нам табличку, преобразовываем его в лист и пихаем в датагрид. Плюс обработаем нажатие на все три кнопки.

Код MainWindow с context инициализацией, ColourDgr.ItemsSource в конструкторе и тремя пустыми методами Button_Click, Button_Click_1, Button_Click_2 с комментариями «Добавление», «Изменение», «Удаление» — оранжевая подпись «чтение БД и её отображение в датагриде»

1
public partial class MainWindow : Window
2
{
3
    private ExampleDBEntities context = new ExampleDBEntities();
4

5
    public MainWindow()
6
    {
7
        InitializeComponent();
8
        ColourDgr.ItemsSource = context.colour.ToList(); // чтение БД и её отображение в датагриде
9
    }
10

11
    // Добавление
12
    private void Button_Click(object sender, RoutedEventArgs e) { }
13

14
    // Изменение
15
    private void Button_Click_1(object sender, RoutedEventArgs e) { }
16

17
    // Удаление
18
    private void Button_Click_2(object sender, RoutedEventArgs e) { }
19
}

Напомню, работа та же, как с листами.

Добавление

Для добавления нам нужно создать новый colour и наполнить его данными. После наполнения, его нужно добавить внутрь таблицы. С таблицей мы взаимодействовали через context.colour, так что если я хочу что-то добавить туда, нужно написать context.colour.Add(объект который добавляем).

ID прописывать не нужно, id пропишется самостоятельно, как только пойдёт в базу данных.

Код Button_Click добавления: colour c = new colour(); c.name = NameTbx.Text; context.colour.Add(c); — красная стрелка с подписью «данные возьму из текстового поля»

1
private void Button_Click(object sender, RoutedEventArgs e)
2
{
3
    colour c = new colour();
4
    c.name = NameTbx.Text; // данные возьму из текстового поля
5
    context.colour.Add(c);
6
}

После добавления, внесённые изменения нужно сохранить. Для этого у нашей переменной context, коей является вся БД, есть метод SaveChanges, по факту, «сохранить все внесённые изменения». После сохранения, нужно ещё обновить само содержимое датагрида, так что мы снова пропишем ItemsSource для нашей таблички.

Код после context.colour.Add(c); — context.SaveChanges(); и ColourDgr.ItemsSource = context.colour.ToList(); — красная подпись «просто скопировала строчку для чтения»

1
context.colour.Add(c);
2

3
context.SaveChanges();
4
ColourDgr.ItemsSource = context.colour.ToList(); // просто скопировала строчку для чтения

И добавление уже будет работать.

Окно MainWindow с DataGrid: id 1-4 Зелёный/Синий/Жёлтый/Красный + новая строка id 1008 «Новый цвет», ниже TextBox с текстом «Новый цвет» и кнопка «Добавить»

Удаление

Если мы говорим про удаление, значит нам нужно выбрать какой-то объект в табличке, который мы будем удалять. Выбранный объект — свойство SelectedItem из нашего датагрида.

Для начала проверим, точно ли у нас выбран какой-то объект. Если ничего не выбрано, значит SelectedItem равен null, а нам как раз это НЕ нужно.

1
// Удаление
2
private void Button_Click_2(object sender, RoutedEventArgs e)
3
{
4
    if (ColourDgr.SelectedItem != null)
5
    {
6

7
    }
8
}

Если всё хорошо, тогда возьмём наш выбранный элемент как colour (у вас — как <вставьте название вашей таблицы>), и при помощи Remove уберём его из таблицы.

Напомню, если я хочу убрать объект из листа, я пишу мойлист.Remove(элементкоторыйубираю). Так как наши таблицы — это тоже по факту листы, то тут так же, возьмём табличку из переменной context и оттуда уберём выбранный элемент.

1
if (ColourDgr.SelectedItem != null)
2
{
3
    context.colour.Remove(ColourDgr.SelectedItem as colour);
4
}

Как всегда, не забываем в конце про сохранение изменений и обновление таблицы, без этого ничего не получится.

1
context.colour.Remove(ColourDgr.SelectedItem as colour);
2

3
context.SaveChanges();
4
ColourDgr.ItemsSource = context.colour.ToList();

И удаление также будет работать.

Окно MainWindow с тремя кнопками внизу — «Добавить», «Изменить», «Удалить»; DataGrid с цветами и TextBox «Название цвета»

Изменение

Для изменения нужно сделать один предварительный шаг — выгрузить данные из выбранного элемента в текстовые поля. Чтобы я нажала, а цвет в текстбоксе появился. Так мы сможем быстрее менять данные и опечатки, нежели вручную переписывать все данные из поля.

Для этого обработаем событие «Выбор изменён» у датагрида. Просто дважды в XAML нажмите по нему, и у вас появится событие SelectionChanged. Внутри также нужно сделать проверку, точно ли что-то выбрано, как это было в удалении, а потом взять этот выбранный элемент и записать его в переменную.

1
private void ColourDgr_SelectionChanged(object sender, SelectionChangedEventArgs e)
2
{
3
    if (ColourDgr.SelectedItem != null)
4
    {
5
        var selected = ColourDgr.SelectedItem as colour;
6
    }
7
}

Если мы взяли выбранный элемент как нашу модель, значит у нас есть доступ к каждому пункту в нашей модели, таким как имя, id и прочее. Все эти поля можно выгрузить в текстовые поля.

Код: var selected = ColourDgr.SelectedItem as colour; NameTbx.Text = selected.name; — красная подпись «и т.д., если полей больше»

1
var selected = ColourDgr.SelectedItem as colour;
2
NameTbx.Text = selected.name; // и т.д., если полей больше

Это даст нам вот такой результат.

Окно MainWindow: DataGrid с выбранной строкой «Синий», внизу TextBox с текстом «Синий»

Окно MainWindow: DataGrid с выбранной строкой «Красный», внизу TextBox с текстом «Красный»

И в изменении нужно сделать всё то же самое, но последнюю строчку выполнить наоборот: также проверить на пустоту, также взять выбранный элемент, но вместо запихивания информации ИЗ элемента В текстбокс, сделать наоборот — ИЗ текстбокса В элемент.

1
// Изменение
2
private void Button_Click_1(object sender, RoutedEventArgs e)
3
{
4
    if (ColourDgr.SelectedItem != null)
5
    {
6
        var selected = ColourDgr.SelectedItem as colour;
7
        selected.name = NameTbx.Text;
8
    }
9
}

Не забываем сохранять данные.

1
selected.name = NameTbx.Text;
2

3
context.SaveChanges();
4
ColourDgr.ItemsSource = context.colour.ToList();

И изменения также будут работать.

Окно MainWindow: DataGrid, где строка «Жёлтый» стала «Светло-жёлтый», внизу TextBox со значением «Светло-жёлтый» и три кнопки

Изменение без выгрузки в текстбокс

Либо вообще не парьтесь над выгрузкой, если это простые таблички без множественных связей, и меняйте всё в табличке. Для этого вам НЕ понадобится метод SelectionChanged, НЕ понадобится текстовое поле, а сам код при кнопке изменения будет выглядеть так:

1
// Изменение
2
private void Button_Click_1(object sender, RoutedEventArgs e)
3
{
4
    context.SaveChanges();
5
}

Всё потому, что датагрид и так связан с таблицей, и сам вносит все изменения внутрь каждого объекта. Все изменения потом нужно просто сохранить.

Полный код примера

MainWindow.xaml — DataGrid, поле ввода и три кнопки:

1
<Window x:Class="vipief.MainWindow"
2
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4
        Title="MainWindow" Height="450" Width="400">
5
    <Grid>
6
        <Grid.RowDefinitions>
7
            <RowDefinition/>
8
            <RowDefinition Height="Auto"/>
9
            <RowDefinition Height="Auto"/>
10
            <RowDefinition Height="Auto"/>
11
            <RowDefinition Height="Auto"/>
12
        </Grid.RowDefinitions>
13

14
        <DataGrid x:Name="ColourDgr" SelectionChanged="ColourDgr_SelectionChanged"/>
15
        <TextBox Grid.Row="1" x:Name="NameTbx"/>
16
        <Button Grid.Row="2" Content="Добавить" Click="Button_Click"/>
17
        <Button Grid.Row="3" Content="Изменить" Click="Button_Click_1"/>
18
        <Button Grid.Row="4" Content="Удалить"  Click="Button_Click_2"/>
19
    </Grid>
20
</Window>

MainWindow.xaml.cs — полный CRUD:

1
using System.Linq;
2
using System.Windows;
3
using System.Windows.Controls;
4

5
namespace vipief
6
{
7
    public partial class MainWindow : Window
8
    {
9
        private ExampleDBEntities context = new ExampleDBEntities();
10

11
        public MainWindow()
12
        {
13
            InitializeComponent();
14
            ColourDgr.ItemsSource = context.colour.ToList();
15
        }
16

17
        // Добавление
18
        private void Button_Click(object sender, RoutedEventArgs e)
19
        {
20
            colour c = new colour();
21
            c.name = NameTbx.Text;
22
            context.colour.Add(c);
23

24
            context.SaveChanges();
25
            ColourDgr.ItemsSource = context.colour.ToList();
26
        }
27

28
        // Изменение
29
        private void Button_Click_1(object sender, RoutedEventArgs e)
30
        {
31
            if (ColourDgr.SelectedItem != null)
32
            {
33
                var selected = ColourDgr.SelectedItem as colour;
34
                selected.name = NameTbx.Text;
35

36
                context.SaveChanges();
37
                ColourDgr.ItemsSource = context.colour.ToList();
38
            }
39
        }
40

41
        // Удаление
42
        private void Button_Click_2(object sender, RoutedEventArgs e)
43
        {
44
            if (ColourDgr.SelectedItem != null)
45
            {
46
                context.colour.Remove(ColourDgr.SelectedItem as colour);
47

48
                context.SaveChanges();
49
                ColourDgr.ItemsSource = context.colour.ToList();
50
            }
51
        }
52

53
        private void ColourDgr_SelectionChanged(object sender, SelectionChangedEventArgs e)
54
        {
55
            if (ColourDgr.SelectedItem != null)
56
            {
57
                var selected = ColourDgr.SelectedItem as colour;
58
                NameTbx.Text = selected.name;
59
            }
60
        }
61
    }
62
}

— просмотров

Постановка #

Добавление #

Удаление #

Изменение #

Изменение без выгрузки в текстбокс #