back

articles/5_1_1_10_uml_uc_spec.md

@@ -1,3 +1,11 @@
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_10_uml_use_case.md">Диаграмма вариантов использования
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/5_1_1_1_erd2.md">Основы проектирования баз данных.
+</a></td><tr></table>
+
 # UML. Спецификация вариантов использования (прецедентов)
 
 https://glebradchenko.susu.ru/courses/bachelor/engineering/2013/SUSU_SE_08_UML_UseCase.pdf
@@ -75,3 +83,10 @@ https://studfile.net/preview/1712530/page:4/
 Постусловия | 1. Покупатель оставил заказ
 
 
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_10_uml_use_case.md">Диаграмма вариантов использования
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/5_1_1_1_erd2.md">Основы проектирования баз данных.
+</a></td><tr></table>

articles/5_1_1_10_uml_use_case.md

@@ -1,3 +1,11 @@
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_4_analiz.md">Анализ предметной области. Основные понятия системного и структурного анализа.
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/5_1_1_10_uml_uc_spec.md">Спецификация вариантов использования
+</a></td><tr></table>
+
 # Диаграмма прецедентов (вариантов использования или Use Case)
 
 Используемые материалы:
@@ -115,3 +123,10 @@
 
 Мы рассмотрели только базовые элементы для диаграммы вариантов использования, на самом деле их больше. Но для нашего уровня обучения этого достаточно.
 
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_4_analiz.md">Анализ предметной области. Основные понятия системного и структурного анализа.
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/5_1_1_10_uml_uc_spec.md">Спецификация вариантов использования
+</a></td><tr></table>

articles/5_1_1_1_data_dictionary.md

@@ -1,4 +1,10 @@
-[содержание](/readme.md)
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_1_erd2.md">Основы проектирования баз данных.
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/5_1_1_1_erd_workbench.md">Создание ER-диаграммы в среде MySQL Workbench
+</a></td><tr></table>
 
 # Словарь данных
 
@@ -62,3 +68,12 @@ FK | GenderId | INT | Y | | Ссылка на словарь **Gender**
 &nbsp;| FirstVisit | DATE | | | Дата первого посещения (регистрации). В принципе эту дату можно достать из таблицы "Посещения клиента"
 &nbsp;| Photo | BLOB | | | Фотографию клиента можно хранить в базе, но можно и в каком-либо каталоге на сервере
 FK | TagId | INT | | | Ссылка на словарь **Теги клиента**. Причем тут опять же в зависимости от ТЗ может понадобиться промежуточная таблица, если у клиента может быть несколько тегов
+
+
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_1_erd2.md">Основы проектирования баз данных.
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/5_1_1_1_erd_workbench.md">Создание ER-диаграммы в среде MySQL Workbench
+</a></td><tr></table>

articles/5_1_1_1_erd2.md

@@ -1,4 +1,10 @@
-[содержание](/readme.md)
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_10_uml_uc_spec.md">Спецификация вариантов использования
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/5_1_1_1_data_dictionary.md">Словарь данных
+</a></td><tr></table>
 
 >Основано на [этих](https://sites.google.com/site/anisimovkhv/learning/pris/lecture) лекциях.
 
@@ -408,4 +414,12 @@ Management Studio, Oracle SQL Developer и им подобные — это не
 **Дополнительная литература**
 
 1. [Нормализация баз данных простыми словами](https://info-comp.ru/database-normalization)
-2. [Нормализация базы данных и ее формы](https://office-menu.ru/uroki-sql/51-normalizatsiya-bazy-dannykh)
+2. [Нормализация базы данных и ее формы](https://office-menu.ru/uroki-sql/51-normalizatsiya-bazy-dannykh)
+
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_10_uml_uc_spec.md">Спецификация вариантов использования
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/5_1_1_1_data_dictionary.md">Словарь данных
+</a></td><tr></table>

articles/5_1_1_1_erd_workbench.md

@@ -1,4 +1,10 @@
-[содержание](/readme.md)
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_1_data_dictionary.md">Словарь данных
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/sql_for_beginner.md">Основы SQL
+</a></td><tr></table>
 
 # Создание ER-диаграммы в среде MySQL Workbench
 
@@ -137,3 +143,11 @@ MyFlix — это юридическое лицо, которое сдает в
 Повторяем эти действия для всех связей, в итоге получится примерно следующее:    
 
 ![](../img/01021.png)
+
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/5_1_1_1_data_dictionary.md">Словарь данных
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/sql_for_beginner.md">Основы SQL
+</a></td><tr></table>

articles/cs_mysql_connection.md

@@ -0,0 +1,310 @@
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/sql_import.md">Создание базы данных. Импорт данных.
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/cs_mysql_connection.md">---
+</a></td><tr></table>
+
+# Создание подключения к БД MySQL. Получение данных с сервера.
+
+Дальше мы продолжим разбор задания прошлогоднего демо-экзамена. 
+
+Базу мы развернули и данные в неё импортировали, теперь начнём разбор второй сессии: создание desktop-приложения.
+
+>## Разработка desktop-приложений
+>
+>### Список продукции
+>
+>Необходимо реализовать вывод продукции, которая хранится в базе данных, согласно предоставленному макету (файл `product_list_layout.jpg` находится в ресурсах). При отсутствии изображения необходимо вывести картинку-заглушку из ресурсов (picture.png).
+>
+>![](../img/product_list_layout.jpg)
+>
+>...
+>
+>Стоимость продукта должна быть рассчитана исходя из используемых материалов.
+
+По макету видно, что на первом экране уже нужны все данные, которые мы импортировали ранее: список продуктов (Product), список материалов (Material) продукта (через таблицу ProductMaterial).
+
+Сразу оговорюсь, что получать данные с сервера можно по-разному: можно через **DataAdapter** загрузить данные в **DataTable** и привязать его к компоненту отображающему данные:
+
+```cs
+MySqlDataAdapter mda = new MySqlDataAdapter(
+        "SELECT * FROM Product", 
+        Connection);
+DataTable dt = new DataTable();
+mda.Fill(dt);
+ProductListView.DataContext = dt.DefaultView;
+```
+
+А можно используя **DataReader** заполнять список моделей ~~, что мы и будем дальше делать~~ Мы попробуем реализовать оба варианта.
+
+>В рамках демо-экзамена требуется работать с моделями ("Основные сущности представлены отдельными классами", но стоит это всего 0,2 балла).
+
+## Реализация с помощью моделей и **DataReader**-а.
+
+Шаблон приложения берем из лекций прошлого года.
+
+Первым делом рисуем модели для данных. Если в прошлом году вы их разрабатывали сами, то сейчас придумывать ничего не надо - просто смотрим на структуру таблиц:
+
+### Модель "Продукт"
+
+![](../img/01061.png)
+
+```cs
+public class Product
+{
+    public int ID { get; set; }
+    public string Title { get; set; }
+    public int ProductTypeID { get; set; }
+    public string ArticleNumber { get; set; }
+    public string Description { get; set; }
+    public string Image { get; set; }
+    public int ProductionPersonCount { get; set; }
+    public int ProductionWorkshopNumber { get; set; }
+    public decimal MinCostForAgent { get; set; }
+}
+```
+
+### Модель "Материал"
+
+![](../img/01062.png)
+
+```cs
+public class Material
+{
+    public int ID { get; set; }
+    public string Title { get; set; }
+    public int CountInPack { get; set; }
+    public string Unit { get; set; }
+    public double CountInStock { get; set; }
+    public double MinCount { get; set; }
+    public string Description { get; set; }
+    public decimal Cost { get; set; }
+    public string Image { get; set; }
+    public int MaterialTypeID { get; set; }
+}
+```
+
+### Получение данных из базы
+
+1. Создаем интерфейс поставщика данных (пока только для продукции)
+
+    ```cs
+    interface IDataProvider
+    {
+        IEnumerable<Product> GetProducts();
+    }
+    ```
+
+2. Создаем класс **MySqlDataProvider**, реализующий этот интерфейс
+
+    ```cs
+    class MySQLDataProvider: IDataProvider
+    {
+        // соединение с базой данных
+        private MySqlConnection Connection;
+    ```
+
+    ![](../img/01060.png)
+
+
+    ```cs
+        // в конструкторе создаём подключение и сразу его открываем
+        public MySQLDataProvider()
+        {
+            try
+            {
+                Connection = new MySqlConnection("Server=kolei.ru;Database=ТУТ ВАША БАЗА;port=3306;UserId=ТУТ ВАШ ЛОГИН;password=ТУТ ПАРОЛЬ;");
+                Connection.Open();
+            }
+            catch (Exception)
+            {
+            }
+        }
+
+        // в деструкторе закрываем соединение
+        ~MySQLDataProvider()
+        {
+            Connection.Close();
+        }
+
+
+        // реализуем метод получения списка продукции
+        public IEnumerable<Product> GetProducts()
+        {
+            List<Product> ProductList = new List<Product>();
+
+            // выбираем ВСЕ записи
+            // в реальных приложенияъ этого делать, конечно нельзя
+            // но у нас базы маленькие, поэтому условиями не заморачиваемся
+            MySqlCommand Command = new MySqlCommand(
+                "SELECT * FROM Product", 
+                Connection);
+
+            // создаем DataReader, который и будет читать данные из базы
+            MySqlDataReader Reader = Command.ExecuteReader();
+
+            try
+            {
+                while(Reader.Read())
+                {
+                    // для каждой строки таблицы Product создаем экземпляр 
+                    // соответствующей модели, заполняем её
+                    Product NewProduct = new Product();
+                    NewProduct.ID = Reader.GetInt32("ID");
+                    NewProduct.Title = Reader.GetString("Title");
+                    NewProduct.ProductTypeID = Reader.GetInt32("ID");
+                    NewProduct.ArticleNumber = Reader.GetInt32("ID");
+                    NewProduct.ProductionPersonCount = Reader.GetInt32("ID");
+                    NewProduct.ProductionWorkshopNumber = Reader.GetInt32("ID");
+                    NewProduct.MinCostForAgent = Reader.GetInt32("ID");
+
+                    // Методы Get<T> не поддерживают работу с NULL
+                    // для полей, в которых может встретиться NULL (а лучше для всех)
+                    // используйте следующий синтаксис
+                    NewProduct.Description = Reader["Description"].ToString();
+                    NewProduct.Image = Reader["Image"].ToString();
+
+                    // и сохраняем в списке
+                    ProductList.Add(NewProduct);
+                }
+            }
+            catch (Exception)
+            {
+            }
+
+            return ProductList;
+    }
+    ```
+
+3. В конструкторе главного окна создаем поставщика данных и получаем с помощью него список продукции
+
+    ```cs
+    public MainWindow()
+    {
+        InitializeComponent();
+        DataContext = this;
+
+        Globals.DataProvider = new MySQLDataProvider();
+        var ProductList = Globals.DataProvider.GetProducts();
+        ...
+    ```
+
+4. В вёрстке главного окна пока выведем обычный **DataGrid**, чтобы проверить, всё-ли нормально
+
+    ```xml
+    <DataGrid
+        Grid.Row="1"
+        Grid.Column="1"
+        CanUserAddRows="False"
+        AutoGenerateColumns="False"
+        ItemsSource="{Binding ProductList}">
+        
+        <DataGrid.Columns>
+            <DataGridTextColumn
+                Header="Название"
+                Binding="{Binding Title}"/>
+            <DataGridTextColumn
+                Header="Артикул"
+                Binding="{Binding ArticleNumber}"/>
+            <DataGridTextColumn
+                Header="Описание"
+                Binding="{Binding Description}"/>
+        </DataGrid.Columns>
+    </DataGrid>
+    ```
+
+    ![](../img/01063.png)
+
+## Реализация с помощью **DataAdapter**
+
+Модели в этом варианте рисовать не надо, сразу делаем получение данных
+
+1. Интерфейс поставщика данных
+
+    ```cs
+    interface IDataProvider2
+    {
+        DataView GetProducts();
+    }
+    ```
+
+2. Класс **MySqlDataProvider2**, реализующий этот интерфейс.
+
+    Конструктор и деструктор не отличаются, а вот получение данных намного проще:
+
+    ```cs
+    class MySQLDataProvider2 : IDataProvider2
+    {
+        private MySqlConnection Connection;
+
+        public MySQLDataProvider2()
+        {
+            try
+            {
+                Connection = new MySqlConnection("Server=kolei.ru;Database=ТУТ ВАША БАЗА;port=3306;UserId=ТУТ ВАШ ЛОГИН;password=ТУТ ПАРОЛЬ;");
+                Connection.Open();
+            }
+            catch (Exception)
+            {
+            }
+        }
+
+        ~MySQLDataProvider2()
+        {
+            Connection.Close();
+        }
+
+        public DataView GetProducts()
+        {
+            MySqlDataAdapter mda = new MySqlDataAdapter("SELECT * FROM Product", Connection);
+            DataTable dt = new DataTable();
+            mda.Fill(dt);
+            return dt.DefaultView;
+        }
+    }
+    ```
+
+3. Конструктор главного экрана
+
+    ```cs
+    public MainWindow()
+    {
+        InitializeComponent();
+        DataContext = this;
+
+        Globals.DataProvider2 = new MySQLDataProvider2();
+
+        // данные привязываем к контексту визуального компонента
+        ProductListGrid.DataContext = Globals.DataProvider2.GetProducts();
+    }
+    ```
+
+4. Вёрстка практически не отличается, только в *ItemsSource* используем свойство *Table* класса **DataView**
+
+    ```xml
+    <DataGrid
+        Grid.Row="1"
+        Grid.Column="1"
+        CanUserAddRows="False"
+        AutoGenerateColumns="False"
+        Name="ProductListGrid"
+        ItemsSource="{Binding Table}">
+
+        <DataGrid.Columns>
+            <DataGridTextColumn
+                Header="Название"
+                Binding="{Binding Title}"/>
+            <DataGridTextColumn
+                Header="Артикул"
+                Binding="{Binding ArticleNumber}"/>
+            <DataGridTextColumn
+                Header="Описание"
+                Binding="{Binding Description}"/>
+        </DataGrid.Columns>
+    </DataGrid>
+    ```
+
+https://docs.microsoft.com/ru-ru/dotnet/api/system.data.dataset?view=net-5.0
+

articles/sql_import.md

@@ -3,7 +3,7 @@
 </a></td><td style="width: 20%;">
 <a href="../readme.md">Содержание
 </a></td><td style="width: 40%;">
-<a href="../articles/wpf_filtering.md">&nbsp;
+<a href="../articles/cs_mysql_connection.md">Создание подключения к БД MySQL. Получение данных с сервера.
 </a></td><tr></table>
 
 # Создание базы данных. 
@@ -446,3 +446,11 @@ CSV расшифровывается как comma-separated values — «зна
         ```
 
 Самостоятельно загрузите данные из файлов `products_k_import.csv` и `productmaterial_k_import.xlsx`
+
+<table style="width: 100%;"><tr><td style="width: 40%;">
+<a href="../articles/sql_for_beginner.md">Основы SQL
+</a></td><td style="width: 20%;">
+<a href="../readme.md">Содержание
+</a></td><td style="width: 40%;">
+<a href="../articles/cs_mysql_connection.md">Создание подключения к БД MySQL. Получение данных с сервера.
+</a></td><tr></table>

readme.md

@@ -116,6 +116,11 @@ http://sergeyteplyakov.blogspot.com/2014/01/microsoft-fakes-state-verification.h
 * Какие виды **ключей** Вы знаете?
 * Назовите этапы проектирования БД.
 
+## Тема 5.1.3. C# и MySQL.
+
+1. [Создание подключения к БД MySQL. Получение данных с сервера.](./articles/cs_mysql_connection.md)
+
+
 <!--
 
 https://office-menu.ru/uroki-sql Уроки SQL