Aplikasi Sistem Login Sederhana Dengan PHP & MySQLi

4/17/2021 Aplikasi Sistem Login Sederhana dengan PHP & MySQLi | Rully Studio
Rully Studio
Tutorial dan Source Code Web Aplikasi
PHP
HOME TEMPLATE SOURCE CODE MENU 3 Search... Go
Home » Aplikasi PHP » Download » Aplikasi Sistem Login Sederhana dengan PHP & MySQLi POPULAR
10
BY RULLY SATURDAY, TweetAPLIKASIShare
10 MAY 26, 2018 PHP DOWNLOAD Membuat
Suka Bagikan notifikasi data
Aplikasi Sistem Login Sederhana dengan PHP & MySQLi tersimpan
dengan PHP &
MySQLi
Notifikasi Data Tersimpan Membuat
notifikasi data tersimpan dengan
PHP & MySQLi | Sering kita temui
saat input data dan ketika da...
Membuat
Format Rupiah
Otomatis Pada
form input
Format Rupiah otomatis Membuat
Format Rupiah Otomatis Pada form
input | Fitur ini biasa di terapkan
pada aplikasi pembayaran, kasir, ...
Aplikasi
Tabungan
Siswa Dengan
PHP dan
MySQLi
Aplikasi Tabungan Siswa Aplikasi
Tabungan Siswa Dengan PHP dan
MySQLi | Kadang sebagai seorang
Aplikasi sistem login sederhana pekerja pada instansi, lembaga baik
...
Aplikasi CRUD
Aplikasi Sistem Login Sederhana dengan PHP & MySQLi | Setelah mempelajari cara Sederhana
input data, tampil data, edit dan hapus data, sekarang kita akan membuat Aplikasi Menggunakan
Sistem Login Sederhana dengan PHP & MySQLi.. Ajax Jquery &
Modal Bootstrap
Aplikasi CRUD Sederhana
Sistem login ini sangat penting, karena dalam setiap aplikasi selalu ada halaman Menggunakan Ajax Jquery & Modal
tertentu yang tidak boleh di akses oleh setiap user, Nah.. untuk membatasi hak akses Bootstrap Aplikasi CRUD
Sederhana Menggunakan Ajax
inilah kita membutuhkan sistem login, di mana yang memiliki user dan password yang di Jquery & Modal Bo...
setujui saja yang boleh mengakses halaman tersebut.
Aplikasi Upload
Baiklah.. Mari kita coba terapkan pada aplikasi yang akan kita buat.. Foto Sederhana
Menggunakan
PHP & MySQLi
Pertama.. siapkan query database di bawah ini.. Aplikasi Upload Foto Sederhana
Aplikasi Upload Foto Sederhana
Menggunakan PHP & MySQLi |
Hampir setiap aplikasi yang kita
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
temui s...
1. CREATE TABLE IF NOT EXISTS ùser` (

Aplikasi Sistem
2. ìd_user` int(50) NOT NULL AUTO_INCREMENT, Login
3. ùsername` text COLLATE latin1_general_ci NOT NULL,
Sederhana
dengan PHP &
4. `password` text COLLATE latin1_general_ci NOT NULL, MySQLi
5. PRIMARY KEY (ìd_user`) Aplikasi sistem login sederhana
Aplikasi Sistem Login Sederhana
6. ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci dengan PHP & MySQLi | Setelah
mempelajari cara input data,
AUTO_INCREMENT=100001 ; tampil...
rully-studio.blogspot.com/2018/05/aplikasi-sistem-login-sederhana-dengan.html 1/13
CRUD
Sederhana
Lalu buat file koneksi.php dan masukkan script di bawah ini.. dengan PHP &
MySQLi
Aplikasi CRUD Sederhana dengan
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL php & mysqli CRUD Sederhana
dengan PHP & MySQLi | CRUD
adalah istilah singkat dari Create
1. <?php Rea...
2. $koneksi = mysqli_connect
Download
3. (
Source Code
4. "localhost", ERP - Softwere
5. "root",
Penting
Perusahaan
6. "", Download Source Code ERP -
Softwere Penting Perusahaan |
7. "crud" Sebelum menggunakan Softwere
8. ); ERP berbasis PHP & MySQL ini,
alangkah baikny...
9. if (mysqli_connect_errno())
10. {
Membuat Modal
Select Option
11. echo "Koneksi Gagal" Menggunakan
12. .mysqli_connect_error(); Jquery dan
Bootstrap
13. }
Modal Select Option Membuat
14. ?> Modal Select Option Menggunakan
Jquery dan Bootstrap | Fungsinya
hampir sama dengan select option
seperti...
Selanjutnya kita buat halaman utama, di halaman utama ini kita akan membuat fungsi Membuat Data
logika hanya yang sudah login saja yang boleh mengakses halaman ini, jika belum login Table Dengan
makan akan di redirect ke halaman login.. Bootstrap 4
DataTable Bootstrap 4
Membuat Data Table
sekarang buat halaman utama beri nama index.php, dan masukkan script di bawah ini.. Dengan Bootstrap 4 | Salah satu
fitur yang wajib di sediakan sebuah
aplikasi tidak hanya mena...
ARSIP BLOG
1. <?php
2. August (2)
3. session_start(); July (3)
4. June (1)
5. if (empty($_SESSION['username'])){ May (9)
6.
CATEGORIES
7. header('location:login.php');
8. } Admin
9. else Aplikasi PHP
10. { Bootstrap
11. ?> Download
12. <!DOCTYPE html> Front
13. <html> Source Code
14. <head>
Template
15. <title>CRUD Modal Bootstrap</title>
Tutorial
16. <link rel="stylesheet" type="text/css"
href="style/bootstrap.css"> ADVERTISEMENT
17. </head>
18. <body>
19.
20.
21. <div class="container" style="margin-top:8%">
22. <div class="row">

23. <div class="col-md-4 col-md-offset-4">
24. <p>
25. <center>
26. <h2>Sistem Login Sederhana</h2>
27. Oleh : <a
href="https://www.facebook.com.pendeta.mokong"
target="_blank">Rully Studio</a> TENTANG SAYA
28.
29. </center>
30. </p>
31. <br>
32. <div class="login-panel panel panel-default">
33. <div class="panel-body">
34. Selamat Datang <?php echo
$_SESSION['username'] ; ?>
Rully Studio
35. <p>
Tutorial dan Source Code
36. Ini adalah halaman Rahasia..
Aplikasi PHP.
37. </p>
38. <a class="btn btn-link pull-right"
href="logout.php">Logout</a>
39. </div>
40. </div>
41. </div>
42. </div>
43. <p style="margin-top:5%;">
44. <center>Copyright @ 2018 by : <a
target="_blank">Rully Studio</a> All rights reserved.</center>
45. </p>
46. </div>
47. <script type="text/javascript" src="style/jquery.js"></script>
48. <script type="text/javascript" src="style/bootstrap.js">
</script>
49. <script type="text/javascript" src="script.js"></script>
50. </body>
51. </html>
52.
53. <?php
54. }
55. ?>
Ketika user belum login maka akan di redirect ke halaman login, jadi kita sediakan
halaman loginnya, buat file baru dengan nama login.php lalu masukkan script di bawah
ini..
1. <?php
2. session_start();
3. ?>
4. <!DOCTYPE html>
5. <html>
6. <head>
7. <title>CRUD Modal Bootstrap</title>
href="style/bootstrap.css">
9. </head>
10. <body>
11.
12.
16. <p>
17. <center>
19. Oleh : <a
target="_blank">Rully Studio</a>
20. </center>
21. </p>
22. <br>
23. <div class="login-panel panel panel-default">
24. <div class="panel-heading">
25. <h3 class="panel-title">Silahkan
Login</h3>
26. </div>
27. <div class="panel-body">
28. <form role="form" method="post"
action="autentifikasi.php">
29. <fieldset>
30. <div class="form-group">
31. <input class="form-control"
placeholder="Username" name="username" type="text" autofocus>
32. </div>
34. <input class="form-control"
placeholder="Password" name="password" type="password" value="">
35. </div>
36. <button type="submit" class="btn
btn-lg btn-success btn-block">Submit</button>
37. <div class="checkbox">
38. <label>
39. Belum punya akun..? <a
href="daftar.php">Daftar</a>
40. </label>
41. </div>
42. </fieldset>
43. </form>
44. </div>
45. </div>
46. </div>
47. </div>
49. <?php
50. if (isset($_SESSION['pesan']) && $_SESSION['pesan'] <>
'') {
51. echo '<div id="pesan" class="alert alert-
danger">'.$_SESSION['pesan'].'</div>';
52. }
53. $_SESSION['pesan'] = '';
54. ?>
55. </div>
56. <br>
59. </p>
60. </div>
62. <script>
63. $(document).ready(function(){setTimeout(function()
{$("#pesan").fadeIn('slow');}, 500);});
64. setTimeout(function(){$("#pesan").fadeOut('slow');},
3000);
65. </script>
66. </body>
67. </html>
lalu cek di browser hasilnya akan seperti ini..
Halaman Login
Ketika data login di submit kita butuh action yang mengecek apakah user ter daftar atau
tidak, jika tidak di halaman login sudah di sediakan link daftar untuk pendaftaran user
baru, ketika link daftar di klik maka akan di redirect ke halaman registrasi user..
Disini kita akan menambahkan halaman registrasi user, buat lah file daftar.php lalu
masukkan script di bawah ini..
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>Rully Studio | Sistem login sederhana</title>
href="style/bootstrap.css">
6. </head>
7. <body>
8.
9.
13. <p>
14. <center>
16. Oleh : <a
target="_blank">Rully Studio</a>
17. </center>
18. </p>
19. <br>
20.
21. <form class="form-horizontal" action="input.php"
method="post">
22. <div class="box-body">

24. <label for="inputEmail3" class="col-sm-3
control-label">Username</label>
25.
26. <div class="col-sm-9">
27. <input type="text" name="username"
class="form-control" placeholder="Username" autofocus>
28. </div>
29. </div>
31. <label for="inputPassword3" class="col-sm-
3 control-label">Password</label>
32.
33. <div class="col-sm-9">
34. <input type="password" name="password"
class="form-control" id="inputPassword3" placeholder="Password">
35. </div>
36. </div>
37. </div>
38. <div class="box-footer">
39. <button type="submit" class="btn btn-primary
pull-right">Daftar</button>
40. </div>
42. <div class="col-sm-offset-0 col-sm-12">
43. <div class="checkbox">
44.
45. <p>
46. Sudah punya akun..? <a
href="login.php">Login</a>
47. </p>
48.
49. </div>
50. </div>
51. </div>
52. </form>
53. </div>
54. </div>
57. </p>
58. </div>
60. <script type="text/javascript" src="style/bootstrap.js">
</script>
61. <script type="text/javascript" src="script.js"></script>
62. </body>
63. </html>
Simpan dan cek di browser, hasilnya kurang lebih seperti di bawah ini..
Form Registrasi user
setelah form user tersedia, buat file baru dengan nama input.php dan masukkan script
di bawah ini..
1. <?php
2. include"koneksi.php";
3.
4. $username = $_POST['username'];
5. $password = $_POST['password'];
6.
7. $query = "insert INTO user SET
8. username = '$username',
9. password = '$password'
10. ";
11.
12. mysqli_query($koneksi, $query)
13. or die ("Gagal Perintah SQL".mysql_error());
15.
16. ?>
Setelah registrasi user berhasil akan di redirect ke halaman login, saat user input data
login berupa user dan password maka data tersebut akan di cek apakah user dan
password terdaftar di database atau tidak, nah untuk bisa mengecek data tersebut kita
buat file autentifikasi.php dan masukkaan script di bawah ini..
1.
2. <?php
3. session_start();
4. include 'koneksi.php';
5. $username = $_POST['username'];
6. $password = $_POST['password'];
7. if($username == '')
8. {
9. $_SESSION['pesan'] = 'Login Gagal.. User & Password Salah..';
11. }
12. else if ($password == '')
13. {
14. $_SESSION['pesan'] = 'Login Gagal.. User & Password Salah..';
16. }
17. else
18. {
19. $data = mysqli_query($koneksi,"select * from user where
username='$username' and password='$password'");
20. $cek = mysqli_num_rows($data);
21. if($cek > 0){
22. $_SESSION['username'] = $username;
23. $_SESSION['status'] = "login";
24. header('location:index.php');
25.
26. }
27. else
28. {
29.
30. $_SESSION['pesan'] = 'Login Gagal.. User &
Password Salah..';
32.
33. }
34. }
35. ?>
Sekarang cobalah untuk login, jika Username dan Password login tidak sama dengan
Username dan Password saat registrasi maka akan ada pemberitahuan Login Gagal
seperti ini..
Pemberitahuan Login Gagal
Sebaliknya jika Username dan Password login sama maka login sukses dan akan di
redirect ke halaman khusus, atau halaman utama yang di rahasiakan dalam hal ini
adalah halaman index.php
Halaman khusus/Rahasia
Nah.. berhasil masuk deh, tapi setelah login kita akan menyediakan sistem logout agar
session Username dan Password berakhir, nah kita buat file logout.php dan masukkan
script berikut..
1. <?php
2. session_start();
3.
4. session_destroy();
5.
6. header("location:index.php");
7. ?>
Setelah logout, tentu saja akan di redirect lagi ke halaman login..
Form Login
Untuk melihat hasil pembuatan Aplikasi Sistem Login Sederhana dengan PHP &
MySQLi bisa di coba langsung melalui link Demo di bawah, dan Source Code
Lengkapnya Juga sudah saya sertakan melalui Link Download di bawah ini..
Demo | Download
Semoga Bermanfaat Yah..
Baca juga :
CRUD Sederhana dengan PHP & MySQLi
Aplikasi CRUD Sederhana Menggunakan Ajax Jquery & Modal Bootstrap
RELATED POSTS :
CRUD Sederhana dengan PHP & MySQLi
Aplikasi CRUD Sederhana dengan php & mysqli CRUD Sederhana dengan PHP &
MySQLi | CRUD adalah i… Read More...
Aplikasi Tabungan Siswa Dengan PHP dan MySQLi

Aplikasi Tabungan Siswa Aplikasi Tabungan Siswa Dengan PHP dan MySQLi | Kadang
sebagai seoran… Read More...
Aplikasi Sistem Login Sederhana dengan PHP & MySQLi

Aplikasi sistem login sederhana Aplikasi Sistem Login Sederhana dengan PHP & MySQLi | Setelah
m… Read More...
Membuat Tombol Cantik Menggunakan Bootstrap

Komponen Button Bootstrap Membuat Tombol Cantik Menggunakan Bootstrap |
Apapun jenis project ap… Read More...
Membuat notifikasi data tersimpan dengan PHP & MySQLi

Notifikasi Data Tersimpan Membuat notifikasi data tersimpan dengan PHP & MySQLi |
Sering kita t… Read More...
0 komentar Urut Berdasarkan Paling Lam
Tambahkan Komentar...
Plugin Komentar Facebook
3 Responses to "Aplikasi Sistem Login Sederhana dengan PHP & MySQLi"
athoul June 1, 2019 at 12:30 AM
terimakasih gan sangat membantu
muwafiq
Reply
Shikamaru Nara July 30, 2019 at 11:55 PM
infonya sangat bermanfaat bagi ane

solder uap
Reply
Idha September 2, 2019 at 11:57 PM
edit usernya belum ada gan ?
Reply
Enter your comment...
Comment as: Google Accoun
Publish Preview
NEWER POST HOME OLDER POST
Copyright 2016 Rully Studio Design by Mas Sugeng -

Aplikasi Sistem Login Sederhana Dengan PHP & MySQLi - Rully Studio

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Aplikasi Sistem Login Sederhana Dengan PHP & MySQLi - Rully Studio

Diunggah oleh

Hak Cipta:

Format Tersedia

4/17/2021 Aplikasi Sistem Login Sederhana dengan PHP & MySQLi | Rully Studio

HOME TEMPLATE SOURCE CODE MENU 3 Search... Go

1. CREATE TABLE IF NOT EXISTS `user` (

22. <div class="row">

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

lalu cek di browser hasilnya akan seperti ini..

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

22. <div class="box-body">

Form Registrasi user

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

buat file autentifikasi.php dan masukkaan script di bawah ini..

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

Pemberitahuan Login Gagal

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

Setelah logout, tentu saja akan di redirect lagi ke halaman login..

Semoga Bermanfaat Yah..

Aplikasi Tabungan Siswa Dengan PHP dan MySQLi

Membuat Tombol Cantik Menggunakan Bootstrap

Membuat notifikasi data tersimpan dengan PHP & MySQLi

0 komentar Urut Berdasarkan Paling Lam

Plugin Komentar Facebook

3 Responses to "Aplikasi Sistem Login Sederhana dengan PHP & MySQLi"

athoul June 1, 2019 at 12:30 AM

terimakasih gan sangat membantu

Shikamaru Nara July 30, 2019 at 11:55 PM

infonya sangat bermanfaat bagi ane

Idha September 2, 2019 at 11:57 PM

edit usernya belum ada gan ?

Enter your comment...

Comment as: Google Accoun

NEWER POST HOME OLDER POST

Copyright 2016 Rully Studio Design by Mas Sugeng -

Anda mungkin juga menyukai