Belajar Kuy

Artikel

Selasa, 17 April 2018

Belajar Kuy CRUD Di C# dengan Visual Studio


Nih sob ada yang tau C#? nah kali ini kita coba belajar C# lewat Visual Studio nih gaes. kita coba buat CRUD dulu nih, Apasih Crud itu

  • CRUD 

CRUD adalah singkatan dari Create, Read, Update dan Delete. CRUD atau Create Read Update Delete merupakan hal dasar bagi setiap aplikasi yang berhubungan dengan Database.


  • Software Pendukung
Sofrware yang dibutuhkan untuk membuat aplikasi CRUD C# sederhana dengan Visual Studio antara lain :
  • SQL Server
  • Visual Studio 2013
  • Konfigurasi Database (SQL Server)
Lakukan koneksi database seperti gambar dibawah ini



Dan buat database dengan klik kanan tulisan new datab ase

Nama database yang dibuat pada tutorial ini adalah “tutorialdb”. Langkah selanjutnya adalah buat table dari database yg telah dibuat tadi dengan klik kanan pada database dan klik new query

Setelah itu akan muncul form query seperti gambar dibawah ini

Sebenarnya ada 2 cara untuk membuat table di SQL S erver, pertama menggunakan query dan yang kedua menggunakan table struktur. Tapi saya lebih memilih cara yang pertama agar kita lebih paham dan lebih kenal dengan query query yang ada di SQL Server.
Setelah itu ketik query seperti dibawah ini :


Yang artinya kita akan membuat table siswa dengan field fi eld yang sudah didefinisikan di atas pada database tutorialdb. Untuk mengeksekusi query diatas, blok semua query lalu tekan f5.


  • Memulai membuat program
Setelah selesai pada tahap pembuatan database (membuat database dan table) maka sekarang kita memasuki tahap membuat program (coding).

  • angkah pertama, yaitu buka Visual Studio dan klik FILE ->New- >Project. Lalu pilih Visual C# -> Windows Form Application



  • Langkah selanjutnya adalah membuat koneksi ke database SQL Server yang sudah kita buat tadi dengan klik Project -> DataSiswa Properties



Pilih resources dan isikan seperti gambar dibawah ini:


Data source=MGD-PC\SQLEXPRESS;initial catalog=tutorialdb;user
id=sa;password=admin;integrated security=true;



Konfigurasi resources diatas digunakan jika kita menggunakan database SQL Server. Lantas bagaimana jika kalian mau mencoba dengan menggunakan database Mysql? Tenang saja, jika kalian menggunakan database mysql tidak ada perbedaan yang berarti. Kalian hanya perlu men ambahkan extensions berupa mysql.data pada project.
database SQL Server harus menggunakan “SqlConnection, SqlCommand, SqlDataReader, dll” di source code yang menggunakan database MySQL kalian hanya perlu menambahkan huruf My didepannya, seperti
“MysqlConnection, MysqlCommand, MysqlDataReader”. Untuk penjelasan tentang penggunaan database Mysql, lebih lengkapnya akan dijelaskan pada modul yang berbeda.

  • Tambahkan Properti
Tambahkan String untuk konfigurasi koneksi dan sqlcommand seperti pada gambar dibawah


Penjelasan :
System.Data.SqlClient adalah penggunaan extensions untuk SQL Server.


Public string idterpilih , ialah string global yang berguna untuk menyimpan id yang terpilih saat datagridview di klik untuk dilakukannya pengubahan data maupun penghapusan data.

SqlConnection koneksi , merupakan koneksi yang kita ambil konfigurasinya dari string yang terdapat di properties yang sudah kita buat sebelumnya.

Public SqlCommand cmd , ialah pendeklarasian sqlcommand secara global agar kita tidak mengulang mendeklrasikannya di kodingan kodingan tertentu.


  • Mulai Mendesign Aplikasi
Design aplikasi seperti tampak pada gamb ar (Sesuai kreasi masing2)



  • Menulis Source Code
Setelah selesai mengkonfigurasi dan mendesign aplikasi, kita sekarang berada ditahap menulis source code. Source code akan saya kelompokan menggunakan function, agar lebih efisien dan rapih tentunya. 
Buatlah private void tampilkandata(), refresh(), tambah (), ubah(), hapus(), dan cari(). Anda bisa menulisnya dimana saja, tapi lebih baik tulis dibagian atas setelah private void form1_load.


  • tampilkandata()


  • refresh()


  • tambah()


  • ubah()

  • hapus()

  •  cari()



Setelah itu, kembali ke design, lalu klik kanan pada DGSiswa (datagridview) dan pilih Properties. Lalu pilih tab event dan klik 2 kali pada Cell Click.
Maka kita akan otomatis diarahkan ke private void DGSiswa_CellClick. Ketikan source code seperti dibawah ini :
Lalu klik kanan pada txtCari (TextBox) pilih event dan klik 2 kali pada TextChanged. Ketikan function cari() yang sudah kita buat tadi, seperti gambar dibawah ini :

Klik 2 kali pada button tambah, ubah, dan hapus. M asukan masing2 function yang sd h dibuat. Jangan lupa tambahkan juga function refresh() .

Tambah

Ubah


Hapus

Terakhir, gunakan function tampilkandata() pada public form1(). (Source code terletak didaerah atas)


Sejauh ini, kita telah berhasil membuat aplikasi C# dengan fungsi menampilkan data, cari, tambah, ubah, dan hapus. Silahkan jalankan aplikasi dan test fungsi fungsi yang sudah berjalan. Jika a nda mengikuti tutorial dengan benar, maka aplikasi akan berjalan dengan baik.
 
Nah segitu dulu deh ya Tutorial CRUDnya


Spesial Thanks To Megandi


    Choose :
  • OR
  • To comment
2 komentar:
Write komentar