Membuat Login dan Register Sederhana dengan PHP dan MySQL.

-

Gudang Koding - Kali ini Gudang Koding akan memberikan Tutorial tentang membuat Sebuah Form Login dan Register sederhana Menggunakan PHP dan MySQL, lagi lagi saya tekankan jika anda masih dalam tahap belajar dalam pemograman PHP silahkan Baca Tutorial saya sebelumnya, tentang dasar dasar pemograman PHP. 
Spesifikasi Program dan Database : 
  1. Program dibuat menggunakan PHP Murni ( Native )
  2. Database Program Menggunakan MySQL.
  3. Tabel yang digunakan hanya 1 ( satu )
  4. CSS menggunakan Bootstrap Framework
  5. Implementasi Form dan Session pada PHP.
  6. File dari Tutorial bisa Anda Download.

Buat sebuah Database dengan nama simplelogin lalu buat Table "user" dengan detail sebagai berikut : 
- username : varchar : 50 : Primary Key 
- password: varchar : 100 : - 
- email: varchar : 50 : Unique 
- nama: varchar : 35: - 
Pastikan Urutannya Sama. 

CREATE TABLE  `simplelogin`.`user` (
`username` VARCHAR( 50 ) NOT NULL ,
`password` VARCHAR( 100 ) NOT NULL ,
`email` VARCHAR( 50 ) NOT NULL ,
`nama` VARCHAR( 50 ) NOT NULL
) ENGINE = MYISAM

Lalu buat struktur Folder seperti gambar dibawah : 
Buat File File yang dibutuhkan Seperti gambar diatas. 
Download Bootstrap Framework disini. Pilih Download Bootstrap 
Jika sudah di download, Extract File Bootstrap, lalu buka folder bootstrap-3.x.x-dist copykan Folder dibawah ini . 

Paste seluruh Folder yang sudah didownload Kedalam Folder Bootstrap yang ada di project / HTDOCS kita 
Masuk ke Folder config di Project Folder kita. 
Lalu buat sebuah File dengan nama koneksi.php, isi dengan kodingan Berikut : 
 <?php
$koneksi = mysql_connect("localhost", "root", "") or die ("Koneksi Gagal");
if(!$koneksi) {
  echo "Gagal Koneksi";
}else {
  mysql_select_db("simplelogin");
}
 <?

Sekarang buka File index.php buat Form login dengan Koding seperti dibawah. 
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
  1. <html>
  2. <head>
  3.   <title> GudangKoding - Simple Login and Register with PHP </title>
  4.   <link rel="stylesheet" href="bootstrap/css/bootstrap.css" />
  5.   <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
  6.   <script language="text/javascript" src="bootstrap/js/bootstrap.js"></script>
  7.   <script language="text/javascript" src="bootstrap/js/bootstrap..min.js"></script>
  8. </head>
  9. <body style="background-color: gray">
  10.   <div class="row">
  11. <div class="container">
  12.   <div class="row">
  13.     <div align="center">
  14.       <h1> GUDANG KODING </h1>
  15.       <a href="http://www.gudang-koding.ga/" target="_blank"> www.gudang-koding.ga </a> <br>
  16.       Kumpulan Tutorial Programming <hr>
  17.       <div class="panel panel-success" style="width: 50%; margin-top: 50px">
  18.         <div class="panel-heading">
  19.           Login Form
  20.         </div>
  21.         <div class="panel-body">
  22.           <div align="left">
  23.           <form action="validasi.php" method="POST">
  24.           <div class="form-group">
  25.             <label for="username">Username :</label>
  26.             <input type="text" name="username" class="form-control" id="username"required>
  27.           </div>
  28.           <div class="form-group">
  29.             <label for="password">Password:</label>
  30.             <input type="password" name="password" class="form-control"id="password" required>
  31.           </div>
  32.           <button type="submit" class="btn btn-default">Login</button>
  33.           <center>
  34.             Belum Punya Akun ? Register <a href="register.php">disini</a>.
  35.           </center>
  36.         </form>
  37.       </div>
  38.         </div>
  39.       </div>
  40.   </div>
  41.   </div>
  42. </div>
  43. </div>
  44. </body>
  45. </html>

Silahkan Running Program Anda, maka akan Terlihat Seperti ini : 

Sekarang buat file validasi.php untuk menangkap file dari Form dan menjalankan Query SQL. 
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
  1. <?php
  2. //Mengambil File Koneksi Database.
  3. include 'config/koneksi.php';
  4. session_start();
  5. //Ambil Data dari FORM
  6. $username = $_POST["username"];
  7. $password = md5($_POST["password"]);
  8. //Untuk Mencegah SQL Injection
  9. mysql_escape_string($username);
  10. mysql_escape_string($password);
  11. //Query SELECT dari DB
  12. $query = "SELECT * FROM user WHERE username= '$username' AND password = '$password'";
  13. $hasil = mysql_query($query);
  14. if(mysql_num_rows($hasil) >= 1) {
  15.   while($data=mysql_fetch_array($hasil)) {
  16.     $_SESSION["username"] = $data["username"];
  17.     $_SESSION["nama"] = $data["nama"];
  18.     $_SESSION["email"] = $data["email"];
  19.   }
  20.   header('Location: home.php');
  21. }else {
  22.   header('Location: index.php?status=gagal ');
  23. }
  24. ?>

Sekarang silahkan Anda coba isikan Field username dan password, lalu Login. 
Sekarang Kita buat File File Pendukung Lainnya : 
register.php 
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
  1. <html>
  2. <head>
  3.   <title> GudangKoding - Simple Login and Register with PHP </title>
  4.   <link rel="stylesheet" href="bootstrap/css/bootstrap.css" />
  5.   <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
  6.   <script language="text/javascript" src="bootstrap/js/bootstrap.js"></script>
  7.   <script language="text/javascript" src="bootstrap/js/bootstrap..min.js"></script>
  8. </head>
  9. <body style="background-color: gray">
  10.   <div class="row">
  11. <div class="container">
  12.   <div class="row">
  13.     <div align="center">
  14.       <h1> GUDANG KODING </h1>
  15.       <a href="http://www.gudang-koding.ga/" target="_blank"> www.gudang-koding.ga </a> <br>
  16.       Kumpulan Tutorial Programming <hr>
  17.       <div class="panel panel-success" style="width: 50%; margin-top: 50px">
  18.         <div class="panel-heading">
  19.           Register Form
  20.         </div>
  21.         <div class="panel-body">
  22.           <div align="left">
  23.           <form action="proses.php" method="POST">
  24.           <div class="form-group">
  25.             <label for="username">Username :</label>
  26.             <input type="text" name="username" class="form-control" id="username"required>
  27.           </div>
  28.           <div class="form-group">
  29.             <label for="password">Password:</label>
  30.             <input type="password" name="password" class="form-control"id="password" required>
  31.           </div>
  32.           <div class="form-group">
  33.             <label for="email">Email :</label>
  34.             <input type="email" name="email" class="form-control" id="email"required>
  35.           </div>
  36.           <div class="form-group">
  37.             <label for="nama">Nama :</label>
  38.             <input type="text" name="nama" class="form-control" id="nama"required>
  39.           </div>
  40.             <center>
  41.           <button type="submit" class="btn btn-default">Register</button> <br><br>
  42.             Sudah Punya Akun ? Login <a href="index.php">disini</a>.
  43.           </center>
  44.         </form>
  45.       </div>
  46.         </div>
  47.       </div>
  48.   </div>
  49.   </div>
  50. </div>
  51. </div>
  52. </body>
  53. </html>

proses.php 
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
  1. <?php
  2. //Mengambil File Koneksi Database.
  3. include 'config/koneksi.php';
  4. //Ambil Data dari FORM
  5. $username = $_POST["username"];
  6. $password = md5($_POST["password"]);
  7. $email = $_POST["email"];
  8. $nama = $_POST["nama"];
  9. //Query INSERT ke DB
  10. $query = "INSERT INTO user VALUES ('$username', '$password', '$email', '$nama')";
  11. $hasil = mysql_query($query);
  12. if($hasil) {
  13.   header("Location: index.php?status=success");
  14. }else {
  15.   header("Location: index.php?status=failed");
  16. }
  17. ?>

home.php 
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
  1. <?php
  2. session_start();
  3. if(!isset($_SESSION["username"])) {
  4. header("Location: index.php?status=login");
  5. }
  6. $username = $_SESSION["username"];
  7. $nama = $_SESSION["nama"];
  8. $email = $_SESSION["email"];
  9. ?>
  10. <html>
  11. <head>
  12.   <title> GudangKoding - Simple Login and Register with PHP </title>
  13.   <link rel="stylesheet" href="bootstrap/css/bootstrap.css" />
  14.   <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
  15.   <script language="text/javascript" src="bootstrap/js/bootstrap.js"></script>
  16.   <script language="text/javascript" src="bootstrap/js/bootstrap..min.js"></script>
  17.   <style>
  18.     #loginbox: {
  19.       position: absolute;
  20.       left: 0;
  21.       top: 50%;
  22.       width: 50%%;
  23.       text-align: center;
  24.       font-size: 18px;
  25.     }
  26.   </style>
  27. </head>
  28. <body style="background-color: gray">
  29. <div class="container">
  30.   <br>
  31.   <div align="center">
  32.     <div class="panel panel-success" style="width: 50%; margin-top: 100px">
  33.       <div class="panel-heading">
  34.           <h3> Selamat Datang User <?php echo $nama ?> </h3>
  35.       </div>
  36.       <div class="panel-body">
  37.         <div align="left">
  38.           <div align="left">
  39.          Data Diri Anda : <br>
  40.           Nama : <?php echo $nama ?> <br>
  41.           Email : <?php echo $email ?> <br>
  42.           Username : <?php echo $username ?> <br>
  43.           <hr>
  44.           <center>
  45.             <a href="logout.php">
  46.               <button class="btn btn-danger"> Logout </button>
  47.           </center>
  48.     </div>
  49.       </div>
  50.     </div>
  52.    </div>
  53.   </div>
  54. </div>
  55. </body>
  56. </html>

logout.php 
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
  1. <?php
  2. session_start();
  3. $_SESSIOn["username"] = "";
  4. $_SESSIOn["email"] = "";
  5. $_SESSIOn["nama"] = "";
  6. session_destroy();
  7. header('Location: index.php?status=logout')
  8. ?>

Silahkan Jalankan Keseluruhan Fungsi Login, Register dan Logout nya. 
Masih Error ? 
Silakan Download Source Code dibawah : 
Password Rar : www.gudang-koding.ga 

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat File Setup / Installer Aplikasi Sendiri dengan Inno Setup Compiler

-
Gambar
Pernahkah anda bertanya-tanya bagaimana caranya membuat file setup / installer / installan aplikasi sendiri dalam berbentuk .exe ? kemungkinan anda akan menemukan hal ini ketika akan menginstall sebuah aplikasi dan anda diharuskan untuk mengklik  next-next  dan  next  agar aplikasi tersebut terinstall. Namun, ketika anda membuat sebuah aplikasi menggunakan Visual Studio (misalnya) semua isi file tersebut akan berantakan dan pada waktu inilah anda perlu sebuah aplikasi untuk merapihkan file-file yang berantakan tersebut menjadi satu  package installer  sehingga pengguna yang akan menginstall aplikasi anda pun tidak akan kebingungan. Adapun nama aplikasinya adalah Inno Setup Compiler. Inno Setup  adalah sebuah perangkat lunak instalasi bebas berbasis skrip yang ditulis menggunakan Embarcadero Delphi oleh Jordan Russel. Versi pertama perangkat lunak ini dirilis tahun 1997. Aplikasi ini memudahkan para programmer untuk menyatukan beberapa file p...
Baca selengkapnya
-
Gambar
Membuat Login dan Register Sederhana dengan PHP dan MySQL. fyan_bluffy Gudang Koding  - Kali ini Gudang Koding akan memberikan Tutorial tentang membuat Sebuah Form Login dan Register sederhana Menggunakan PHP dan MySQL, lagi lagi saya tekankan jika anda masih dalam tahap belajar dalam pemograman PHP silahkan Baca Tutorial saya sebelumnya, tentang dasar dasar pemograman PHP.  Spesifikasi Program dan Database :  Program dibuat menggunakan PHP Murni ( Native ) Database Program Menggunakan MySQL. Tabel yang digunakan hanya 1 ( satu ) CSS menggunakan Bootstrap Framework Implementasi Form dan Session pada PHP. File dari Tutorial bisa Anda Download. Buat sebuah Database dengan nama  simplelogin  lalu buat Table " user " dengan detail sebagai berikut :  - username : varchar : 50 : Primary Key  - password: varchar : 100 : -  - email: varchar : 50 : Unique  - nama: varchar : 35: -  Pastikan Urutannya Sama.  Lalu buat str...
Baca selengkapnya

DLC Boot 2023 ISO V4.3 WinPE Windows 10-11 x86-x64 The Latest Update

-
Gambar
  DLC Boot 2023 ISO V4.3 WinPE Windows 10-11 x86-x64 The Latest Update Download ISO [Ventoy] File  (7.4GB) : No Virus Detect by KAV  MD5: 4A93CC9D8698693877FBD1B5F01BB7CF Google Drive   https://drive.usercontent.google.com/download?id=15AMtqY86ebe7WCKYwjVazk7cXIk1rcrH&export=download&authuser=0 Mediafire   https://www.mediafire.com/file/obo8b062yfwgxfw/DLC_Boot_2023_Free.iso/file DLC Boot [-Since: 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023-] is a comprehensive and portable troubleshooting utility  that can help Windows users to easily discover the reasons for their system instability or various other issues. Bundled inside a single portable and bootable package, DLC Boot hosts a wide variety of apps and services that can be used not only to check the integrity of various software packages and hardware elements on your home PC or laptop but also provide fully bootable Windows environment that can help you gain access to your inaccessible ...
Baca selengkapnya