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.
CREATE TABLE IF NOT EXISTS `pengelola` (
`username` varchar(20) NOT NULL,
`password` varchar(32) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;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"
Catatan!!!
Jangan lupa untuk menjalankan control panel xampp terlebih dahulu.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.
<?php
session_start();
if(!isset($_SESSION['username'])){
header("location:form_login.php");
}
<span class="Apple-tab-span" style="white-space: pre;"> </span>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'])) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>$page = $_GET['page'] . ".php";
<span class="Apple-tab-span" style="white-space: pre;"> </span>include ($page);
} else {
}
?>
</p></p></p>
<span class="Apple-tab-span" style="white-space: pre;"> </span>Belajar membuat halaman login dengan koneksi php mySql
<br/>
<br/>
<div id="footer" class="floatRight width100">
<center>copyright @olbersblog 2017</center>
</div>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<span class="Apple-tab-span" style="white-space: pre;"> </span><title>Daily UI - Day 1 Sign In</title>
</head>
<body>
<span class="Apple-tab-span" style="white-space: pre;"> </span><h1 id="title" class="hidden"><span id="logo">Form Login<span> ADMIN</span></span></h1>
<span class="Apple-tab-span" style="white-space: pre;"> </span><form id="form1" name="form1" method="post" action="pengelola_check_login.php"><span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span><h2>Login</h2>
<span class="Apple-tab-span" style="white-space: pre;"> </span><label>Username :</label>
<span class="Apple-tab-span" style="white-space: pre;"> </span><input name="username" type="text" id="username"/>
<span class="Apple-tab-span" style="white-space: pre;"> </span><label>Password :</label>
<input name="password" type="password" id="password"/>
<span class="Apple-tab-span" style="white-space: pre;"> </span><br>
<span class="Apple-tab-span" style="white-space: pre;"> </span><button type="Submit" name="Submit" value="Submit" class="btn btn-primary pull-right">Sign In</button>
</body>
</html><?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());
// <span class="Apple-tab-span" style="white-space: pre;"> </span>$valid=false;
if (mysql_num_rows($userquery) == 1) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>header('location:index.php');
<span class="Apple-tab-span" style="white-space: pre;"> </span>$valid = true;
<span class="Apple-tab-span" style="white-space: pre;"> </span>$_SESSION['username'] = $username; }
if ($valid == false) { header("Location:form_login.php?status=1");
}
?><?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'>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tr class="success">
<span class="Apple-tab-span" style="white-space: pre;"> </span><th>Username</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th>Password</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th>Aksi</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td><?php echo $rows['username'];?></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td><?php echo $rows['password'];?></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="">Tambah</a>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#"> Edit</a>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#"> Hapus</a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><?php
<span class="Apple-tab-span" style="white-space: pre;"> </span>} //tutup koneksi
<span class="Apple-tab-span" style="white-space: pre;"> </span>?>
<?php
<span class="Apple-tab-span" style="white-space: pre;"> </span>if (isset($_GET['status'])) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>if ($_GET['status'] == 0) {
<span class="Apple-tab-span" style="white-space: pre;"> </span>echo " <div style='color:blue'>Operasi data berhasil</div>";
<span class="Apple-tab-span" style="white-space: pre;"> </span>} else {
<span class="Apple-tab-span" style="white-space: pre;"> </span>echo "operasi gagal";
<span class="Apple-tab-span" style="white-space: pre;"> </span>}
<span class="Apple-tab-span" style="white-space: pre;"> </span>}
<span class="Apple-tab-span" style="white-space: pre;"> </span>?>
</table>
<?php
mysql_close(); //close database
?><?php
session_start();
session_destroy();
header("location:form_login.php");
?>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:
<?php
$host = "localhost"; <span class="Apple-tab-span" style="white-space: pre;"> </span> // Host name
$username = "root"; <span class="Apple-tab-span" style="white-space: pre;"> </span>// 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());
?>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