Assalamu'alaikum Wr. Wb
Kali INI Saya Akan Mengajarkan Anda Cara Cepat Membuat Login dengan PHP dan MySQL
Ikuti Langkah Berikut Ini Okee
Kali INI Saya Akan Mengajarkan Anda Cara Cepat Membuat Login dengan PHP dan MySQL
Ikuti Langkah Berikut Ini Okee
OK basa-basinya udahan deh, kita mulai saja. Kita lihat dulu apa yang diperlukan untuk membuat aplikasi login user ini :
- PHP 4.0 atau lebih.
- Webserver, bisa pake Apache, IIS, PWS atau yang lain yang support PHP
- Database server MySQL
- Editor, disarankan pake Dreamweaver MX untuk lebih mudahnya atau pake Notepad jika pengin buat secara manual.
- Dan tentunya harus ada niat, harus ada waktu dan harus ada kemauan.
Membuat Tabel yang Diperlukan :
Pertama-tama mari kita buat dulu tabel yang diperlukan dengan MySQL. Di sini saya
contohkan tabel userdengan field sbb :
Nama Field username Type Varchar Panjang 20
Nama Field nama Type Varchar Panjang 30
Nama Field password Type Varchar Panjang 50
Jika diperlukan, bisa ditambahkan field yang lain. Mari langsung aja buat query-nya
di MySQL :
CREATE TABLE `user` (`username` VARCHAR (20) NOT NULL, `nama` VARCHAR
(30) NOT NULL, `password` VARCHAR (50) NOT NULL, PRIMARY
KEY(`username`), UNIQUE(`username`));
Catatan: Khusus di FTI Hosting, kita bisadengan mudah membuat tabel di atas
dengan fasilitas MySQL manager. Setelah table berhasil dibuat, kemudian isi dengan beberapa data (record) sebagai contoh. Misalnya dengan perintah sbb :
INSERT INTO user VALUES ('badai', 'Badai Creator', 'nasigoreng');
INSERT INTO user VALUES ('okti', 'Okti Ragil', 'ragils');
INSERT INTO user VALUES ('indra', 'Indra Van Thoni', 'indra');
Catatan :Di sini, field passwordtidak dienkript terlebih dahulu. Jika Anda menginginkan field password ini dienkript bisa menggunakan fungsi password() atau fungsi md5()dari MySQL.
Membuat Tampilan Awal Login :
Buatlah file dengan nama login.phpsebagai tampilan awal halaman login, sebagai
berikut :
<html>
<head>
<title>Login here</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
table {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
height: 20px;
}
-->
</style>
</head>
<body>
<div align="center">
<form action="periksa.php" method="post" name="login">
<table width="286" border="0"cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr bgcolor="#FF6633">
<td height="19" colspan="2" align="center" valign="middle">
<font color="#FFFFFF">LOGIN DI SINI</font></td>
</tr>
<tr>
<td width="106" height="27"> </td>
<td width="180"> </td>
</tr>
<tr>
<td height="18" align="right" valign="middle">Username : </td>
<td valign="middle">
<input name="username" type="text" id="username" size="20"></td>
</tr>
<tr>
<td height="18" align="right" valign="middle">Password : </td>
<td valign="middle">
<input name="password" type="password" id="password" size="20"></td>
</tr>
<tr>
<td height="19"> </td>
<td></td>
</tr>
<tr>
<td height="18" valign="top"><!--DWLayoutEmptyCell--> </td>
<td valign="middle">
<input name="login" type="submit" id="login" value=" Login "></td>
</tr>
<tr>
<td height="28"> </td>
<td></td>
</tr>
<tr bgcolor="#FF6633">
<td height="18" colspan="2" valign="top"><!--DWLayoutEmptyCell--> </td>
</tr>
</table>
</form>
</div>
</body>
</html>
Dari program tampilan awal di atas, kitabisa lihat bahwa program menggunakan
form inputan sbb :
- username ber-type text
- password ber-type password
- tombol login ber-type submit
Jika tombol login ditekan maka isi form akan diproses di halaman periksa.php
sesuai dengan action pada tag form
Membuat Halaman Pemeriksaan Login
Setelah tampilan awal kita buat, maka kita buat halaman pemeriksaan login untuk
memeriksa apakah username dan password yang diinputkan benar atau salah.
Buatlah file dengan nama periksa.phpsebagai berikut :
<?php
session_start();
#**************** koneksi ke mysql *****************#
$host = "database";
$user = "0211500314";
$pass = "8925603";
$dbname = "db_0211500314";
$conn = mysql_connect($host,$user,$pass);
if($conn) {
//select database
$sele = mysql_select_db($dbname); if(!$sele) {
echo mysql_error();
}
}
![[Image: script.JPG]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsR1PAmmciBg9A8Kpr-H_3mgFheviquSmAlFNRPg82p1oAbIZKnVb460vwIlUeK_ju4Zi8P5ZaL-5kuYMefciHnjpNWgIW5towEz5DSrcluxRgc3fAnA9M7xS4i8H_Do3WMqRj3QgXx3c/s640/script.JPG)
![[Image: Current.JPG]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6pXCpUyYsx_ZOzEUfounZBrxsRUxmUUhfUJ9Tl8GwR_fhvdV8iYZJZvkT4tnW6H517K9X3IDWo-8PsEhN1XfNUYSnxEjG7fs23aMr_ma5j36hgycvqaLpuBZSlsWHPfpbgyc5F5-iho/s640/Current.JPG)
![[Image: set.JPG]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUAjjONF2yyChk9phFmGKWsAQFSgQhC1vColCAuuwtblW9rZmstotG38m0Yg3qKv9kP_-JGp2RGCLtN5wWdqAjfFrTjEgc1Ca0oOIQD1jpyJwix298UBiDlO4nwWPEKQN_Gjs-7aHne38/s640/set.JPG)
![[Image: runlike.JPG]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPuLxRh5E5oaZPX2S8T864ioc722NiUN8bV5sHxTJkB-WXXqn8TJzxWiCxx_WCdTZlnOrAnKgCrzo7laMTlltStk7wUEJiYISivZDorJ1wE4ZTXG-E4UGbhn40ATjTimF98OK9SRBJKE8/s640/runlike.JPG)
