Formulir login template php mysql

Halaman login memungkinkan pengguna terdaftar untuk mengakses situs web dan mengelola akunnya dengan memasukkan nama pengguna dan kata sandinya

Table of Contents Show

1. Struktur tabel
2. Konfigurasi
7. Kesimpulan
Bagaimana cara membuat formulir login di php dan MySQL?
Bagaimana cara login di php MySQL?
Bagaimana cara membuat sistem login yang aman dengan php dan MySQL?
Bagaimana cara membuat formulir login & Daftar menggunakan php MySQL dan bootstrap?

SESI Pengguna telah dibuat pada upaya login yang berhasil

Ini membantu mendeteksi pengguna benar-benar masuk atau tidak saat membuka halaman web lain dan juga membantu menampilkan konten sesuai dengan pengguna

Dalam tutorial ini, saya menunjukkan bagaimana Anda dapat membuat halaman Login dengan PHP dan MySQL

Demo Unduh

Isi

1. Struktur tabel

Saya menggunakan tabel users_ dalam contoh tutorial

CREATE TABLE `users` (
  `id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
  `username` varchar(80) NOT NULL,
  `name` varchar(80) NOT NULL,
  `password` varchar(80) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

2. Konfigurasi

Buat file config.php untuk konfigurasi basis data

Kode Selesai

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

3. HTML

Buat tata letak halaman login yang memiliki dua elemen tipe input untuk memasukkan nama pengguna dan kata sandi dan tombol untuk mengirimkan formulir

Kode Selesai

<div class="container">
    <form method="post" action="">
        <div id="div_login">
            <h1>Login</h1>
            <div>
                <input type="text" class="textbox" id="txt_uname" name="txt_uname" placeholder="Username" />
            </div>
            <div>
                <input type="password" class="textbox" id="txt_uname" name="txt_pwd" placeholder="Password"/>
            </div>
            <div>
                <input type="submit" value="Submit" name="but_submit" id="but_submit" />
            </div>
        </div>
    </form>
</div>

4. CSS

/* Container */
.container{
    width:40%;
    margin:0 auto;
}

/* Login */
#div_login{
    border: 1px solid gray;
    border-radius: 3px;
    width: 470px;
    height: 270px;
    box-shadow: 0px 2px 2px 0px  gray;
    margin: 0 auto;
}

#div_login h1{
    margin-top: 0px;
    font-weight: normal;
    padding: 10px;
    background-color: cornflowerblue;
    color: white;
    font-family: sans-serif;
}

#div_login div{
    clear: both;
    margin-top: 10px;
    padding: 5px;
}

#div_login .textbox{
    width: 96%;
    padding: 7px;
}

#div_login input[type=submit]{
    padding: 7px;
    width: 100px;
    background-color: lightseagreen;
    border: 0px;
    color: white;
}

5. PHP

Pada form submit cek username dan password yang dimasukkan atau tidak. Jika dimasukkan, jalankan kueri SELECT_ untuk menghitung catatan berdasarkan nama pengguna dan kata sandi

Jika kueri mengembalikan lebih besar dari 0 maka inisialisasi $_SESSION['uname'] = $uname dan alihkan ke

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

Jika mengembalikan 0 maka tampilkan

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

Kode Lengkap

<?php
include "config.php";

if(isset($_POST['but_submit'])){

    $uname = mysqli_real_escape_string($con,$_POST['txt_uname']);
    $password = mysqli_real_escape_string($con,$_POST['txt_pwd']);

    if ($uname != "" && $password != ""){

        $sql_query = "select count(*) as cntUser from users where username='".$uname."' and password='".$password."'";
        $result = mysqli_query($con,$sql_query);
        $row = mysqli_fetch_array($result);

        $count = $row['cntUser'];

        if($count > 0){
            $_SESSION['uname'] = $uname;
            header('Location: home.php');
        }else{
            echo "Invalid username and password";
        }

    }

}

Beranda

Buat file

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

_0 baru

Pertama, periksa apakah pengguna masuk atau tidak dengan memeriksa variabel

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

3. Jika tidak disetel, arahkan pengguna ke

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

4 untuk login

Membuat tombol logout yang menghancurkan variabel

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

3 dan mengalihkan ke halaman web

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

4 di

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

Kode Lengkap

<?php
include "config.php";

// Check user login or not
if(!isset($_SESSION['uname'])){
    header('Location: index.php');
}

// logout
if(isset($_POST['but_logout'])){
    session_destroy();
    header('Location: index.php');
}
?>
<!doctype html>
<html>
    <head></head>
    <body>
        <h1>Homepage</h1>
        <form method='post' action="">
            <input type="submit" value="Logout" name="but_logout">
        </form>
    </body>
</html>

6. Demo

Lihat Demo

7. Kesimpulan

Dalam tutorial ini, saya menunjukkan bagaimana Anda dapat membuat halaman login sederhana dengan PHP dan MySQL

Anda harus menginisialisasi variabel

<?php
session_start();
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "tutorial"; /* Database name */

$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
  die("Connection failed: " . mysqli_connect_error());
}

8 untuk mendeteksi pengguna saat melintasi ke halaman lain dan menghancurkannya saat pengguna mengklik tombol logout

Langkah 1- Buat Formulir Login PHP HTML. Untuk membuat formulir login, ikuti langkah-langkah yang disebutkan di bawah ini. .

Langkah 2. Buat Kode CSS untuk Desain Situs Web. .

Langkah 3. Membuat Tabel Database Menggunakan MySQL. .

Langkah 4. Buka Koneksi ke Database MySQL. .

Langkah 5 - Buat Sesi Logout. .

Langkah 6 - Buat Kode untuk Halaman Beranda

Untuk menjalankan formulir login, buka panel kontrol xampp dan jalankan server apache dan PHP. Sekarang, ketikkan localhost/xampp/nama folder/nama file di browser dan tekan tombol Enter. Semua pengaturan selesai sekarang. Masukkan nama pengguna dan kata sandi di formulir login dan klik tombol login

Mulai. Ada beberapa langkah yang perlu kita ambil sebelum kita membuat sistem login aman kita. .

Membuat Desain Form Login. .

Membuat Database dan mengatur Tabel. .

Otentikasi Pengguna dengan PHP. .

Membuat Halaman Beranda. .

Membuat Halaman Profil. .

Membuat Skrip Logout

Cara membuat Sistem Login dan Registrasi di PHP dan MySQL dengan konsep oops .

Membuat Database dan Tabel Database

buat file konfigurasi untuk membantu memanggil file dengan url dasar

Buat fungsi konektivitas basis data

Buat Sesi untuk Pengguna yang Masuk