Pada artikel kali ini saya akan memberikan panduan dalam membuat halaman akses admin dengan menggunakan Php sebagai code program dan mysql sebagai database yang menyipan data, atau hak akses login sebagai admin pada halaman web admin. Halaman login admin yang akan dibuat tampilan nya seperti pada gambar di samping kiri artikel berikut ini.
okey tanpa banyak basa-basi kita langsung saja ke tahap pembuatannya, berikut langkah demi langkah dalam membuat form login.
Pembuatan Database.
Langkah pertama kita akan membuat nama database "Login" pada kolom basisdata/ database ketikkan "login" dan klik tombol "created/buat" database. gambar seperti dibawah ini.
Setelah meng-klik tombol "created/buat" maka akan muncul tampilan konfirmasi
Setelah berhasil membuat database "login" klik pada tools atau menu SQL dan ketikkan perintah SQL berikut ini dalam kotak form yang ada.
[code type="SQL database created"]CREATE TABLE IF NOT EXISTS `pengelola` (
`username` varchar(20) NOT NULL,
`password` varchar(32) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;[/code]
Jangan lupa untuk meng-klik tombol kirim, setelah diklik maka tabel database berhasil dibuat.
Membuat code program untuk form login
Berikutnya kita membuat file .php untuk menampilkan halaman admin login. Langkah pertama yang harus anda lakukan adalah masuk ke dalam file xampp/hrdocs dan buat folder baru dengan nama "Modul"
[success title="Catatan!!!" icon="check-circle"]Jangan lupa untuk menjalankan control panel xampp terlebih dahulu.
[/success]
Setelah membuat folder baru dengan nama Modul dalam folder xampp/htdocs. Maka dalam folder tersebut isikan file-file code .php dibawah ini didalam folder Modul yang baru anda buat tersebut.
[code type="index.php"]<?php
session_start();
if(!isset($_SESSION['username'])){
header("location:form_login.php");
}
require_once 'inc/config.php';
?>
<head>
<title>Title</title>
</head>
<body>
<br>
<a href="index.php?page=pengelola_view">Lihat Data Admin</a>
<a href="pengelola_logout.php">Keluar</a>
<?php
/* kode untuk meload halaman yang berbeda*/
if (isset($_GET['page'])) {
$page = $_GET['page'] . ".php";
include ($page);
} else {
}
?>
</p></p></p>
Belajar membuat halaman login dengan koneksi php mySql
<br/>
<br/>
<div id="footer" class="floatRight width100">
<center>copyright @olbersblog 2017</center>
</div>
</body>
</html>[/code]
[code type="form_login.php"]<!DOCTYPE html>
<html lang="en">
<head>
<title>Daily UI - Day 1 Sign In</title>
</head>
<body>
<h1 id="title" class="hidden"><span id="logo">Form Login<span> ADMIN</span></span></h1>
<form id="form1" name="form1" method="post" action="pengelola_check_login.php">
<h2>Login</h2>
<label>Username :</label>
<input name="username" type="text" id="username"/>
<label>Password :</label>
<input name="password" type="password" id="password"/>
<br>
<button type="Submit" name="Submit" value="Submit" class="btn btn-primary pull-right">Sign In</button>
</body>
</html>[/code]
[code type="pengelola_check_login.php"]<?php
session_start();
//file konfigurasi
include ('inc/config.php');
$username = $_POST['username'];
$password = $_POST['password'];
$password = md5($password);
$sql= "select * from pengelola where username='$username' and password='$password' ";
$userquery = mysql_query($sql) or die(mysql_error());
// $valid=false;
if (mysql_num_rows($userquery) == 1) {
header('location:index.php');
$valid = true;
$_SESSION['username'] = $username; }
if ($valid == false) { header("Location:form_login.php?status=1");
}
?>[/code]
[code type="pengelola_view.php"]<?php
$sql="";
if(isset($_POST['btnCari'])){
$cari=$_POST['cari'];
//ambil data dari table admin
$sql="SELECT * FROM pengelola where username like '%$cari%'";
}else{
$sql="SELECT * FROM pengelola";
}
$result=mysql_query($sql) or die(mysql_error());
//proses menampilkan data
while($rows=mysql_fetch_array($result)){
?>
<table class='table table-hover table-condensed table-bordered'>
<tr class="success">
<th>Username</th>
<th>Password</th>
<th>Aksi</th>
</tr>
<tr>
<td><?php echo $rows['username'];?></td>
<td><?php echo $rows['password'];?></td>
<td>
<a href="">Tambah</a>
<a href="#"> Edit</a>
<a href="#"> Hapus</a>
</td>
</tr>
<?php
} //tutup koneksi
?>
<?php
if (isset($_GET['status'])) {
if ($_GET['status'] == 0) {
echo " <div style='color:blue'>Operasi data berhasil</div>";
} else {
echo "operasi gagal";
}
}
?>
</table>
<?php
mysql_close(); //close database
?>[/code]
[code type="pengelola_logout.php"]<?php
session_start();
session_destroy();
header("location:form_login.php");
?>[/code]
Setelah semua file .php telah di buat. Tahap berikutnya adalah membuat file configuration atau file coneksi, dimana file ini berfungsi untuk menghubungkan koneksi database.
Dalam forder xampp/htdocs/modul buatlah folder baru dengan nama "inc" dan dalam folder "inc" tersebut buatlah file config.php seperti berikut ini:
[code type="config.php"]<?php
$host = "localhost"; // Host name
$username = "root"; // Mysql username
$password = ""; // Mysql password
$db_name = "login"; // Database name
// Connect to server and select database.
mysql_connect("$host", "$username", "$password") or die("cannot connect" . mysql_error());
mysql_select_db("$db_name") or die(mysql_error());
?>[/code]
Setelah berihasil membuat file coneksi, jangan lupa untuk save/simpan. Dan untuk menjalankan buka browser anda, pada tab link ketikkan http://localhost/modul/
Sekian dan terima kasih.
Posting Komentar
Tinggalkan komentar anda untuk setiap post yang mungkin bagi anda sangat bermanfaat.