1

Есть база данных с таблицей, которая имеет поля: Имя, Фамилия, место работы и фото (туда помещается путь к файлу). Необходимо вывести список всех людей из базы данных с фотками в ListView. Хотел попробовать сделать как вывод в DataGrid'е или через EntitiesFramework проходиться по каждому столбцу и биндить их в XAML, но сбился с мысли и теперь все в каше. Буду очень рад любым подсказкам, как можно было бы это реализовать!

3
  • у ListView можно задать дочерний GridView, который умеет рисовать таблички
    – aepot
    23 мар 2021 в 21:23
  • @aepot То есть, просто прибиндить к GridViewColumns столбцы из бд? А как он будет вести себя с графическими объектами, к которым указывается путь?
    – Dev2502
    23 мар 2021 в 21:33
  • Я не пробовал, биндил только к обычной коллекции.
    – aepot
    23 мар 2021 в 21:42

1 ответ 1

3

Вот простой пример отображения таблицы из БД в ListView, без разделения на слои и использования EF.

Пусть у нас есть база данных base в SQL Server, и в ней таблица Users:

CREATE TABLE [dbo].[Users](
    [Name] [nvarchar](200) NULL,
    [Surname] [nvarchar](200) NULL,
    [Image] [nvarchar](max) NULL
)

Тогда мы можем написать такой код для загрузки данных:

using System;
using System.Collections.Generic;
using System.Text;
using System.Data;
using System.Data.SqlClient;
using System.Windows;
using System.Windows.Controls;

namespace WpfTest
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        static DataTable ExecuteSql(string sql)
        {
            DataTable dt=new DataTable();
            SqlConnection conn = new SqlConnection(
                "Data Source=.\\SQLEXPRESS;Integrated Security=True;Initial Catalog=base"
                );

            using (conn)
            {
                conn.Open();

                SqlCommand cmd = new SqlCommand(sql, conn);
                SqlDataReader read = cmd.ExecuteReader();

                using (read)
                {
                    dt.Load(read);
                }
            }

            return dt;
        }        

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            DataTable dt = ExecuteSql("SELECT * FROM Users");
            listviewUsers.ItemsSource = dt.DefaultView;
        }
    }    
}

XAML:

<Window x:Class="WpfTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Height="250" Width="400" >
    <Grid >

        <Button Content="Load" HorizontalAlignment="Left" Height="40" Margin="10,0,0,0" 
                VerticalAlignment="Top" Width="100" Click="Button_Click" />
        <ListView x:Name="listviewUsers" HorizontalAlignment="Stretch"  
                  Margin="10,60,10,10" VerticalAlignment="Stretch">
            <ListView.View>
                <GridView>
                    <GridViewColumn DisplayMemberBinding="{Binding Path=Name}" 
                      Header="Name" Width="100"/>
                    <GridViewColumn DisplayMemberBinding="{Binding Path=Surname}" 
                      Header="Surname" Width="100"/>
                    <GridViewColumn Header="Image" Width="100">
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Image Source="{Binding Path=Image}"/>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>

    </Grid>
</Window>

listview

Здесь мы создаем две колонки с обычной привязкой к строковому свойству, и одну - с нестандартным шаблоном, который отображает Image. При использовании EF все будет аналогично, только привязывать ItemsSource вы будете к коллекции конкретных сущностей вместо DataTable.

Документация: Binding Data to a ListView


Если в базе хранится не полный путь, а имя файла относительно общего каталога, нужно ввести дополнительный класс и преобразовывать путь при чтении из базы:

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Data;
using System.Data.SqlClient;
using System.Windows;
using System.Windows.Controls;

namespace WpfTest
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        static IEnumerable<User> ExecuteSql(string sql)
        {
            const string dir = "C:\\Test\\Images\\";

            SqlConnection conn = new SqlConnection(
                "Data Source=.\\SQLEXPRESS;Integrated Security=True;Initial Catalog=base"
                );

            using (conn)
            {
                conn.Open();

                SqlCommand cmd = new SqlCommand(sql, conn);
                SqlDataReader read = cmd.ExecuteReader();

                using (read)
                {
                    while (true)
                    {
                        if (read.Read() == false) break;

                        User user = new User()
                        {
                            Name = (string)read["Name"],
                            Surname = (string)read["Surname"],
                            Image = Path.Combine( dir , (string)read["Image"])
                        };

                        yield return user;
                    }
                }
            }
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            User[] users = ExecuteSql("SELECT * FROM Users").ToArray();
            listviewUsers.ItemsSource = users;
        }
    }

    public class User
    {
        public string Name { get; set; }
        public string Surname { get; set; }
        public string Image { get; set; }
    }
}
5
  • Никогда бы не подумал, что так [Image] [nvarchar](max) NULL можно. Почему не BLOB?
    – Bulson
    24 мар 2021 в 7:36
  • @Bulson в базе храниться путь к файлу, а не бинарник картинки (так было изначально в вопросе). То есть это работает только локально, либо нужно использовать URL вместо пути. Если хранить саму картинку, то да, nvarchar не подойдет. 24 мар 2021 в 7:45
  • @MSDN.WhiteKnight Здравствуйте! Спасибо огромное за подробное описание способа! У меня сейчас появился, возможно, глупый, но важный вопрос касательно пути к картинкам. На данный момент в базе данных в таблице прописано лишь название каждой картинки. Обязательно ли указывать какие-то детали в данном случае или можно найти универсальное место для хранения без переделывания каждой строки в бд?
    – Dev2502
    24 мар 2021 в 13:17
  • @Dev2502 этот способ рассчитан на полный путь. Если в базе храниться часть пути, переделывать каждую строку не обязательно, но такой простой способ уже неприменим. См. обновление ответа. 25 мар 2021 в 3:14
  • @MSDN.WhiteKnight Спасибо огромное!
    – Dev2502
    2 апр 2021 в 8:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.