Membuat Register dengan PHP Keren
Fungsi Register sendiri adalah sebagai form pendaftar pada sebuah program sebelum melakukan login.
Nah, pada tutorial kali ini saya akan memberikan bagaimana cara membuat Register dengan PHP dengan Desain yang keren, oke langsung saja kita mulai tutorialnya.
1). Buat Foldernya terlebih dahulu, di dalam folder C: > xampp > htdocs. setelah itu buat foldernya dengan nama sesuka kalian, sebagai contoh saya beri nama Login_PHP atau folder yang dulu pernah kita buat pada tutorial Membuat login.
Buat kalian yang ketinggalan dengan tutorial membuat form login, silahkan baca artikel dibawah ini.
Baca : Membuat Login Multi User dengan PHP
usahakan jangan diberi spasi, kalian bisa gabungkan kata satu dengan yang lainnya, atau gabung kata satu dengan yang lainnya dengan garis bawah atau underscor (_).
2). Buka Web Editor kalian, bisa Notepad++, Sublime Text 3 ataupun yang lain.
3). Setelah itu, buat file-filenya, untuk yang pertama kita buat tampilan utamanya yaitu login. kita buat tampilan loginnya dengan nama register.php, copy source code dibawah ini.
Penjelasan :
Pada baris pertama, $_POST menjelaskan bahwa data akan disimpan apabila eksekusi program benar
if($user == "" || $pass == "" || $nama_lengkap == "" || $jenis_kelamin == "" || $alamat == "") : Maksutnya adalah, apabila inputan dengan variable $user, $pass, $nama_lengkap, $jenis_kelamin, dan $alamat kosong, maka program akan menampilkan tulisan dengan bahasa Javascript dengan Output "Input tidak boleh ada yang kosong" akan tetapi, apabila inputan di isi semua, maka program akan memproses dan memasukkan nya kedalam database db_login dan tabel db_login.
Sekian tutorial dari saya, apabila kalian masih bingung, atau mengalami kesulitan, atau tidak faham dengan apa yang saya jelaskna diatas, silahkan kalian dapat meninggalkan komentar pada bagian kolom komentar dibawah ini, atau juga bisa kirim email kalian dengan cara klik tombol contact pada bagian footer (bagian bawah sendiri pada website) isi biodata secara benar dan lengkap.
 |
| Register By Dunia Programming |
Nah, pada tutorial kali ini saya akan memberikan bagaimana cara membuat Register dengan PHP dengan Desain yang keren, oke langsung saja kita mulai tutorialnya.
Langkah-langkah Pembuatan Register
Buat kalian yang ketinggalan dengan tutorial membuat form login, silahkan baca artikel dibawah ini.
Baca : Membuat Login Multi User dengan PHP
usahakan jangan diberi spasi, kalian bisa gabungkan kata satu dengan yang lainnya, atau gabung kata satu dengan yang lainnya dengan garis bawah atau underscor (_).
2). Buka Web Editor kalian, bisa Notepad++, Sublime Text 3 ataupun yang lain.
3). Setelah itu, buat file-filenya, untuk yang pertama kita buat tampilan utamanya yaitu login. kita buat tampilan loginnya dengan nama register.php, copy source code dibawah ini.
PHP
<!doctpe html>
<html>
<head>
<title>Halaman Login</title>
<style type="text/css">
body {
font-family: arial;
font-size: 14px;
background-color: #222;
}
#utama {
width: 300px;
margin: 0 auto;
margin-top: 8%;
}
#judul {
padding: 15px;
text-align: center;
color: #fff;
font-size: 20px;
background-color: #339966;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom: 3px solid #336666;
}
#inputan {
background-color: #ccc;
padding: 20px;
padding-bottom: 50px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
input {
padding: 10px;
border: 0px;
}
.lg {
width: 260px;
resize: none;
}
.btn {
background-color: #339966;
border-radius: 10px;
color: #fff;
}
.btn:hover {
background-color: #336666;
cursor: pointer;
}
</style>
</head>
<body>
<div id="utama">
<div id="judul">
Halaman Register
</div>
<div id="inputan">
<form action="" method="post">
<div>
<input type="text" name="user" placeholder="Username" class="lg">
</div>
<div style="margin-top: 10px;">
<input type="password" name="pass" placeholder="Password" class="lg">
</div>
<div style="margin-top: 10px;">
<input type="text" name="nama_lengkap" placeholder="Nama Lengkap" class="lg">
</div>
<div style="margin-top: 10px;">
<select name="jenis_kelamin" class="lg" style="padding: 10px;">
<option>- Pilih Jenis Kelamin -</option>
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div>
<div style="margin-top: 10px;">
<textarea name="alamat" class="lg" style="width: 260px; padding: 10px; font-family: Arial; font-size: 13px;" placeholder="Alamat"></textarea>
</div>
<div style="margin-top: 10px;">
<input type="submit" name="register" value="Register" class="btn" style="float: left;">
<a href="login.php" style="color: #000;"><p style="float: right; font-size: 12px;">Login</p></a>
</div>
</form>
<?php
include "inc/koneksi.php";
if(@$_POST['register']) {
$user = @$_POST['user'];
$pass = @$_POST['pass'];
$nama_lengkap = @$_POST['nama_lengkap'];
$jenis_kelamin = @$_POST['jenis_kelamin'];
$alamat = @$_POST['alamat'];
if($user == "" || $pass == "" || $nama_lengkap == "" || $jenis_kelamin == "" || $alamat == "") {
?> <script type="text/javascript">alert("Input tidak boleh ada yang kosong");</script><?php
} else {
$sql_insert = mysql_query("INSERT INTO db_login VALUES ('','$user','$pass','$nama_lengkap','$jenis_kelamin','$alamat','user')") or die (mysql_query());
if ($sql_insert) {
?> <script type="text/javascript">alert("Pendaftaran Berhasil, Silahkan Login");</script><?php
}
}
}
?>
</div>
</div>
</body>
</html>
<html>
<head>
<title>Halaman Login</title>
<style type="text/css">
body {
font-family: arial;
font-size: 14px;
background-color: #222;
}
#utama {
width: 300px;
margin: 0 auto;
margin-top: 8%;
}
#judul {
padding: 15px;
text-align: center;
color: #fff;
font-size: 20px;
background-color: #339966;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom: 3px solid #336666;
}
#inputan {
background-color: #ccc;
padding: 20px;
padding-bottom: 50px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
input {
padding: 10px;
border: 0px;
}
.lg {
width: 260px;
resize: none;
}
.btn {
background-color: #339966;
border-radius: 10px;
color: #fff;
}
.btn:hover {
background-color: #336666;
cursor: pointer;
}
</style>
</head>
<body>
<div id="utama">
<div id="judul">
Halaman Register
</div>
<div id="inputan">
<form action="" method="post">
<div>
<input type="text" name="user" placeholder="Username" class="lg">
</div>
<div style="margin-top: 10px;">
<input type="password" name="pass" placeholder="Password" class="lg">
</div>
<div style="margin-top: 10px;">
<input type="text" name="nama_lengkap" placeholder="Nama Lengkap" class="lg">
</div>
<div style="margin-top: 10px;">
<select name="jenis_kelamin" class="lg" style="padding: 10px;">
<option>- Pilih Jenis Kelamin -</option>
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div>
<div style="margin-top: 10px;">
<textarea name="alamat" class="lg" style="width: 260px; padding: 10px; font-family: Arial; font-size: 13px;" placeholder="Alamat"></textarea>
</div>
<div style="margin-top: 10px;">
<input type="submit" name="register" value="Register" class="btn" style="float: left;">
<a href="login.php" style="color: #000;"><p style="float: right; font-size: 12px;">Login</p></a>
</div>
</form>
<?php
include "inc/koneksi.php";
if(@$_POST['register']) {
$user = @$_POST['user'];
$pass = @$_POST['pass'];
$nama_lengkap = @$_POST['nama_lengkap'];
$jenis_kelamin = @$_POST['jenis_kelamin'];
$alamat = @$_POST['alamat'];
if($user == "" || $pass == "" || $nama_lengkap == "" || $jenis_kelamin == "" || $alamat == "") {
?> <script type="text/javascript">alert("Input tidak boleh ada yang kosong");</script><?php
} else {
$sql_insert = mysql_query("INSERT INTO db_login VALUES ('','$user','$pass','$nama_lengkap','$jenis_kelamin','$alamat','user')") or die (mysql_query());
if ($sql_insert) {
?> <script type="text/javascript">alert("Pendaftaran Berhasil, Silahkan Login");</script><?php
}
}
}
?>
</div>
</div>
</body>
</html>
Penjelasan :
Pada baris pertama, $_POST menjelaskan bahwa data akan disimpan apabila eksekusi program benar
if($user == "" || $pass == "" || $nama_lengkap == "" || $jenis_kelamin == "" || $alamat == "") : Maksutnya adalah, apabila inputan dengan variable $user, $pass, $nama_lengkap, $jenis_kelamin, dan $alamat kosong, maka program akan menampilkan tulisan dengan bahasa Javascript dengan Output "Input tidak boleh ada yang kosong" akan tetapi, apabila inputan di isi semua, maka program akan memproses dan memasukkan nya kedalam database db_login dan tabel db_login.
"Min, Struktur Databasenya mana min..?, kan saya belum dapat"Oke, dalam tutorial selanjutnya saya akan membuat tutorial database yang menyangkut tutorial Login dan Register yang sudah saya buat.
Sekian tutorial dari saya, apabila kalian masih bingung, atau mengalami kesulitan, atau tidak faham dengan apa yang saya jelaskna diatas, silahkan kalian dapat meninggalkan komentar pada bagian kolom komentar dibawah ini, atau juga bisa kirim email kalian dengan cara klik tombol contact pada bagian footer (bagian bawah sendiri pada website) isi biodata secara benar dan lengkap.
Belum ada Komentar untuk "Membuat Register dengan PHP Keren"
Posting Komentar