membuat page login dengan php mysqli Langsung ke konten utama

membuat page login dengan php mysqli

setelah sebelumnya kita sudah mencoba tentang CRUD https://notemazdopunk.blogspot.com/2021/09/cara-membuat-crud-dengan-php-dan-mysqli.html dan tentang session di php https://notemazdopunk.blogspot.com/2021/09/mengenal-dan-cara-membuat-session-di-php.html dan kita juga sudah mencoba tentang bagaimana cara membuat layout page login dari html dan css https://notemazdopunk.blogspot.com/2021/06/css-dasar-cara-membuat-layout-page.html dan kita juga sudah mencoba bagaimana cara membuat dashboard admin sederhana https://notemazdopunk.blogspot.com/2021/08/cara-membuat-simple-admin-dashboard.html. dari beberapa unsur yang sudah kita sebutkan dan sudah kita coba maka sekarang mari kita bersama mencoba menggabungkan semua unsur tersebut yang sudah kita pernah mencobanya menjadi sebuah page login sederhana. page login adalah suatu halaman yang mana berfungsi untuk membuat sebuah akses untuk menuju halaman yang di beri limit akses, sehingga jika kita tidak melalui page login ini maka kita tidak akan bisa mengakses suatu halaman yang di limit aksesnya dengan serangkaian kode-kode php. namun sebelum kita memulai membaut page login sederhana dengan php mysqli seperti biasa izinkan diri ini terlebih dahulu untuk mengucapkan

salam sobat semua

Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah Allah berikan kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan ini. dan tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk baginda sayyidina Muhammad ibni abdillah S.A.W. beserta keluarga dan para sahabatnya.

Bismillahir rohmaanir rohiim, pada kali ini kita akan mencoba membuat suatu page login sederhana dengan php mysqli, yang mana seperti yang sudah kita sebutkan tadi bahwa fungsi page login ini adalah untuk membuat akses sehingga kita bisa mendapatkan akses dan bisa mengakses suatu halaman yang aksesnya di limit oleh serangkaian kode-kode php.

pertama yang harus kita buat dalam page login ini ialah form loginnya dulu, seperti form input username, password dan tombol login itu sendiri. dan untuk kode form login tersebut kurang lebihnya seperti berikut

<?php

echo"<form method=\"POST\">

<table>

<tr>

<td>Username</td><td>:</td><td><input type=\"text\" name=\"usrname\">

</tr>

<tr>

<td>Password</td><td>:</td><td><input type=\"password\" name=\"pwd\">

</tr>

</table>

<input type=\"submit\" name=\"login\" value=\"login\">

</form>";

?>

dan hasil dari kode diatas adalah seperti berikut

output form login php

setelah form selesai kita buat, langkah selanjutnya kita buat database untuk user yang akan mau kita loginkan. adapun untuk struktur databse untuk login user tersebut kurang lebih seperti berikut

CREATE database `pagelogin`;
USE `pagelogin`;
CREATE TABLE IF NOT EXISTS `user`(`idusr` DOUBLE NOT NULL AUTO_INCREMENT PRIMARY KEY, `usrname` text NOT NULL, `pwd` text not null);

bagi yang belum paham bagaimana cara untuk menjalankan script atau query sql diatas bisa dilihat atau disimak pada tulisan disini https://notemazdopunk.blogspot.com/2021/08/MySQL-dasar-2-Macam-macam-query-MySQL.html. yang akan tampak seperti gambar berikut

 

run query sql phpmyadmin

 dan jika tidak ada kesalahan dalam penulisan query sql kita maka query sql tersebut akan menghasilkan output seperti berikut

output query mysql phpmyadmin


database sudah kita buat sekarang kita isi database yang sudah kita buat dengan query mysql insert yang mana untuk query insert yang dimaksud kurang lebihnya seperti berikut
USE `pagelogin`;
INSERT into user (usrname,pwd) values ('admin','mazdopunk');

yang jika kita terapkan dalam phpmyadmin maka akan tampak seperti berikut

 

query insert mysql phpmyadmin

dan jika query diatas sukses maka akan menghasilkan output seperti tampak berikut
output query insert mysql phpmyadmin

dan jika kita ingin memastikan hasilnya masuk atau berhasil insert atu tidak maka kita gunakan query
use `pagelogin`;
SELECT * FROM `user`;

dan jika query tersebut benar maka akan menghasilkan output seperti tampak pada gambar berikut

output query select from mysql phpmyadmin
setelah kita menyukseskan semua langkah langkah diatas sekarang waktunya kita beralih pada pemrograman phpnya atau pemrograman yang akan mengolah logika bagaimana proses login. jadi untuk logika login sendiri adalah jika ada yang menekan tombol login maka cek isi database dari pagelogin dari tabel user yang mana kolom user sama dengan input usrname dan kemudian jika ada maka cek apakah kolom password sama dengan input pwd. dan jika logika tersebut kita terapkan dalam phpnya akan menjadi seperti berikut kurang lebihnya

<?php
$dbhost="localhost";
$dbuser="root";
$dbpass="";
$dbname="pagelogin";
echo"<form method=\"POST\">
<table>
<tr>
<td>Username</td><td>:</td><td><input type=\"text\" name=\"usrname\">
</tr>
<tr>
<td>Password</td><td>:</td><td><input type=\"password\" name=\"pwd\">
</tr>
</table>
<input type=\"submit\" name=\"login\" value=\"login\">
</form>";
if(isset($_POST['login'])){
if($_POST['usrname']!=null){
$konek=mysqli_connect($dbhost,$dbuser,$dbpass,$dbname) or die ("Gagal menghubungkan ke mysql ".mysqli_connect_error());
$cek=mysqli_query($konek,"select * from user where usrname='$_POST[usrname]'")or die ("Gagal menghubungkan ke mysql ");
if(mysqli_num_rows($cek)>=1){
$tpl=mysqli_fetch_array($cek);
if($tpl['pwd']==$_POST['pwd']){
echo "anda berhasil login";
}
}else{
echo "Maaf user ini tidak terdaftar dalam database kami";
}
}else{
echo "Isi form dengan benar";
}
}
?>

tapi sebelum kode diatas dijalankan kita buat kode untuk halaman yang akan dituju setelah kita sukses login. dan jika kita belum sukses login maka halaman tersebut tidak bisa dibuka dengan metode session yang sudah kita coba di tulisan ini https://notemazdopunk.blogspot.com/2021/09/mengenal-dan-cara-membuat-session-di-php.html. dan juga kita buat satu kode lagi yaitu untuk proses logout dengan metode yang sama yaitu dengan metode session. biar lebih kita pahami mari kita langsung saja membuat kode untuk halaman yang dituju login terlebih dahulu yang kurang lebihnya seperti berikut

<?php

session_start();

if(isset($_SESSION['login'])){

echo "Anda sudah sukses login

<a href=\"logout.php\">Logout</a>";

}else{

echo "Maaf anda belum login";

}

?>

dan jika kita jalankan kode diatas maka hasilnya akan menampilkan output "Maaf anda belum login" seperti tampak berikut

output session php login

 dan sekarang kita buat untuk kode proses logout nya dengan metode session destroy dan metode redirect jika sudah melakukan penghapusan semua session yang kurang lebihnya seperti berikut

<?php
session_start();
session_destroy();
echo"<meta HTTP-EQUIV='REFRESH' content='0; url=login.php'>";
?>

nah setelah kedua file diatas tersebut sudah kita buat, sekarang waktunya kita menyempurnakan kode form login kita yang sudah kita rancang tadi diatas dengan menambahkan metode redirect ke halaman halaman sukses login pada pengkondisian sukses login atau pengkondisian ketika password input sama dengan password yang ada di database dan kemudian menambahkan session login yang kurang lebihnya seperti berikut

 <?php

session_start();

$dbhost="localhost";

$dbuser="root";

$dbpass="";

$dbname="pagelogin";

echo"<form method=\"POST\">

<table>

<tr>

<td>Username</td><td>:</td><td><input type=\"text\" name=\"usrname\">

</tr>

<tr>

<td>Password</td><td>:</td><td><input type=\"password\" name=\"pwd\">

</tr>

</table>

<input type=\"submit\" name=\"login\" value=\"login\">

</form>";

if(isset($_POST['login'])){

if($_POST['usrname']!=null){

$konek=mysqli_connect($dbhost,$dbuser,$dbpass,$dbname) or die ("Gagal menghubungkan ke mysql ".mysqli_connect_error());

$cek=mysqli_query($konek,"select * from user where usrname='$_POST[usrname]'")or die ("Gagal menghubungkan ke mysql ");

if(mysqli_num_rows($cek)>=1){

$tpl=mysqli_fetch_array($cek);

if($tpl['pwd']==$_POST['pwd']){

echo "anda berhasil login";

$_SESSION['login']="ya";

echo"<meta HTTP-EQUIV='REFRESH' content='0; url=home.php'>";

}else{

echo "Maaf username atau password salah";

}

}else{

echo "Maaf user ini tidak terdaftar dalam database kami";

}

}else{

echo "Isi form dengan benar";

}

}

?>

maka jika kode diatas kita jalankan, jika password salah atau tidak cocok maka akan menghasilkan output "Maaf username atau password salah" dan jika sukses maka akan menghasilkan output "anda berhasil login" dan kemudian akan di redirect atau dialihkan ke halaman sukses login atau home.php seperti contoh kode diatas yang tampak seperti berikut 

 

output form login php

output form login php success
dan ketika nanti sudah halaman sukses login sudah menghasilkan output "Anda sudah sukses login Logout" seperti tampak berikut maka page login yang sudah kita buat sudah sukses dan ketika nanti kita klik link Logout maka kita akan di alihkan ke halaman login dan jika kita akses lagi halaman sukses dan outputnya menghasilkan "Maaf anda belum login" maka sempurna sudah page login yang sudah kita buat.
output home.php login

jadi seperti itulah kurang lebihnya untuk membuat page login sederhana dengan php dan mysqli, dan kalian bisa bereksplorasi dengan imajinasi dan logikan kalian masing-masing nantinya. dan saya rasa cukup sekian dulu untuk tulisan kali ini tentang membuat page login dengan php dan mysqli ini, mudah-mudahan tulisan ini bisa mendatangkan manfaat bagi kita semua khususnya bagi saya pribadi Aamiiin. dan insya Allah kita lanjut di next tulisan.

salam sobat semua

#php #login #mysqli #pagelogin #sourcecode #code #web #websites

tags:
membuat login dan register dengan php dan mysqli
cara membuat loginphp sederhana
membuat halaman login dengan bootstrap
membuat notifikasi berhasil login di php
cara membuat database login di xampp
login multi user php mysqli
login php mysqli bootstrap

Komentar

Posting Komentar

Postingan populer dari blog ini

cara membuat redirect dengan header php

redirect adalah suatu pengalihan ke halaman lain dengan maksud dan tujuan tertentu. terkadang kita sering menemukan ketika di suatu applikasi web sesorang yang kemudian dengan automatis kita dialihkan ke halaman lain seperti contoh adf.ly atau  https://antarurl.blogspot.com/p/redirect-all-url.html?targeturl?baseurl=google,com yang mana kita akan secara automatis dilaihkan kepada suatu halaman. nah sebelum kita mencoba membuatnya seperti biasa izinkan diri ini terlebih dahulu untuk mengucapkan salam sobat semua Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah Allah berikan kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan ini. dan tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk baginda sayyidina Muhammad ibni Abdillah S.A.W. beserta keluarga dan para sahabatnya. Bismillahir rohmaanir rohiim,kali ini kita akan mencoba apa yang namanya redirect dengan header php. redirect sudah dijelaskan diatas juga b...
Posting Komentar
Baca selengkapnya

membuat perulangan bintang dengan php

pada kali ini kita mencoba bermain dengan pengasahan logika, setelah kita sebelumnya sudah pernah mencoba perulangan dalam tulisan PHP dasar 7 : 3 macam perulangan php . sekarang mari kita coba mengasah logika kita dengan membuat perulangan dalam bentuk bintang karena menurut saya logika nya ini sangat unik untuk dibuat. tapi seperti sebelumnya izinkan diri ini untuk terlebih dahulu untuk mengucapkan Salam sobat semua Alhamdulillahi robbil 'alamiiin atas segala nikmat yang telah Allah berikan kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan ini. tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk baginda Sayyidina Muhammad ibni Abdillah S.A.W. beserta keluarga dan para sahabatnya. Bismillahir rohmaanir rohiim, mari kali ini kita bersama-sama mencoba membuat perulangan dengan tulisan bintang dengan berbagai bentuk. untuk bentuk yang pertama kali adalah perulangan bentuk standard yaitu membuat perulangan dengan dengan...
Posting Komentar
Baca selengkapnya

bootstrap tutorial 5 : membuat dashboard admin bootstrap

Dan kali ini mari bersama kita mencoba untuk membuat layout atau template dashboard admin dengan bootstrap setelah sebelumnya kita sudah pernah mencoba membuat template simple admin dashboard dengan html,css dan jquery . karena page admin dashboard ini memang wajib untuk pembuat applikasi web kita nantinya. tapi seperti biasanya sebelum memulai percobaan kita untuk membuat simple template admin dashboard dengan bootstrap izinkan diri ini terlebih dahulu untuk mengucapkan Salam sobat semua Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah Allah berikan kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dengan kalian dalam tulisan ini. tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk junjungan Sayyidina Muhammad ibni Abdillah S.A.W. beserta keluarga dan para sahabatnya. Bismillahir rohmanir rohiim, kali ini mari kita bersama mencoba membuat dashboard admin template dengan bootstrap yang simple atau sederhana tapi elegan...
Posting Komentar
Baca selengkapnya

javascript dasar : cara menampilkan value checkbox javascript

sebelumnya kita sudah mencoba untuk check checkbox dan uncheck checkbox. sekarang kita bagaimana caranya mendapatkan nilai dari checkbox yang sudah kita check atau sudah kita pilih dan menampilkan nilai checkbox tersebut secara multiple checkbox ataupun tidak. namun seperti biasanya izinkan diri ini terlebih dahulu untuk mengucapkan Salam sobat semua Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah Allah berikan kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan. tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk junjungan baginda sayyidina Muhammad ibni Abdillah S.A.W. beserta keluarga dan sahabatny. Bismillahir rohmaanir rohiim, kali ini kita akan mencoba mengambil nilai checkbox dengan javascript dan menampilkan checkbox yang terpilih baik secara multiple checkbox ataupun tidak. karena setelah kita tahu untuk melakukan check select all checkbox kita wajib tahu bagaimana cara mendapatkan nilai checkbox ...
Posting Komentar
Baca selengkapnya

jquery dasar : cara menampilkan value checkbox jquery

untuk kesempatan kali ini kita akan mencoba mengambil nilai atau value checkbox versi jquerynya dan cara menampilkan nilai atau value checkbox versi jquerynya. seperti biasa izinkan diri ini terlebih dulu untuk mengucapkan  Salam sobat semua Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah Allah berikan kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan. tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk junjungan baginda sayyidina Muhammad ibni Abdillah S.A.W. beserta keluarga dan sahabatny. Bismillahir rohmaanir rohiim,setelah sebelumnya kita sudah mencoba mengambil nilai atau value checkbox javascript pada tulisan sebelumnya yaitu pada tulisan javascript dasar : cara menampilkan value checkbox javascript . kali ini kita akan mencoba yang versi jquerynya yaitu kita akan mencoba bagaimana caranya mengambil nilai checkbox dengan jquery dan cara menampilkan checkbox yang terpilih baik secara multiple check...
Posting Komentar
Baca selengkapnya

menampilkan enter textarea php

pada penulisan kita pada textarea jika langsung kita tampilkan terkadang atau bahkan enter yang kita buat pada textarea tidak akan tampil atau tidak work atau tidak berfungsi, karena pada html enter itu adalah tag br atau tag break seperti yang sudah kita coba pada penulisan sebelumnya disini https://notemazdopunk.blogspot.com/2021/05/belajar-html-part-3-mengenai-tag.html . jadi kali ini kita akan mencoba Text Area agar enter terbaca dengan PHP. tapi seperti sebelumny izinkan diri ini terlebih dahulu untuk mengucapkan Salam sobat semua Alhamdulillahi Robbil 'alamiin segala puji bagi Allah S.W.T. yang telah memberi nikmat kepada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi lagi dalam tulisan ini. tak lupa sholawat serta salam akan tetap terpanjat dan tercurahkan atas baginda Sayyidina Muhammad ibni Abdillah S.A.W. beserta kepada keluarga dan sahabat beliau. Bismillahir rohmaanir rohiim kali ini kita akan mencoba membuat enter textarea pada tampilan html atau php...
Posting Komentar
Baca selengkapnya