membuat page login dengan php mysqli Skip to main content

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
Labels:

Comments

Post a Comment

Popular posts from this blog

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...
Post a Comment
Read more

bootstrap tutorial 3 : membuat sidebar bootstrap responsive sederhana

setelah sebelumnya kita sudah mencoba membuat header responisve bootstrap, pada kesempatan kali ini mari kita bersama mencoba untuk membuat sidebar Sederhana dengan Bootstrap dan tentunya juga sidebar yang responsive sehingga nantinya akan terbentuk suatu website yang responsive. sidebar dalam website biasanya dibuat maksimal 3 sidebar yaitu sidebar kiri tengah dan kanan atau istilah lainnya yaitu 3 column. tapi sekarang kita mencoba untuk membuat yang dua column saja karena saya lebih suka yang simple dan intinya tidak terlalu banyak koding, karena capek untuk mengetik kodingnya hehehehe. seperti biasa sebelum kita mencoba cara membuat sidebar dengan bootstrap seperti biasa izinkan diri ini untuk memngucapkan Salam Sobat semua Alhamdulillahi robbil 'alamiiin atas segala nikmat yang telah Allah berikan kepada ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan ini dengan kalian. tak lupa sholawat serta salamku akan tetap terpanjat dan tercurahkan hanya untuk ...
Post a Comment
Read more

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...
Post a Comment
Read more

source code sistem informasi pemesanan

sudah lama tidak update tulisan di blog ini di karenakan kesibukan di dunia nyata yang memaksa harus tidak menulis. sebenarnya banyak sekali yang yang ingin share dalam tulisan blog ini. salah satunya yaitu aplikasi - aplikasi buatan saya sendiri yang insya Allah saya share dengan source codenya untuk bahan pembelajaran yang diantaranya ada source code program kasir, source code absensi siswa, source code toko online atau source code pasar online dan lainnya yang pernah saya buat. mungkin dengan bantuan doa dari kalian bisa untuk menuliskan semua apa yang saya punya dan apa yang saya ingin bagikan dalam tulisan ini bisa tertulis dan tersimpan semua disini. pada kali ini saya ingin mendemokan sebuah aplikasi sistem informasi pemesanan berbasis web. namun sistem aplikasi kali ini lbih cenderung kepada pemesanan usaha percetakan. namun applikasi ini saya buat untuk global. sehingga bisa diapplikasikan dalam usaha apapun yang ada proses pemesanannnya. seperti biasa sebelum kita mulai izink...
1 comment
Read more

Belajar HTML dasar-3,mengenal dan mencoba tag paragrap dan break

Segala puji bagi Allah yang masih memberikan kepada kita kesempatan untuk saling bermaafan. Dan di waktu yang istimewa ini saya ingin mengucapkan Selamat Hari raya Idul Fitri 1442 Hijriah, Mohon Maaf lahir dan batin.  pada kesempatan kali ini kita akan mencoba suatu tag yang bernama tag paragrap dan tag break di mana kedua tag ini sama sama fungsinya untuk membuat baris baru. namun ada beberapa perbedaan di antara kedua tag tersebut. oke langsung saja kita lihat apa saja perbedaan dari keduanya - buka file html yang kemaren sudah di download, kemudian copy paste pada new tab notepad++ nya. atau langsung saja copy paste berikut <html> <head> <title>Website Pertama</title> </head> <body> </body> </html> - setelah itu save dan beri nama terserah kalian. dan jangan lupa save dengan ekstensi .html. - di antara tag <body> kita sisipkan atau kita kasih tag <p> yang artinya paragraph seperti berikut <html...
Post a Comment
Read more

fungsi terbilang dengan javascript

setelah sebelumnya kita sudah pernah mencoba fungsi terbilang dengan php. pada kali ini mari kita bersama mencoba untuk membuat fungsi terbilang dengan javascript. dan untuk fungsi terbilang kali ini kita adopsi saja kode fungsi terbilang dari php yang sudah sebelumnya kita coba. 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 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, kali ini kita akan mencoba fungsi terbilang versi javascriptnya, dan untuk alur algoritmanya kita adopsi saja dari kode php yang sebelumnya pada tulisan fungsi terbilang dengan php . langsung saja kita ke dalam penerapan kode javascriptnya. seperti biasa kita tulis dulu untuk i...
Post a Comment
Read more

cara membuat simple admin dashboard html css

Dalam website atau applikasi berbasis web ada yang sering saya juga kadang harus dan wajib membuatnya yaitu page admin dashboard. Apa itu page admin dashboar html?page admin dashboard html itu tempat melakukan proses pengolahan data server yang dilakukan oleh seorang admin ataupun staff menurut masing-masing level akun. Dan kali ini kita akan mencoba untuk membuat simple admin dashboard html css javascript. Tapi seperti biasa sebelum kita mulai izinkan diri ini 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, 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, setelah kita mencoba beberapa hal dalam kode html,css dan javascript. Mari kita bersama kali ini kita latih seidk...
Post a Comment
Read more