cara mengkoneksikan database awal dengan tampilan admin siswa dan guru dan teknisi dengan php mysqli pada kesempatan kali ini saya akan memberikan tutorial cara mengkoneksikan database agar bisa login dengan database agar bisa tampilan menu admin guru, siswa dan teknisi ataupun user yang anda buat
sebelumya anda telah mengikuti tutorial pertama saya yaitu cara membuat tampilan login dan tampil tampilan menu artikel ini saya akan ulang kembali Oke saya mulai dengan membuat tampilan login saja ya
CARA MEMBUAT TAMPILAN LOGIN SEBAGAI HALAMAN UTAMA
Pertama anda buat folder di xampp = > htdocs => nama folder anda ; anda masih bingung lihat caranya klik di bawah ini
Read more : cara menjalankan dan menampilkan coding php dengan XAMPPKalau sudah buat file dengan nama index.php dengan salin kode berikut ini
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PASIS ONLINE</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="assets/js/jquery-ui/jquery-ui.css">
<script type="text/javascript" src="assets/js/jquery.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/jquery-ui/jquery-ui.js"></script>
<?php include 'config/connect.php'; ?>
<style type="text/css">
body{
background-color: #dedede;
}
.kotak{
background-color: #ffffff;
margin-top: 150px;
}
.kotak .input-group{
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="container">
<?php
if(isset($_GET['pesan'])){
if($_GET['pesan'] == "gagal"){
echo "<div style='margin-bottom:-55px' class='alert alert-danger' role='alert'><span class='glyphicon glyphicon-warning-sign'></span> Login Gagal !! Username dan Password Salah !!</div>";
}
}
?>
<div class="panel panel-default">
<form action="login_aksi.php" method="POST">
<div class="col-md-4 col-md-offset-4 kotak">
<br>
<div align="center"><img src="material/pasis/man.png" width="40%" height="0%"/></div>
<center><h3>Silahkan Login</h3></center>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
<input type="text" class="form-control" placeholder="Username" name="username">
</div>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-exclamation-sign"></span></span>
<input type="password" class="form-control" placeholder="Password" name="password">
</div>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
<select name="level_user" class="form-control">
<option value="4">Admin</option>
<option value="2">Guru</option>
<option value="1">Teknisi</option>
<option value="3">siswa</option>
</select>
</div>
<div class="row">
<div class="col-sm-8">
<div class="input-group">
<input type="submit" class="btn btn-danger" value="LOGIN">
</div>
</div>
<div class="col-sm-4">
<div class="input-group">
<a href="daftar.php" class="btn btn-success">Sign Up</a>
</div>
</div>
</div>
<h5><center>Apabila Anda belum Punya akun anda bisa hubungi teknisi TKJ atau Admin</center></h5>
</form>
</div>
</div>
</body>
</html>
Kedua Buat file dengan nama login_aksi.php salin kode berikut ini
<?php
include "config/connect.php";
$cari=mysqli_query($conn,"select* FROM user WHERE username='$_POST[username]' AND password='$_POST[password]'");
$ketemu=mysqli_num_rows($cari);
$r=mysqli_fetch_array($cari);
if ($ketemu>0){
session_start();
$_SESSION[username] = $r[username];
$_SESSION[password] = $r[password];
$_SESSION[leveluser] = $r[level_user];
if($_SESSION[leveluser]==1){
header('location:tampil.php?pasis=profil');
}else if($_SESSION[leveluser]==2){
header('location:tampil.php?pasis=profil');
}else if($_SESSION[leveluser]==3){
header('location:tampil.php?pasis=profil');
}else if($_SESSION[leveluser]==4){
header('location:tampil.php?pasis=profil');
}
}
else{
header("location:index.php?pesan=gagal")or die(mysql_error());;
}
?>
Lalu save :)
berikut ini tampilannya kalau belum sperti di bawah ini kalau masih eror karena anda belum input file css java php boostrap dan lain lain langkah kedua akan membahas itu
Itu baru langkah pertama langkah kedua akan membahas cara membuat tampilan untuk admin dan user user yang ada dengan tampilan responsive ok sekian dan terima kasih
kalau masih eroor silahkan komentar nanti saya jelaskan maaf saya juga masih belajar :)
tags :sistem peminjaman berbasis web,cara membuat halaman login responsive ,source code halaman login cara membuat tampilan login
