Tugas 4 - Menerapkan MVVM Pada WPF

- April 12, 2021

Reference: https://thesolidsnake.wordpress.com/2014/01/10/menerapkan-m vvm-di-windows-presentation-foundation-wpf/

Berikut adalah langkah - langkah yang harus kita lakukan untuk menerapkan MVVM pada Windows Presentation Foundation atau WPF

1. Pilihkah tipe project WPF (.NETFramework) pada saat membuat project

2. Buatlah satu class baru dengan nama ItemPenjualan yang akan berfungsi sebagai model.

3. Lakukan perubahan pada file MainWindow.xaml yang akan berfungsi sebagai view

4. Setelah selesai membuat model dan view, kita harus membuat view model. Disini kita membuat class baru yang bernama ItemPenjualanViewModel

5. Ketiga hal yang telah kita buat sebelumnya harus digabungkan dengan cara edit file MainWindow.xaml.cs

6. Ketika aplikasi dijalankan, hasilnya akan seperti dibawah ini.

Application Demo :

7. Selanjutnya, kita akan mencoba untuk menghubungkan ke database. Pertama kita harus download dan install MySQL Connector .NET. Disini saya menggunakan versi 8.0.25. Lalu, tambahkan MySQL.Data.EntityFramework ke reference. Setelah melakukan penginstallan, tambahkan Nuget Package Entity Framework 6.

8. Ubahlah file App.config dan sesuaikan dengan database yang akan kita pakai nanti.

9. Ubah file class ItemPenjualan.cs untuk melakukan auto increment property id.

10. Buatlah class LatihanContext.cs dan MyHistoryContext.cs

11. Lalu, tambahkan trigger pada ItemPenjualanViewModel.cs untuk ketika tombol simpan diklik sehingga program bisa mengeksekusi code. Jangan lupa lakukan binding tombol simpan yang ada di MainWindow dengan menambahkan Command="{Binding SimpanCommand}" pada Button.