Assalamualaikum.....
Pada kesempatan saat ini saya akan mengisi blog tentang..
Login adalah proses masuk ke jaringan komputer dengan memasukkan identitas akun minimal terdiri dari username/akun pengguna dan password untuk mendapatkan hak akses,
Membuat Project Baru
Buat project baru dengan nama login_php di direktori htdocs kalian, file yang akan kita buat nanti akan menjadi seperti ini:
Download folder assets: disini.
Membuat Database
pertama kalian harus membuat database terlebih dahulu dengan nama web_tutorial, seperti dibawah ini:
Salin sql code dibawah ini pada sql dumb di phpmyadmin kalian
-- phpMyAdmin SQL Dump
-- version 4.2.7.1
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: 07 Jan 2018 pada 04.03
-- Versi Server: 5.6.20
-- PHP Version: 5.5.15
--
-- Struktur dari tabel `login`
--
CREATE TABLE IF NOT EXISTS `login` (
`id_user` int(11) NOT NULL,
`username` varchar(30) NOT NULL,
`password` varchar(30) NOT NULL,
`log_stats` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
Tambahkan Data User Kedalam databaseTambahkan data user kedalam databaseatau salin script dibawah ini kedalam sql dumb didatabase
<?php
$host = "localhost";
$user = "root";
$password = "";
$database = "web_tutorial";
$connect = mysqli_connect($host, $user, $password,$database);
?>
INSERT INTO `web_tutorial`.`login` (`id_user`, `username`, `password`, `log_stats`) VALUES (NULL, 'admin','root', CURRENT_TIMESTAMP);
Membuat Perintah Koneksi Ke Database
buat file baru dengan nama koneksi.php,
<?php
$host = "localhost";
$user = "root";
$password = "";
$database = "web_tutorial";
$connect = mysqli_connect($host, $user, $password,$database);
?>
Membuat Form Login
Lalu buat halaman form login dan beri nama index.php,
<!--
Author: Developer tech
Author URL: https://developertechid.blogspot.co.id/
License: Creative Developer tech
License URL: https://developertechid.blogspot.co.id/
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="assets/style.css" rel='stylesheet' type='text/css' />
<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700|Open+Sans:400,300,600,700'rel='stylesheet' type='text/css'>
<!--//webfonts-->
</head>
<body>
<div class="main">
<div class="user">
<img src="images/user.png" alt="">
</div>
<!---start-main-->
<div class="login">
<div class="inset">
<form action="cek_log.php" method="POST">
<div>
<span><label>Username</label></span>
<span><input type="text" class="textbox" name="username" autofocus="autofocus"></span>
</div>
<div>
<span><label>Password</label></span>
<span><input type="password" name="password" class="password"></span>
</div>
<hr>
<div class="sign">
<div class="submit">
<input type="submit" value="LOGIN" >
</div>
<span class="forget-pass">
<a href="#">Forgot Password?</a>
</span>
<div class="clear"> </div>
</div>
</form>
</div>
</div>
<!---//end-main-->
</div>
</body>
</html>
Hasilnya akan menjadi seperti ini:
Membuat Proses Login
Setelah itu buat file baru dengan nama cek_log.php, dan ketikkan script berikut:
<?php
include 'koneksi.php';
$username = $_POST['username'];
$password = $_POST['password'];
$cek = mysqli_query($connect, "select * from login where username='$username' and password='$password'");
$result = mysqli_num_rows($cek);
if($result>0){
$user = mysqli_fetch_array($cek);
session_start();
$_SESSION['username'] = $user['username'];
header("location:welcome.php");
}else{
header("location:index.php");
}
?>
Membuat Logout
Selanjutnya buat file dengan nama logout.php, dan isikan script berikut:
<?php
session_start();
session_destroy();
header("location:index.php");
?>
Membuat Halaman Home
Buat file baru lagi dengan nama welcome.php dan isikan kode berikut:
<!--
Author: Developer tech
Author URL: https://developertechid.blogspot.co.id/
License: Creative Developer tech
License URL: https://developertechid.blogspot.co.id/
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="assets/style.css" rel='stylesheet' type='text/css' />
<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700|Open+Sans:400,300,600,700'rel='stylesheet' type='text/css'>
<!--//webfonts-->
</head>
<body>
<div class="main">
<div class="user">
<img src="images/user.png" alt="">
</div>
<!---start-main-->
<div class="login">
<div class="inset">
<span>Selamat Datang | <a href="logout.php">Logout?</a></span>
</div>
</div>
<!---//end-main-->
</div>
</body>
</html>
Setelah itu jalankan projectnya dengan alamat http://localhost/login_php
Jika berhasil akan seperti dibawah ini:
sekian terimakasih....
semoga bermanfaat................
Komentar
Posting Komentar