Tugas 4 - Menerapkan MVVM Pada WPF

-

Link GitHub : Source Code

Reference: https://thesolidsnake.wordpress.com/2014/01/10/menerapkan-mvvm-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.



12. Lakukan command Enable-Migrations pada Package Manager Console dan juga Add-Migration (Isi nama secara bebas sesuai keinginan kita)

13. Jalankan perintah Update-Database.

14. Kemudian, lakukan koneksi ke database dengan memilih opsi Connect to Database pada navbar Tools.

15. Berikut adalah tampilan ketika data disimpan dan juga hasil yang tersimpan di database













Comments

Post a Comment

Popular posts from this blog

Membuat Aplikasi Currency Converter Dinamis

-
Image
  Membuat Aplikasi Currency Converter Dinamis Menggunakan .NET Framework  1 Buat Project Baru di Microsoft Visual Studio     Buat project baru dengan mengikuti cara yang sama seperti contoh sebelumnya, tapi pilih  Windows Forms App  pada bagian pemilihan templatenya     Beri nama project dan pilih lokasi penyimpanan project      Pastikan target framework nya menggunakan   .NET Core 3.1  dan klik next. 2 Buat Desain Aplikasi     Desain terlebih dahulu rancangan aplikasi menggunakan  toolbox  yang sudah disediakan oleh           Microsoft Visual Studio. 3 Buat Source Code     Buatlah source code dari program agar program dapat berfungsi dengan baik. Source code dari program Currency Converter ini dapat diakses di link berikut.  https://github.com/patrick-cw/CurrencyConverter 4 Jalankan Program yang Telah Dibuat     Jalankan program dengan ca...
Read more

PBKK Final Project - Toko Online menggunakan CodeIgniter

-
Image
 Nama Anggota Kelompok: Ridho Daffa Ardista - 05111840000065 Patrick Cipta Winata - 05111840000098 Kinasihurrabb Moralluhung - 05111840000161 Pada final project PBKK kali ini, kita diminta untuk membuat sebuah Online Store menggunakan kerangka kerja CodeIgniter . Nah, pada kali ini, kita akan membuat sebuah Online Store yang menjual berbagai macam gaming gear. Sebelum menuju ke penjelasan website, akan dijelaskan terlebih dahulu bagaimana cara untuk melakukan persiapan dan instalasi kerangka kerja CodeIgniter ini. Langkah - langkahnya adalah sebagai berikut: Mengunduh Framework CodeIgniter dan XAMPP pada link yang telah disediakan Memindahkan folder kerangka kerja CodeIgniter ke folder path dari XAMPP, yang dapat ditemukan pada xampp/htdocs. Setelah itu, lakukan rename  untuk folder tadi sesuai dengan nama project Melakukan instalasi XAMPP, dan kemudian buka XAMPP melalui xampp-control.exe Membuat database untuk project, dapat dilakukan melalui PhpMyAdmin pada localhost Pro...
Read more