Kelanjutan dari postingan sebelumnya kali ini pembuatan masuk dan daftar, dan juga keluar.

Struktur file

Diatas merupakan struktur file, untuk bootstrap5 kalian bisa download lalu letakan di folder yang sama dengan nama folder ‘bs5’. 

<?php session_start();
 
if(isset($_SESSION['akses'])){
  header('location: index.php');
}

?>

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="device-width=weight, initial-scale=1.0">
    <link rel="stylesheet" href="bs5/css/bootstrap.min.css">
    <title>
      Masuk
    </title>
  </head>
  <body>
    
    <div class="row justify-content-center">
      <div class="col-md-4 mt-2">
        <div class="card border-0 shadow-sm">
          <div class="card-body">
            <form method="post" action="login_process.php" enctype="multipart/form-data">
              <div class="form-group">
                <input type="text" class="mb-2 form-control" name="username" placeholder="Username" required>
                <input type="password" class="mb-2 form-control" name="password" placeholder="Password" required>
                <button style="width:100%;" type="submit" class="btn btn-block text-white bg-info">
                  Masuk
                </button>
              </div>
            </form>
            <br>
            <?php 
            
              if(isset($_SESSION['error'])){
                ?>
                  <p class="text-center text-white bg-danger rounded p-2">
                    <?php echo $_SESSION['error']; unset($_SESSION['error']);?>
                  </p>
                <?php
              }
              if(isset($_SESSION['success'])){
                   ?>
                   <p class="text-center text-white bg-success rounded p-2">
                     <?php echo $_SESSION['success'];unset($_SESSION['success']);?>
                   </p>
                   <?php
                 }
            
            ?>
            <br>
            <p class="text-center">
              Belum punya akun ? <a style="text-decoration:none;" href="signup.php">Daftar</a>.
            </p>
          </div>
        </div>
      </div>
    </div>
    
    < script type="text/javascript" src="bs5/js/bootstrap.min.js"></script>
  </body>
</html>

Simpan script diatas dengan nama ‘login.php’.

login.php
<?php session_start();

 if(isset($_SESSION['akses'])){
   header('location: index.php');
 }
 
 ?>
 
 <!DOCTYPE html>
 <html>
   <head>
     <meta name="viewport" content="device-width=weight, initial-scale=1.0">
     <link rel="stylesheet" href="bs5/css/bootstrap.min.css">
     <title>
       Daftar
     </title>
   </head>
   <body>
     
     <div class="row justify-content-center">
       <div class="col-md-4">
         <div class="container">
           <div class="card shadow-sm border-0">
             <div class="card-body">
               <div class="form-group">
                 <form method="post" action="signup_process.php" enctype="multipart/form-data">
                   <input type="text" name="name" placeholder="Nama" class="form-control mb-2" required>
                   <input type="email" class="form-control mb-2" name="email" placeholder="Email@mail.com" required>
                   <input type="text" name="username" class="form-control mb-2" placeholder="Username" required>
                   <input type="password" class="form-control mb-2" name="password" placeholder="Password" required>
                   
                   <button style="width:100%;" type="submit" class="btn btn-block text-white btn-success mb-2">
                     Daftar
                   </button>
                 </form>
                 <br>
                 <?php if(isset($_SESSION['error'])){
                   ?>
                   <p class="text-center bg-danger text-white p-2 rounded">
                     <?php echo $_SESSION['error'];unset($_SESSION['error']);?>
                   </p>
                   <?php
                 }
                 ?>
                 <br>
                 <p class="text-center">
                   Sudah punya akun ? <a href="login.php">Masuk</a>.</p>
                 </p>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
     
     < script type="text/javascript" src="bs5/js/bootstrap.min.js"></script>
   </body>
 </html>

Simpan kode diatas dengan nama file ‘signup.php’.

signup.php
<?php
 session_start();

 if(!isset($_SESSION['akses'])){
  header('location: login.php');
 }
?>

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="device-width=weight, initial-scale=1.0">
 <link rel="stylesheet" href="bs5/css/bootstrap.min.css">
 <title> Berhasil login </title>
</head>
<body>
 <p class="text-center text-white bg-dark p-3">Kamu berhasil login, <a href="logout.php" class="btn btn-block bg-danger text-white">Logout</a>.</p>
 
 http://bs5/js/bootstrap.min.js
</body>
</html>

Simpan kode diatas dengan nama file ‘index.php’.

index.php

Sekian postingan dari saya, mohon maaf jika ada kekurangan dalam penyampaian. Tunggu part selanjutnya. have a nice day !.