Breaking News: Grepper is joining You.com. Read the official announcement!

how to make login and logout to blog with php without database or MySQL

SAMER SAEID answered on May 10, 2022 Popularity 1/10 Helpfulness 1/10

answer how to make login and logout to blog with php without database or MySQL

how to make login and logout to blog with php without database or MySQL

Comment

<?php
// (A) LOGIN CHECKS
require "check.php";

// (B) LOGIN PAGE HTML 
?>


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>My Portfolio</title>

  <link rel="stylesheet" href="reset.css" />
  <link rel="stylesheet" href="portfolio_style.css" />
  <link rel="stylesheet" href="login_style.css" />
</head>

<body>
  <div class="container1">
    <header class="header1">
      <h1 class="title1">My name</h1>
      <p class="subtitle"><i>Hello World!</i></p>
    </header>

    <section class="section1">
      <nav class="nav1">
        <ul>
          <li>
            <a href="portfolio_page1.html"><span class="nav2"></span>About Me</a>
          </li>
          <li>
            <a href="portfolio_page2.html"><span class="nav2"></span>Experience</a>
          </li>
          <li class="active">
            <a href="blog.php"><span class="nav2"></span>Blog</a>
          </li>
        </ul>
      </nav>
      <div class="container2">
        <div class="content">

        <?php
        if (isset($failed)) { echo "<div>invalid username or password</div>"; }
        ?>

          <button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button>
          <div id="id01" class="modal">
          <form class="modal-content animate" method="post" target="_self">
            <div class="imgcontainer">
              <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
            </div>
            <div class="container4">
            <label for="user"><b>Username</b></label>
            <input type="text" placeholder="Enter Username" name="user" required>
            <label for="password"><b>Password</b></label>
            <input type="password" placeholder="Enter Password" name="password" required>
            <button type="submit">Login</button>
            </div>
          </form>
          </div>
          <script>
          // Get the modal
          var modal = document.getElementById('id01');
          // When the user clicks anywhere outside of the modal, close it
          window.onclick = function(event) {
          if (event.target == modal) {
            modal.style.display = "none";
          }
          }
          </script>
        </div>
      </div>
    </section>
  </div>

</body>

</html> 

//this is the file used to check and store the passes and users: check.php

<?php
// (A) START SESSION
session_start();

// (B) HANDLE LOGIN
if (isset($_POST["user"]) && !isset($_SESSION["user"])) {
  // (B1) USERS & PASSWORDS - SET YOUR OWN !
  $users = [
    "abc" => "123",
    "def" => "456",
    "ghi" => "789"
  ];

  // (B2) CHECK & VERIFY
  if (isset($users[$_POST["user"]])) {
    if ($users[$_POST["user"]] == $_POST["password"]) {
      $_SESSION["user"] = $_POST["user"];
    }
  }

  // (B3) FAILED LOGIN FLAG
  if (!isset($_SESSION["user"])) { $failed = true; }
}

// (C) REDIRECT USER TO HOME PAGE IF SIGNED IN
if (isset($_SESSION["user"])) {
  header("Location: blog.php"); // SET YOUR OWN HOME PAGE!
  exit();
}


//landing page for my blog: blog.php

<?php 
session_start();

//LOGOUT
if (isset($_POST["logout"])) {
  unset($_SESSION["user"]);
} 
//BACK TO LOGIN PAGE IF NOT SIGNED IN
if (!isset($_SESSION["user"])) 
{
  header("Location: login.php"); 
  exit();
}

?>

//html
  
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Manel's Portfolio</title>

  <link rel="stylesheet" href="reset.css" />
  <link rel="stylesheet" href="portfolio_style.css" />
</head>

<body>
  <div class="container1">
    <header class="header1">
      <h1 class="title1">My name</h1>
      <p class="subtitle"><i>Hello World!</i></p>
    </header>

    <section class="section1">
      <div class="container2">
        <div class="content">
          <h2 class="title2">My Blog</h2>
          <p>
          </p>
        </div>
        <!-- LOGOUT -->
        <form method="post">
        <input type="hidden" name="logout" value="1"/>
        <input type="submit" value="logout"/>
        </form>
      </div>
    </section>
  </div>
</body>

</html>

Popularity 1/10 Helpfulness 1/10 Language php

Source: Grepper

Tags: database logout mysql php

Link to this answer
Share Copy Link

Contributed on May 10 2022

SAMER SAEID

0 Answers Avg Quality 2/10

how to make login and logout to blog with php without database or MySQL

Contents

More Related Answers

how to make login and logout to blog with php without database or MySQL

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.