C# VisualStudio Form Register With SQL Server

C# VisualStudio Form Register With SQL Server

Programming Tutorial

Khalid Lubis

2:10 PM

C# Merupakan Bahasa pemrograman Berbasis Object sama seperti Java. Nah di C# sendiri memiliki Framework Form yang memudahkan kita dalam mendesain Form / Aplikasi yang akan kita buat.

Dikesempatan ini saya akan membagikan cara membuat Form Register Menggunakan C# dengan Database menggunakan Sql server.

Pertama buat Project baru di Visual Studio kalian atau bisa gunakan 1 Solution dari project yang kalian miliki.

Setelah masuk ke bagian Form, kalian Atur Size Form yang akan digunakan. lalu tambah kan Control Panel

Buka ToolBox --> Panel, maka akan muncul seperti ini :

 Dari gambar diatas, Ubah Dock Panel menjadi Left Cek yang ditandai warna hitam,  Jika sudah ubah warna background panel menjadi sesuai selera kalian. Nah jika sudah maka akan tampilan akan menjadi seperti dibawah :

lalu kemudian Desian Form dari contoh yang sudah dibuat dengan : 

1 Label pada panelSide

1 pictureBox pada panelSide

9 textBox pada Form

11 label pada Form yang terdiri dari (Judul, NamaTextBox, dan Garis Pemisah)

2 RadioBox (Laki-laki, Perempuan)

1 Button 

Untuk TextBoxUserId Kalian Buat Visible = false; agar ketika program di jalankan textBox tersebut tidak nampil. textBoxUserId digunakan untuk penanda UserId

Setelah di desain jangan lupa untuk mengganti nama Control yang kalian gunakan sesuai fungsi yang akan dipakai. Dan juga jangan lupa untuk ganti tabIndex Sesuai Urutan isi Form.

Jika sudah Kita lanjut untuk membuat Databasenya terlebih dahulu, Saya menggunakan SQL Management 17. Jalankan saja SQL Management kalian, dan copy saja Server name pada SQL ke notepad karna itu penting sebagai alamat koneksi yang akan kita buat nantinya.

Buat Database baru saja secara manual tidak perlu menggunakan Query untuk database dan table

Jika Sudah, Buat table pada database kalian. tinggal buat field yang akan sebagai biodata user

pada bagian UserId yang saya tandai sebagai primery key, sedangkan tanda yang dibawah merupakan Auto Increment, jadi setiap user yang daftar akan mendapatkan kode khusus secara otomatis, hanya saja saya hanya membuat kode UserId sebagai 1-n jadi dimulai dari 1 sampai n.

Jika sudah membuat field di table user, maka kita buat procedure untuk proses data yang akan di input

CREATE PROC UserAdd @UserId int, @NamaDepan varchar(50), @NamaBelakang varchar(50), @JenisKelamin varchar(20), @NoHp char(14), @Email varchar(50), @Alamat varchar(250), @Username varchar(50), @Password varchar(50) AS if @UserID = 0 BEGIN INSERT INTO tblUser (NamaDepan,NamaBelakang,JenisKelamin,NoHp,Email,Alamat,Username,Password) VALUES (@NamaDepan,@NamaBelakang,@JenisKelamin,@NoHp,@Email,@Alamat,@Username,@Password) END ELSE BEGIN UPDATE tblUser SET NamaDepan = @NamaDepan, NamaBelakang = @NamaBelakang, JenisKelamin = @JenisKelamin, NoHp = @NoHp, Email = @Email, Alamat = @Alamat, Username = @Username, Password = @Password WHERE UserId = @UserId END

Lalu kalian Execute aja query yang sudah dibuat maka akan muncul Command Completed Succes. maka Procedure sudah berhasil dibuat.

Selanjutnya tinggal code di Windows Form Kalian.

tambahkan Using System.Data.SqlClient; pada bagian atas codeForm 

using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Data; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; using System.Data.SqlClient;

Jika sudah buat koneksi pada form, atau kalian juga bisa menggunakan ClassKoneksi untuk memisahkan antara koneksi database dengan form agar lebih terstruktur. Tetapi biar lebih dimudahkan dan tidak terlalu panjang saya buat di Form nya saja.

"Server = localhost; (tempat server lokal kita)         Data Source = DESKTOP-D7IETLN\\NAMASERVER; (Nama Server SQL yang sudah kita buat) Database = InfoSoftMikro; (Nama Database yang kita buat) Integrated Security = SSPI; (Standart Security)";

Oke untuk Akses koneksi database sudah selesai, selanjutnya Validasi dan Proses
tekan ButtonDaftar dua kali untuk masuk kebagian event pada button.
//Validasi if (textBoxUsername.Text == "" || textBoxPassword.Text == "") MessageBox.Show("Jangan ada kolom yang kosong"); else if (textBoxPassword.Text != textBoxKonfirmasi.Text) MessageBox.Show("Password tidak sama!"); else { //Proses using (SqlConnection Conn = new SqlConnection(connectionString)) { Conn.Open(); SqlCommand sqlCmd = new SqlCommand("UserAdd", Conn); sqlCmd.CommandType = CommandType.StoredProcedure; sqlCmd.Parameters.AddWithValue("@UserId", Convert.ToInt32(textBoxUserID.Text == "" ? "0" : textBoxUserID.Text)); sqlCmd.Parameters.AddWithValue("@NamaDepan", textBoxNamaDepan.Text.Trim()); sqlCmd.Parameters.AddWithValue("@NamaBelakang", textBoxNamaBelakang.Text.Trim()); if (radioButtonLakilaki.Checked) sqlCmd.Parameters.AddWithValue("@JenisKelamin", "Laki-laki"); else sqlCmd.Parameters.AddWithValue("@JenisKelamin", "Perempuan"); sqlCmd.Parameters.AddWithValue("@NoHp", textBoxNohp.Text.Trim()); sqlCmd.Parameters.AddWithValue("@Email", textBoxEmail.Text.Trim()); sqlCmd.Parameters.AddWithValue("@Alamat", textBoxAlamat.Text.Trim()); sqlCmd.Parameters.AddWithValue("@Username", textBoxUsername.Text.Trim()); sqlCmd.Parameters.AddWithValue("@Password", textBoxPassword.Text.Trim()); sqlCmd.ExecuteNonQuery(); MessageBox.Show("Berhasil Mendaftar"); Clear(); } }

Setelah Code diatas sudah diketik pasti akan ada merah pada bagian clear(); karna kita belum buat method dengan nama clear. Oke fungsi method ini agar setiap user yang sudah daftar maka semua isi nya akan terclear / kosong seperti baru :v


void Clear() { textBoxNamaDepan.Clear(); textBoxNamaBelakang.Clear(); radioButtonLakilaki.Checked = false; radioButtonPerempuan.Checked = false; textBoxEmail.Clear(); textBoxNohp.Clear(); textBoxAlamat.Clear(); textBoxUsername.Clear(); textBoxPassword.Clear(); textBoxKonfirmasi.Clear(); }

Oke Sudah selesai, tinggal kalian jalankan saja dengan menekan F5 jika semua langkah sudah benar maka tidak akan error dan akan muncul seperti berikut :

Untuk mencoba nya Silahkan coba tekan Daftar saat belum isi, apakah validasi data kosong sukses, jika sudah isi semua data lalu pada bagian password, cek validasi konfirmasi password jika benar maka password harus sama dengan konfirmasi. jika sudah semua klik login maka akan muncul seperti berikut :

Untuk memastikan Data yang kita input sudah benar benar masuk ke database silahkan buka database kalian lalu pilih Select top 1000 Rows pada tblUser jika sudah data bisa di cek dan sesuai dengan yang kita input :

Okeh sudah sesuai Form Registrasi sederhana sudah selesai. Jika terdapat bug, masalah, kesalahan silahkan kalian beri komentar dibawah semoga admin cepat respon :3
Untuk kalian yang ingin explorer bisa download Source Code dibawah, Untuk Database kalian Attach aja file MDF di dalam nya, dan jangan lupa untuk Run-Admin SQL Management kalian agar bisa attach.

FormRegisterDesignByInfoSoftMikro | Google Drive

Di artikel selanjutnya mungkin admin akan share Form Login dan Reset Password. Jadi jangan lupa share ke teman teman kalian yang ada di seluruh sosial media agar mereka juga mengetahui nya.
Terima kasih yang udah berkunjung.

Khalid Lubis 2:10 PM