Making A login And signup page with Code

Making a login & Signup Page

--------------------------------------------------------------

All Files are in this link-Download

So we have to Create Some files:-

Folder structure:-

App Name(Login System)

root files->

---->login.php

---->logout.php

---->signup.php

----->welcome.php

------------------------->partials(folder)

--->db_connect.php

--->nav.php

--------------------------------------------------------------

<?php

$login=false;

$showError=false;

if($_SERVER["REQUEST_METHOD"] == 'POST'){

include 'partials/db_connect.php';

$username =$_POST["username"];

$password =$_POST['password'];

//$sql = "SELECT * FROM users WHERE username='$username' AND password='$password'";

$sql = "SELECT * FROM users WHERE username='$username'";

$result= mysqli_query($conn,$sql);

$num=mysqli_num_rows($result);

if($num == 1){

while($row=mysqli_fetch_assoc($result)){

//if(password_verify($password, $row['password'])){

$login = true;

session_start();

$_SESSION['loggedin']=true;

$_SESSION['username']=$username;

header("location:welcome.php");

}

// else{

// $showError="Invalid Credientials";

}

else{

$showError="Invalid Credientials";

}

<!DOCTYPE html>

<head>

</head>

<body>

<?php require'partials/nav.php'?>

<?php

if($login){

echo '<div class="alert alert-success alert-dismissible fade show" role="alert">

<strong>Success!</strong> You are logged in.....

</button>

</div>';

}

if($showError){

echo '<div class="alert alert-danger alert-dismissible fade show" role="alert">

<strong>Error!</strong>'.$showError.'

</button>

</div>';

}

<h1 class="text-center">Log In To our Website</h1>

</div>

<form action="/tutuorial/loginSystem/login.php" method="POST" style="display: flex;

flex-direction: column;

align-items: center; ">

<label for="exampleInputEmail1">Username</label>

</div>

<label for="password">Password</label>

</div>

</form>

</body>

</html>

--------------------------------------------------------------

logout.php code

<?php
session_start();



session_unset();
session_destroy();

header("location:login.php");
exit;



?>

--------------------------------------------------------------

signup.php code

 <?php
  $showAlert=false;
  $showError=false;
if($_SERVER["REQUEST_METHOD"] == 'POST'){

  include 'partials/db_connect.php'; 
  $username =$_POST["username"];
  $password =$_POST['password'];
  $cpassword=$_POST['cpassword'];

  //$exists  =false;

  //check whether username exists 
  $existsSql="SELECT * FROM `users` WHERE username = '$username'";
  $result = mysqli_query($conn,$existsSql);
  $numExistRows= mysqli_num_rows($result);
  if($numExistRows > 0){
   // $exists = true;
   $showError="Username is already Exists"; 
  }
  else{
    //$exists = false;\
  if(($password == $cpassword)){
    $hash = password_hash($password, PASSWORD_DEFAULT);
    $sql="INSERT INTO `users` (`username`, `password`, `date`) VALUES ('$username', '$password', current_timestamp())";

    $result = mysqli_query($conn, $sql);
    if ($result){
      $showAlert= true;
    }

  }
  else{
    $showError=" Passwords do not match ";
  }



  
  }
}
 ?>



 <!DOCTYPE html>
  <html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <title>Signup</title>
  </head>
  <body>
   <?php require'partials/nav.php'?>
   <?php
   if($showAlert){
      echo '<div class="alert alert-success alert-dismissible fade show" role="alert">
      <strong>Success!</strong> Your Account is Now Created!! You can login Now!
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>';
    
  }
   if($showError){
      echo '<div class="alert alert-danger alert-dismissible fade show" role="alert">
      <strong>Error!</strong>'.$showError.'
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>';
    
  }
  ?>
<div class="container my-4">
  <h1 class="text-center">Signup To our Website</h1>

</div>
<form action="/tutuorial/loginSystem/signup.php" method="POST" style="display: flex;
    flex-direction: column;
    align-items: center; ">
  <div class="form-group col-md-6">
    <label for="exampleInputEmail1">Username</label>
    <input type="username" maxlength="11" class="form-control" id="username" name="username" aria-describedby="emailHelp" placeholder="Enter Username">
    
  </div>
  <div class="form-group col-md-6">
    <label for="password">Password</label>
    <input type="password" maxlength="11" class="form-control" id="password" name="password" placeholder="Password">
  </div>
  <div class="form-group col-md-6">
    <label for="cpassword">Confirm Password</label>
    <input type="password" maxlength="11" class="form-control" id="cpassword" name="cpassword" placeholder="Confirm Password">
    <small id="emailHelp" class="form-text text-muted">Make sure Your password will be same.</small>
  </div>

  
  <button type="submit" class="btn btn-primary">SignUp</button>
</form>




    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
 
 
 </body>
 </html>

--------------------------------------------------------------

Welcome.php

<?php

session_start();

if(! isset($_SESSION['loggedin']) || $_SESSION['loggedin']!=true){

header("location:login.php");

exit;

}

<!DOCTYPE html>

<head>

<title>Welcome -<?php $_SESSION['username']?></title>

</head>

<body>

<?php require'partials/nav.php'?>

<h4 class="alert-heading">Welcome <?php echo $_SESSION['username'] ?></h4>

<h4> Hey how Are U doing Welcome To I secure .

you are logged in </h4>

<hr>

<h3 class="mb-0 ">Whenever you need to, be sure to logout <a href="/tutuorial/loginSystem/login.php">using this link</h3>

</div>

</body>

</html>

--------------------------------------------------------------

Db_connect.php code

<?php

$server ="localhost";

$username ="root";

$password ="";

$database ="users";

$conn = mysqli_connect($server,$username,$password,$database);

if(!$conn){

// echo "success";

// }

die("Error".mysqli_connect_error());

}

--------------------------------------------------------------

Nav.php

<?php

// session_start();

if(isset($_SESSION['loggedin']) && $_SESSION['loggedin']==true){

$loggedin= true;

}

else

$loggedin= false;

echo'<nav class="navbar navbar-expand-lg navbar-dark bg-dark">

<a class="navbar-brand" href="/loginsystem">iSecure</a>

</button>

<a class="nav-link" href="/tutuorial/loginSystem/welcome.php">Home <span class="sr-only">(current)</span></a>

</li>';

if(!$loggedin){

echo'<li class="nav-item">

<a class="nav-link" href="/tutuorial/loginSystem/login.php">Login</a>

</li>

</li>';

}

if ($loggedin){

echo'<li class="nav-item">

<a class="nav-link" href="/tutuorial/loginSystem/logout.php">Logout</a>

</li>';

}

echo'</ul>

</form>

</div>

</nav>

--------------------------------------------------------------

Code With Anshu

Search This Blog

CodeWithAnshu

Making A login And signup page with Code

Comments

Post a Comment

Popular posts from this blog

An Online Forum php Code i-Discuss

Making A Notes maker with Php