Buat database nya seperti gambar
dibawah ini dengan nama login_guru.
Terserah aja mau dikasih nama
databasenya, yang penting di code daftarnya diganti dengan nama database yang
sudah dibuat.
Kemudian nama field nya nama login..
dengan :
Nama VARCHAR (225), alamat (text),
phone VARCHAR(225), password VARCHAR(225)
nama
|
Varchar (225)
|
alamat
|
text
|
phone
|
Varchar (225)
|
password
|
Varchar (225)
|
Kemudian Copy aja kode css dibawah
ini dengan nama style.css
body {
font-family:
Arial, Helvetica, sans-serif;
font-size:
12px;
padding:20px
0px 0px 300px;
}
#wrpper #heder {
background-color:
#009900;
height:
45px;
width:
300px;
border-radius:5px;
}
#kanan {
float:
right;
width:
200px;
margin:
0px 20px 0px 0px;
}
.nav{
padding-top:
7px;
padding-bottom:
7px;
font-weight:
bold;
text-align:
center;
color:
#ffffff;
font-family:
Arial, Verdana, Helvetica, sans-serif;
font-size:
13px;
background:
#65ab31;
}
.pages {
border:
1px solid #65ab31;
margin-bottom:
15px;
padding:
5px;
}
#wrpper #content {
height:
500px;
width:
300px;
}
/* untuk form daftar */
#tengah {
float:
left;
width:300px;
margin:
0px 5px 0px 0px;
background-image:../cap
02.jpg;
}
.nav1{
padding-top:
7px;
padding-bottom:
7px;
font-weight:
bold;
text-align:
center;
color:
#ffffff;
font-family:
Arial, Helvetica, sans-serif;
font-size:
13px;
height:
25px;
width:
300px;
background-color:
#000066;
}
.pages1 {
border:
1px solid #000066;
margin-bottom:
15px;
padding:
5px;
background:images/add.png; background-image: url(../add.png);
}
/* untuk daftar berhasil */
#tengah2 {
float:
left;
width:300px;
margin:
0px 5px 0px 0px;
background-image:../cap
02.jpg;
}
.nav2{
padding-top:
7px;
padding-bottom:
7px;
font-weight:
bold;
text-align:
center;
color:
#ffffff;
font-family:
Arial, Helvetica, sans-serif;
font-size:
13px;
height:
25px;
width:
300px;
background-color:
#000066;
}
.pages2 {
border:
1px solid #000066;
margin-bottom:
15px;
padding:
5px;
background:images/add.png; background-image: url(../add.png);
}
/* untuk form login */
#tengah3 {
float:
left;
width:300px;
margin:
0px 5px 0px 0px;
background-image:../cap
02.jpg;
}
.nav3{
padding-top:
7px;
padding-bottom:
7px;
font-weight:
bold;
text-align:
center;
color:
#ffffff;
font-family:
Arial, Helvetica, sans-serif;
font-size:
13px;
height:
25px;
width:
300px;
background-color:
#000066;
}
.pages3 {
border:
1px solid #000066;
margin-bottom:
15px;
padding:
5px;
width:
287px;
}
/* untuk login saah */
#tengah4 {
float:
left;
width:300px;
margin:
0px 5px 0px 0px;
background-image:../cap
02.jpg;
}
.nav4{
padding-top:
7px;
padding-bottom:
7px;
font-weight:
bold;
text-align:
center;
color:
#ffffff;
font-family:
Arial, Helvetica, sans-serif;
font-size:
13px;
height:
25px;
width:
300px;
background-color:
#000066;
}
.pages4 {
border:
1px solid #000066;
margin-bottom:
15px;
padding:
5px;
width:
287px;
}
NANTI SETIAP SUDAH BUAT. LINK AJA
KE CSS DIATAS YANG SUDAH DIBUAT YAH,,, BIAR TAMPILANYA BAGUSSS’///…… OKE :D
Contoh jadinya seperti gambar
diatas
buat form daftar terlebih dahulu,
karena akan disimpan didatabase. Copy kode dibawah ini dengan nama form_daftar.php
<head>
<title></title>
<link href="style/style.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<div id="tengah">
<div class="nav1" >Form Daftar </div>
<div class="pages1">
<div
align="center"><img src="images/add.png"
width="122" height="135" />
<br />
<br />
<?
echo "
<form method='post' action='daftar.php'>
<table>
<tr>
<td> Nama </td>
<td><input type='text'
name='daftar_nama'></td>
</tr>
<tr>
<td> Alamat </td>
<td><input type='text'
name='daftar_alamat'></td>
</tr>
<tr>
<td> Phone </td><td><input type='text'
name='daftar_phone'></td>
</tr>
<tr>
<td> Password </td><td><input
type='password' name='daftar_password'></td>
</tr>
</table>
<input type='submit' value='Daftar..'> <input
type='reset' value='Batal'>
</form>
<br>
<font color='red'>
<ul type='disc'>
<li>Kreasi Sigit Septianto</li>
<li>STMIK amikom Yogyakarta</li>
</ul>
<br>
<br>
<a
href='septianto04.blogspot.com'>Kambingbetina.com</a><br>
<a
href='lesson_student.blogspot.com'>Lesson</a></font>";
?>
</div>
</div>
</div>
</body>
</html>
Kemudian pendaftaran berhasil.. maka gambarnya seperti
diatas.
Kemudian dari form
pendaftaran tadi, akan masuk kedatabase.
Perhatikan $db=”login_guru”, jika nama databasenya mw
diganti, siahkan ganti saja dengan yang lain.. untuk masuk ke database copy
kodenya dibawah ini dengan nama daftar.php
<html>
<head>
<title></title>
<link href="style/style.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<div id="tengah2">
<div class="nav2" >Pendaftaran berhasil...
</div>
<div class="pages2">
<?
$host="localhost";
$user="root";
$password="";
$db="login_guru";
$konek=mysql_connect($host,$user,$password) or die
(mysql_error());
mysql_select_db($db,$konek) or die (mysql_error());
mysql_query("insert into login
values('$_POST[daftar_nama]','$_POST[daftar_alamat]','$_POST[daftar_phone]','$_POST[daftar_password]')",$konek)
or die(mysql_error());
echo "
<br>
<img src='images/checklist.jpg' width='210' height='163'
/>
";
header("refresh:1;url='form_daftar.php' ");
?>
</div>
</div>
</body>
</html>
Buat form loginnya. Tampilannya seperti diatas….
Nah sesudah itu buat untuk loginnya. Copy saja kodenya
dibawah ini dengan nama form_login.php
kemudian browser form_login.php tadi di localhost.
<html>
<head>
<title>Login</title>
<link href="style/style.css"
rel="stylesheet" type="text/css">
</head>
<body>
<div id="tengah3">
<div class="nav3">Login </div>
<div class="pages3">
<div align="center">
<img
src="images/login.png" width="122" height="125">
<br>
<br>
<?
echo "
<form
method='post' action='cek_login.php' target='_blank'>
<table>
<tr>
<td> Nama </td>
<td><input type='text' name='input_nama'
title='Masukan nama anda'></td>
</tr>
<tr>
<td> Password </td>
<td><input type='password' name='input_password'
title='Masukan password'></td>
</tr>
</table>
<input type='submit' name='login' value='Log in..'>
</form>
<font color='red'>
<br align='center' font color='red'>
</br>
<br>
Kreasi Sigit Septianto <br>
STMIK aMikom Yogyakarta</font>
</br><br><br>
<a
href='septianto04.blogspot.com'>Kambingbetina.com</a><br>
<a href='lesson_student.blogspot.com'>Lesson</a>
";
?>
</div>
</div>
</div>
</body>
</html>
Jika username atau password salah maka tampilannya akan
seperti diatas. Klik kembali untuk kembali keform login.
Kemudian melakukan pengecekan ke database.jika kita sudah
melakukan pendaftaran tadi maka akan berhasil. Jika tidak maka salah. . . Copy aja kodenya dibawah sini. Dengan
nama cek.php
<html>
<head>
<title>Login_salah</title>
<link href="style/style.css"
rel="stylesheet" type="text/css">
</head>
<body>
<div id="tengah4">
<div class="nav4">Username
atau password salah ...!</div>
<div class="pages4">
<div align="center"><img
src="images/error.png" width="111"
height="90">
<br>
<br>
<?
$host="localhost";
$user="root";
$password="";
$db="login_guru";
$konek=mysql_connect($host,$user,$password) or die
(mysql_error());
mysql_select_db($db,$konek) or die (mysql_error());
$nama_login=$_POST['input_nama'];
$password_login=$_POST['input_password'];
$query_login=mysql_query("select * from login where
nama='$nama_login' and password='$password_login'",$konek);
$baris=mysql_num_rows($query_login);
if ($baris==1)
{
session_register("input_nama");
session_register ("input_password");
$_SESSION['nama']=$nama_login;
header ("location:login_sukses.php");
}
else
{
echo "
<form action='form_login.php' target='_blank'>
<input type='submit' value='Kembali' >
</form>
";
}
ob_end_flush();
?>
</div>
</div>
</div>
</body>
</html>
Nah yang ini jika username yang kita inputkan sukses. Maka
ini akan dibawa kelink berikutnya. Copy aja kode dibawah ini dengan nama login_sukses.php
<html>
<head>
<title>Login sukses</title>
<link href="style/style.css"
rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {
color:
#FFFFFF;
font-size:
24px;
}
-->
</style>
</head>
<body>
<div id="wrpper">
<div
id="heder">
<div
align="center" class="style2">ANDA BERHASIL
LOGIN</div>
</div>
<div id="content">
<div id="tengh">
<div
class="nav">materi | sigit spd</div>
<div class="pages">
<?
session_start();
if (!$_SESSION['nama'])
{
header ("location:form.php");
}
else
echo
header ("location:download.php");
?>
</div>
</div>
</div>
</body>
</html>
Jika berhasil maka akan masuk seperti gambar diatas… jika
sudah klik logout untuk keluar…
. ini Cuma contoh. Nanti teman2 bisa cari link sendiri..
copy codenya dibawah ini dengan nama download.php
<html>
<head>
<title>DOWNLOAD</title>
<link href="css/style.css"
rel="stylesheet" type="text/css">
<link href="css/menu.css" rel="stylesheet"
type="text/css">
<script type="text/javascript">
$(function(){
$('.dropdown').mouseenter(function(){
$('.sublinks').stop(false, true).hide();
var submenu = $(this).parent().next();
submenu.css({
position:'absolute',
top: $(this).offset().top + $(this).height() + 'px',
left: $(this).offset().left + 'px',
zIndex:1000
});
submenu.stop().slideDown(300);
submenu.mouseleave(function(){
$(this).slideUp(300);
});
});
});
</script>
<link href="style/style.css"
rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style8 {font-size: 36px}
.style9 {color: #FFFFFF}
-->
</style>
</head>
<body>
<div id="kotak">
<div
id="header"> <span class="style8"> <span
class="style9">
<marquee
behavior="alternate">
<B>SILAHKAN DOWNLOAD MATERI </B>
</marquee>
</span> </span> </div>
<div
id="batas_atas"></div>
<div
id="content">
<div
id="kiri">
<div
class="nav"></div>
<div class="pages">
<tr>
<th
width="200" height="95" scope="col">
<div align="center"
class="style8"><a
href="logout.php"><strong>Logout</strong></a>
</div></th>
</tr>
</table>
Keterangan:
<br>
Jika sudah segeralah
klik logout untuk keluar</br>
</div>
</div>
<div id="tengah">
<div
class="nav"></div>
<div class="pages">
<link href="style.css"
rel="stylesheet" type="text/css" media="screen"
/>
<h2 align="center">Halaman ini hanya bisa
dilihat yang berhasil login
<br><br>
<a href='septianto04.blogspot.com'>Kambingbetina.com</a><br>
<a href='lesson_student.blogspot.com'>Lesson</a>
</h2>
</div>
</div>
</div>
<div
id="batas_bawah"></div>
<div
id="footer"></div>
</div>
</body>
</html>
Kemudian teman terakhir .. logout.. simple, kodenya Cuma dibawah
ini… dengan nama logout.php
<? session_start();
unset($_SESSION['username']);
session_destroy();
header("Location:form_login.php ");
?>
Nah sudah jadi deh.. . :D
Semoga berhasil teman…??? :D
download sourcenya disini kambingbetina.com
download sourcenya disini kambingbetina.com
Goomsite.Net
0 Comments for "Membuat Form Login dengan PHP "