Langkah 1 . Membuat Database.
Setelah anda selesai mendownload dan install program, buka XAMPP Control Panel dan aktifkan Apache dan MySQL.
Buka browser dan ketikkan localhost/phpmyadmin di omnibox.
Buat database baru pada halaman PHPMyAdmin dengan nama dblogin.
Pilih database dblogin dan buat tabel baru dengan nama member.
Ketika membuat tabel buat kolom username dengan tipe data varchar dan panjang karakter 10 dan kolom password dengan tipe data varchar dan panjang karakter 32.
Setelah tabel selesai dibuat isikan data.
Langkah 2. Buat Form.
Ketikkan script berikut pada text editor.
<!DOCTYPE html>
<head>
<title>Form</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<br>
<br>
<br>
<div id="container_demo">
<div id="wrapper" class="animate">
<form action="login.php" method="post">
<h1> Log In </h1>
<p>
<label for="username">Your username : </label></p>
<p class="text">
<input type="text" required="required" name="username" />
</p>
<p>
<label for="password">Your password : </label></p>
<p class="text">
<input type="password" name="password" required="required"/>
</p>
<p class="login button">
<input type="submit" value="login" name="submit">
</p>
</form>
</div>
</div>
</body>
</html>
Simpan file dengan nama form.html
Langkah 3. Buat Koneksi.
Pastikan anda membuat file ini dengan format .php
<?php
$host = "localhost";
$user = "root";
$password = "";
$database = "dblogin";
$koneksi = mysql_connect($host,$user,$password);
mysql_select_db($database,$koneksi);
if ($koneksi){
//echo "Koneksi Berhasil";
} else {
echo "koneksi gagal";
}
?>
Simpan file dengan nama koneksi.php
Lagkah 4. Membuat file login
Pastikan anda membuat file ini dengan format .php
<?php
session_start();
include "koneksi.php";
$username = $_POST['username'];
$password = $_POST['password'];
$query = mysql_query("select * from member where username = '$username' and password = '$password'");
$cek = mysql_num_rows($query);
if ($cek) {
$_SESSION['username']=$username;
?> Login Berhasil. Silakan menuju <a href="home.php">Home</a>.
<?php
}else{
?>
Login Gagal. Silakan <a href="login_form.html">Login</a> kembali.
<?php
echo mysql_error();
}
?>
Simpan file dengan nama login.php
Langkah 4. Membuat file logout.
Pastikan anda membuat file ini dengan format .php
<?php
session_start();
session_destroy();
?>
<h1>Anda Berhasil Logout</h1>.
<a href="login_form.html">Login</a> kembali?
Simpan file dengan nama logout.php
Langkah 5. Membuat file home
Pastikan anda membuat file ini dengan format .php
<?php
session_start();
if (ISSET($_SESSION['username']))
{
include "koneksi.php";
?>
<h1>Asem Jawa Rasane Kecut</h1>
<br />
<a href="logout.php">Logout</a>
<?php
}else{
?>
<h1>Anda Harus Login Untuk Mengakses Halaman Ini</h1>
<br />
<a href="form.html">Login</a>
<?php
}
?>
Simpan file dengan nama home.php
Langkah 6. Setelah semua file tadi dibuat simpan dalam satu folder (misal nama folder : login). Folder tadi letakkan di folder tempat anda mengisntal XAMPP tepatnya di folder htdocs.
Langkah 7. Mengakses halaman
Ketikkan alamat berikut di omnibox browser localhost/login
Selesai!!!
Berikut hasil dari script di atas
Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.
0 komentar:
Posting Komentar