Beranda  ›  PhP/MySqli  ›  Tutorial

Cara Membuat Multi USER Login PHP + MySqli

Mei 11, 2020 Tulis Komentar Edit

Cara Membuat Multi USER Login PHP + MySqli, ini sering kali di keluhkan bagi pengembang pemula agar terlihat berjalan dengan baik dan lancar, kali ini onka akan membahas tentang Cara Membuat Multi USER Login PHP + MySqli



Siaplan alat-alat tempurnya terlebih dahulu !!!

Text Editor

Browser

Hosting lokal server (localhost) XAMPP (MySqli)

Niat

 

Untuk tutorial ini hanya memerlukan waktu 10 menit

Jalankan XAMPP


Buatlah terlebih dahulu database atau bisa dengan menambakan table di database yang sudah kalian buat tapi kali ini onka akan membuat database baru.






Onka menamai database dengan nama : db_multi_user, di dalam database db_multi_user, onka membuat table dengan nama = tb_user

Dengan ketentuan isi di dalam table sebagai berikut :


 NoNama Tipe AutoIncrement 
 1
id Int Ya 
 2nama  Varchar(20) 
 3 username Varchar(15) 
 4 password Varchar(20) 
 5 level Varchar(25) 

Lihat gambar jika masih bingung




 

Setelah database dan tablenya sudah di buat kali ini onka akan isi datanya. Tutorial kali ini onka akan membahas tentang sebuah studi persekolahan yang mana terdapat  admin, guru, dan murid.




Setelah data di isi seperti ini :

 

Nah bagian ini yang paling seru

Yapp PENGKODIAN

Pertama kali persiapkan bahan-bahannya terlebih dahulu seperti di bawah ini:

Cara membuat bahannya yaitu dengan klik kanan di dalam sebuah folder – New – Text (klik yes jika sudah dinamakan tiap-tiap bahan)

index.php

style.css

koneksi.php

cek_login.php

halaman_admin.php

halaman_guru.php

halaman_murid.php

logout.php 

Tempatkan file di atas di dalam folder multiuser di dalam folder htdocs jika kalian memakai XAMPP, jika memakai UniServerZ di dalam folder www

Onka memakai sublime Editor untuk memasukkan kodingnya !!!


Setelah itu klik index.php dan masukkan script di bawah ini:

Index.php (berfungsi sebagai halaman dasar dalam pengambilan script di localhost)

<!DOCTYPE html>
<html>
<head>
<title>Form Login Multi User CODE ONKA</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Membuat Login Multi User Dengan PHP dan MySQLi</h1>
<p class="tulisan_tengah"><img src="img/logo.png" width="700" height="150" alt="logocodeonka">
</p>
<?php 
if(isset($_GET['pesan']))
{
if($_GET['pesan']=="gagal")
{
echo "<div class='alert'>Username atau Password tidak sesuai !</div>";
}
}
?>

<div class="tengah">
<p class="tulisan_tengah">Silahkan login</p>
<form action="cek_login.php" method="post">
<label>Username</label>
<input type="text" name="username" class="form_login" placeholder="Username .." required="required">
<label>Password</label>
<input type="password" name="password" class="form_login" placeholder="Password .." required="required">
<input type="submit" class="tombol_login" value="LOGIN">
</form>

</div>
</body>
</html>

 

Style.css (berfungsi sebagai desain tata letak dan pewarnaan)

body{
font-family: sans-serif;
background: #ebf9fb;
}
h1{
text-align: center;
/*ketebalan font*/
font-weight: 300;
}
.tulisan_tengah{
text-align: center;
/*membuat semua huruf menjadi kapital*/
text-transform: uppercase;
}
.tengah{
width: 350px;
background: white;
/*meletakkan form ke tengah*/
margin: 80px auto;
padding: 30px 20px;
box-shadow: 0px 0px 100px 4px #d6d6d6;
}
label{
font-size: 11pt;
}
.form_login{
/*membuat lebar form penuh*/
box-sizing : border-box;
width: 100%;
padding: 10px;
font-size: 11pt;
margin-bottom: 20px;
}
.tombol_login{
background: #2aa7e2;
color: white;
font-size: 11pt;
width: 100%;
border: none;
border-radius: 3px;
padding: 10px 20px;
}
.link{
color: #232323;
text-decoration: none;
font-size: 10pt;
}
.alert{
background: #e44e4e;
color: white;
padding: 10px;
text-align: center;
border:1px solid #b32929;
}

 

koneksi.php (berfungsi sebagai penghubung antara folder multiuser dengan database di PhpMyAdmin)

<?php
$koneksi = mysqli_connect("localhost","root","","db_multi_user");
// Check connection
if (mysqli_connect_errno()){
 echo "Koneksi database gagal : " . mysqli_connect_error();
}
?>

Di dalam koneksi terdapat perintah

"localhost","root","","db_multi_user"

Kalau mengikuti tutorial onka tida usah di ubah tapi kalau memakai ide sendiri di ubah pada bagian nama databasenya.

 

cek_login.php (berfungsi sebagai penyeleksi user antara admin, guru, dan murid)

<?php 
// untuk mengaktifkan session pada php agar keamanan login lebih tinggi
session_start();
// menghubungkan file php dengan koneksi ke database mysqli
include 'koneksi.php';
// menerima data yang disubmit dari form login multi user
$username = $_POST['username'];
$password = $_POST['password']; // seleksi data user dengan username dan password apakah sesuai atau tidak 
$login = mysqli_query($koneksi,"select * from tb_user where username='$username' and password='$password'");
// hitung jumlah data yang ditemukan dari form login
$cek = mysqli_num_rows($login);
// mengcek apakah username dan password ditemukan pada database yang ada
if($cek > 0){
 $data = mysqli_fetch_assoc($login);
 // fungsi login sebagai admin
 if($data['level']=="admin"){
  // buat session login dan username agar keamanan lebih tinggi
  $_SESSION['username'] = $username;
  $_SESSION['level'] = "admin";
  // pindahkan ke halaman dashboard admin
  header("location:halaman_admin.php");
 // fungsi login sebagai guru
 }else if($data['level']=="guru"){
  // buat session login dan username agar keamanan lebih tinggi
  $_SESSION['username'] = $username;
  $_SESSION['level'] = "guru";
  // pindahkan ke halaman dashboard guru
  header("location:halaman_guru.php");
 // fungsi login sebagai murid
 }else if($data['level']=="murid"){
  // buat session login dan username agar keamanan lebih tinggi
  $_SESSION['username'] = $username;
  $_SESSION['level'] = "murid";
  // pindahkan ke halaman dashboard murid
  header("location:halaman_murid.php");
 }else{
  // pindahkan ke halaman login kembali
  header("location:index.php?pesan=gagal");
 }
}else{
 header("location:index.php?pesan=gagal");
}
?>

Di dalam script cek_login.php terdapat perintah

$login = mysqli_query($koneksi,"select * from tb_user where username='$username' and password='$password'");

Ini berfungsi untuk menselect table yang berada di dalam database db_multi_user, onka menselect table tb_user.

 

halaman_admin.php (berfungsi untuk menampilkan halam admin setelah login menggunakan user admin)

<!DOCTYPE html>
<html>
<head>
<title>Halaman Untuk Admin</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<?php 
session_start();
// untuk mengcek apakah yang mengakses halaman ini sudah login atau belum
if($_SESSION['level']==""){
header("location:index.php?pesan=gagal");
}
?>
<div class="tengah">
<h1 class="tulisan_tengah">Halaman Admin</h1>
<p class="tulisan_tengah">Halo <b><?php echo $_SESSION['username']; ?></b> Anda telah berhasil login <br> Login sebagai <b><?php echo $_SESSION['level']; ?></b>.</p>
<br>
<br>
<p class="tulisan_tengah"><a href="logout.php" ><button>LOGOUT</button></a></p>
</div>
</body>
</html>

 

halaman_guru.php (berfungsi untuk menampilkan halam admin setelah login menggunakan user guru)

<!DOCTYPE html>
<html>
<head>
<title>Halaman Untuk Guru</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<?php 
session_start();
// untuk mengcek apakah yang mengakses halaman ini sudah login atau belum
if($_SESSION['level']==""){
header("location:index.php?pesan=gagal");
}
?>
<div class="tengah">
<h1 class="tulisan_tengah">Halaman Guru</h1>
<p class="tulisan_tengah">Halo <b><?php echo $_SESSION['username']; ?></b> Anda telah berhasil login <br> Login sebagai <b><?php echo $_SESSION['level']; ?></b>.</p>
<br>
<br>
<p class="tulisan_tengah"><a href="logout.php" ><button>LOGOUT</button></a></p>
</div>
</body>
</html>

 

halaman_murid.php (berfungsi untuk menampilkan halam admin setelah login menggunakan user murid)

<!DOCTYPE html>
<html>
<head>
<title>Halaman Untuk Murid</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<?php 
session_start();
// untuk mengcek apakah yang mengakses halaman ini sudah login atau belum
if($_SESSION['level']==""){
header("location:index.php?pesan=gagal");
}
?>
<div class="tengah">
<h1 class="tulisan_tengah">Halaman Murid</h1>
<p class="tulisan_tengah">Halo <b><?php echo $_SESSION['username']; ?></b> Anda telah berhasil login <br> Login sebagai <b><?php echo $_SESSION['level']; ?></b>.</p>
<br>
<br>
<p class="tulisan_tengah"><a href="logout.php" ><button>LOGOUT</button></a></p>
</div>
</body>
</html>

 

logout.php (berfungsi untuk keluar dari halaman seperti halaman admin, guru, atau murid)

<?php 
// Untuk mengaktifkan session pada php
session_start();
// Untuk menghapus semua session
session_destroy();
// pindah halaman ke halaman login
header("location:index.php");
?>

 

Setelah pengisian semua script dari masing-masing script, sekarang onka jalankan !!!

 

 

 

Untuk semua tutorial ini 100% berhasil, jika belum berhasil berarti ada kesalahan dalam pengcopyan atau penamaan database.

Nah dari pada repot-repot bikin satu-satu seperti diatas, onka bakal share script dan databasenya. Onka memakai MySql versi terbaru MySqli, tidak akan bisa jika kalian memakai localhost/XAMPP versi lama

Klik link di bawah ini untuk DOWNLOAD SCRIPTnya!!!




Jika kalian masih bingung bisa chat via WA or komentar


TERIMA KASIH SUDAH BERKUNJUNG




Keyword:

Membuat multi user login

Membuat multi user login PHP

Membuat multi user login MySqli

Membuat multi user login 2020

Membuat multi user login mudah bagi pemula

Membuat multi user login gampang easy 2020

Membuat multi user login XAMPP 2020


Show comments

Belum ada Komentar untuk "Cara Membuat Multi USER Login PHP + MySqli"

Posting Komentar

Langganan: Posting Komentar (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Fitur Template

Berikut adalah beberapa fitur dalam template yang kami sediakan untuk kebutuhan blogging Anda

Ramah SEO

Template ramah Seo yang dibangun dengan praktik SEO terbaik

Responsif

Template responsif yang dioptimalkan untuk blog Anda, dan kompatibel di semua perangkat

Siap Menampilkan Iklan Adsense

Tempatkan iklan adsense Anda dengan mudah untuk meningkatkan penghasilan Anda dengan cepat

Template Gratis

Template yang kami sediakan disini semuanya gratis alias free