YURISTGAMEINIGAMEID101

Tutorial C# Membuat Form Register User Dengan Visual Studio 2017


Halo sobat Zuramai! Setelah kita membuat form login, se
karang waktunya untuk membuat form register/daftar. Seseorang tidak mungkin bisa login jika belum melakukan register terlebih dahulu.


LANGKAH PERTAMA : BUAT DATABASE
Sebelum membuat project, kita harus membuat database terlebih dahulu karena form register tidak akan dapat diproses jika tidak terdapat database didalamnya. Database ini guna untuk menyimpan data username dan password dari form register yang akan kita buat.

1. Buat database bernama 'register' di server MSSQLLocalDB (baca selengkapnya : Tutorial Membuat Database Di Visual Studio)
2. Isi query didalam database tersebut seperti dibawah ini

use register;

create table users(
username varchar(30) not null primary key,
password varchar(30) not null
);
Eksekusi query tersebut dengan menekan CTRL + SHIFT + E


LANGKAH KEDUA : BUAT PROJECT
Seperti biasa, untuk memulai suatu pembuatan program kita diharuskan untuk membuat projectnya terlebih dahulu di visual studio.
Buatlah project baru dengan masuk ke menu File -> New -> Project atau CTRL + N. Lalu beri nama project tersebut dengan nama 'register'

Setelah selesai membuat project, lalu kita akan membuat desain dari form register tersebut. Kalo saya mendesainnya seperti dibawah ini.


Keterangan form :
Tools
Name
Text
Label
Label1
Register
Label
Label2
Username
Label
Label3
Password
TextBox
txtUsername

TextBox
txtPassword

Button
btnRegisterRegister
Button
btnCancelCancel
Ubah dari masing masing tools yang dimasukkan ke form diatas melalui klik kanan tools tersebut, lalu properties. Setelah itu ubah Name dan Text tersebut menjadi sesuai dengan diatas.


LANGKAH KETIGA : KONFIGURASI DATABASE KE PROJECT

Untuk mengkoneksikan database ke project, masuk ke menu Project -> register Properties
Lalu masuk ke Resources dan ubah connection string seperti dibawah ini
Isi dari Value koneksi:
Data source=(localdb)\MSSQLLocalDB; initial catalog=login; integrated security=true;


LANGKAH KEEMPAT : MENGISI SOURCE CODE PADA FORM REGISTER

Pertama, klik 2x pada form register tersebut. Lalu isi source code berikut ini agar kita bisa mendefinisikan variabel perintah yaitu 'cmd' dan koneksi ke database dengan variabel 'koneksi'

Lalu kita klik 2x pada button Register, Setelah itu isi source code seperti dibawah ini

Setelah mengisi source code pada register, kita akan mengisi source code pada button cancel.


Nahh sekarang sudah selesai kita membuat program register user di visual studio ini. Sekarang coba jalankan dan coba untuk melakukan register.

Inilah tampilan jika sukses menambahkan user


Untuk mengecek apakah benar masuk ke database, kita bisa ngecek dengan query database tersebut.



Demikian tutorial dari saya ini. Sekian dan terima kasih.
Jika ada yang mau ditanyakan bisa ditanyakan di kolom komentar, dan akan saya jawab sebisa saya. Terima Kasih

Related Post

1 komentar:

avatar