membuat menu login

kembali lagi pada tutorial kita, menyambung dari tutorial yang kemaren, kemaren kita telah membuat tabel pada database dan mengisinya dengan data username dan passwoed lalu kita akan meneruskan dengan membuat aksi login menuju menu utama,

adapun yang kita lakukan adalah membuat fail dengan format php yaitu membuat file

index.php
login.php
logout.php

mari langsung saja kita buat:

kita mulai dengan membuat membuat file yang di atas lalu kita simpan di folder instalan , simpan di localdisk C/appserv/www/praktikum
settelah itu kita edit fail login.php sesuai dengan tugas awal kita , lalu kita tuliskan koding berikut
ini untuk coding secara garis besar brtujuan untuk mencocokkan inputan data dengan data yang telah tersimpan di database, guna untuk proses loginnya nanti
kita bedah satu persatu , "require_once('../conn/conn.php');" ini adalah cidung untukmemangil proses koneksi ke database agar database dapat di pakai di dalam file ini
kemudian "if(isset($_POST['login'])){

$unm = $_POST['user'];

$ups = md5($_POST['pass']);

$sql = "SELECT * FROM user WHERE username= '".$unm."' AND password='".$ups."'";

$result = $conn->query($sql); "
secara umum nya dapat kita artikan bahwa koding di atas "halaman login, ambil data username dan password pada tabel user di database, mengubah user sebagai username dan pass sebagai password , lalu cocokkan data unputan dengan datbase"
lalu lanjut ke koding ini " if ($result->num_rows> 0) {

$_SESSION['user'] = $unm;

header('location: index_admin.php');

}else{echo "GAGAL LOGIN";}

}"
coing ini maksudnya adalah "jika datanya cocok maka kita panggil data user yang melakukan logi,lalu di sesion kan guna untuk di panggil kembali , kemudian masuk ke index.php, jika gagal, tampilkah"Login Gagal".
setelah pengcarian dataselesai kita masuk ketampilan yaitu menggunakan html, tak harus di buat file baru, langsung saja di buat di bawah coding php
berikut coding nya
mari kita pelajasi sejenak, "<meta charset="utf-8">" ini merupakan codiny untuk html mampu membanya lebih banyak karakter atu hampir seluruh karakter yang ada di dunia
"<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="../asset/css/bootstrap.min.css">" ini adalah link untuk coneksi tampilas css dari botstrep.
"<div class="container">

<div class="row">

<div class="col-sm-6 col-lg-offset-4"></div>

<div class="account-wall">

<h1 class="text-center login-title">HALAMAN ADMIN</h1>

<form class="form-signin" method="post">

<input type="text" name="user" class="form-control" placeholder="username" required autofocus>

<input type="password" name="pass" class="form-control" placeholder="password" required>

<input type="submit" name="login" class="btn btn-primary btn-block" value="masuk">

</form>

</div>

</div>

</div>

</div>" ini adalah form yang kita buatt dengan html,
"<script scr="../asset/js/jquery.min.js"></script>

<script src="../asset/js/bootstrap.min.js"></script>" ini untuk koneksi ke link javascripnya botstrep dan jquary
setelah itu simpan coding nya, dan ini hasilnya
lalu beralih ke index.php yang akan tampil jika login berasil. berikut koding nya
pada coding ini kita akan menampilkan hasil jika login berhasil "if(empty($_SESSION['user'])){

echo '

<script language="javascript">

document.Location="login.php";

</script>';" maksudnya koding ini "jika data user kosong maka akan kembalike halaman login kembali, atau login infalid, jika berhasil dan user terbaca , maka, program akan memanggil sesion user dan menampilkannya"
kemudia jika kit aingin keluar nantinya setelah kita login kita buat logout.php , berikut codingnya
ini hanya mengembalikan ke laman sebelum kita login atau keluar dari halaman yang kita login tadi,
berikut kita liat skema nya setelah semua koding jadi dan raning
kita ilustrasikan dengan menciba masuk login menjadi admin suatu web, langsung ke menu login
kita telah berhasil masuk menu loginyang kita buat tadi, lalu isikan formnya sesuai dengan database yang ada, jika sesuai dengan database yang tadi, maka ini username dengan "admin" dan password "hendra"
lalu kita klik masuk untuk memproses jika gagal akan kembali ke login lagi, dengan keterangan "Login Gagal" namun jika berhaasil akan masuk ke laman web admin yang kita inginkan
nah telah tampil web dengan keterangn admin dengn nama " Hendra Zulpiadi". dan jika kita logout kan maka akan kembali ke menu web saja tanpa ada keterangan admin
oke berarti sekarang kita telah berhasil membuat proses login , jika ada pertanyaan monggo ditanya kan,