MVVM merupakan variasi dari MVC yang memisahkan view menjadi 2, yaitu view dan view model yang terhubung melalui data binding. MVVM terdiri atas Model, View dan View Model. Kali ini saya akan membuat project "Item Penjualan" dengan menerapkan MVVM menggunakan WPF (.Net Framework). Berikut ini langkah-langkahnya :
1. Membuat Project Window Form di Visual Studio
Klik new project, pilih jenis project Visual C#, Windows, WPF Application untuk membuat aplikasi desktop yang memakai WPF
2. Konfigurasi Project
Kemudian akan muncul tampilan awal project
3. Membuat Model
Buat sebuah model baru dengan men-klik kanan nama project dan memilih Add > Class. Beri nama model ini sebagai ItemPenjualan dan masukkan kode seperti dibawah ini
4. Membuat View
ubah kode program di MainWindow.xaml seperti dibawah ini
Maka akan tampil seperti seperti dibawah ini
5. Membuat View Model
Buat Class baru dengan cara yang sama seperti sebelumnya dan beri nama ItemPenjualanViewModel dan masukkan kode seperti dibawah ini
6. Jalankan Program
Tidak ada komentar:
Posting Komentar