Bagaimana cara membuat halaman login dalam kode sumber php?

Question

Cara membuat Sistem Registrasi dan Login dengan PHP dan MySQL. Berikut adalah solusi cepat untuk membangun sistem login dengan PHP dan MySQL. Saat ini hampir setiap situs web menyediakan fungsi Registrasi dan login. Oleh karena itu, perlu ditambahkan sistem login pada aplikasi web modern

Table of Contents Show

Cara membuat Sistem Registrasi dan Login dengan PHP dan MySQL
Membuat Database dan Tabel Database
Terhubung ke Basis Data
Sesi Buat untuk Pengguna yang Masuk
Membuat Formulir Pendaftaran
Membuat Formulir Login
Membuat Halaman Dashboard
Buat Logout (Hancurkan sesi)
Buat File CSS
Pikiran Akhir
Navigasi pos
Bagaimana cara membuat form login di php tanpa database?
Bagaimana cara membuat halaman login di php menggunakan xampp?
Bagaimana cara membuat API login di php?
Bagaimana cara menampilkan informasi pengguna yang masuk di php?

Dalam tutorial ini, kita membahas proses lengkap pembuatan sistem pendaftaran pengguna. Pengguna dapat membuat akun dengan memberikan nama pengguna, kata sandi, email. Setelah akun dibuat, pengguna dapat masuk ke akun mereka sendiri. Setelah pengguna masuk, itu akan dialihkan ke halaman Dasbor. Selain itu, pengguna dapat keluar dari panelnya. Keseluruhan sistem ini kami kembangkan dengan menggunakan PHP dan MySQL

Selanjutnya, kami akan menunjukkan cara membuat halaman aman yang hanya dapat diakses oleh pengguna yang masuk. Tanpa login, pengguna tidak dapat mengakses halaman

Berikut adalah Tujuh langkah sederhana yang harus Anda ikuti untuk membuat sistem login

Membuat Database dan Tabel Database
Terhubung ke Basis Data
Sesi Buat untuk Pengguna yang Masuk
Buat Formulir Pendaftaran dan Login
Buat Halaman Dasbor
Buat Logout (Hancurkan sesi)
Buat File CSS

Membuat Database dan Tabel Database

Pertama, Anda harus masuk ke PHPMyAdmin. Selanjutnya, klik pada tab Database untuk membuat database baru. Masukkan nama database Anda dan klik tombol buat database. Segera setelah PHPMyAdmin akan membuat database baru

Demikian pula, Anda dapat menjalankan kueri di bawah ini untuk membuat database

CREATE DATABASE LoginSystem;

Setelah Anda membuat database, langkah kedua untuk membuat tabel pengguna. Tabel pengguna akan memiliki bidang-bidang berikut

id – int(11)
nama pengguna – varchar(100)
email – varchar(100)
kata sandi – varchar(100)
buat_datetime – datetime

CREATE TABLE IF NOT EXISTS `users` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `username` varchar(50) NOT NULL,
 `email` varchar(50) NOT NULL,
 `password` varchar(50) NOT NULL,
 `create_datetime` datetime NOT NULL,
 PRIMARY KEY (`id`)
);

_

Salin kueri di atas dan jalankan di area kueri SQL

Tabel database Anda terlihat seperti layar di bawah ini

Terhubung ke Basis Data

Setelah membuat tabel, kita harus membuat skrip konektor PHP MySQL untuk terhubung ke server database MySQL. Buat file bernama

CREATE TABLE IF NOT EXISTS `users` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `username` varchar(50) NOT NULL,
 `email` varchar(50) NOT NULL,
 `password` varchar(50) NOT NULL,
 `create_datetime` datetime NOT NULL,
 PRIMARY KEY (`id`)
);

_0 dan masukkan kode berikut di dalamnya

db. php

<?php
    // Enter your host name, database username, password, and database name.
    // If you have not set database password on localhost then set empty.
    $con = mysqli_connect("localhost","root","root","LoginSystem");
    // Check connection
    if (mysqli_connect_errno()){
        echo "Failed to connect to MySQL: " . mysqli_connect_error();
    }
?>

Sesi Buat untuk Pengguna yang Masuk

Selanjutnya, kita harus membuat sesi untuk pengguna. Buat file bernama

CREATE TABLE IF NOT EXISTS `users` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `username` varchar(50) NOT NULL,
 `email` varchar(50) NOT NULL,
 `password` varchar(50) NOT NULL,
 `create_datetime` datetime NOT NULL,
 PRIMARY KEY (`id`)
);

_1 dan rekatkan kode di bawah ini

auth_session. php

<?php
    session_start();
    if(!isset($_SESSION["username"])) {
        header("Location: login.php");
        exit();
    }
?>

Membuat Formulir Pendaftaran

Selanjutnya buat file PHP

CREATE TABLE IF NOT EXISTS `users` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `username` varchar(50) NOT NULL,
 `email` varchar(50) NOT NULL,
 `password` varchar(50) NOT NULL,
 `create_datetime` datetime NOT NULL,
 PRIMARY KEY (`id`)
);

_2 dan paste kode contoh berikut di dalamnya. Ini akan membuat formulir HTML. Ini akan memungkinkan pengguna untuk mendaftar

Registrasi. php

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Registration</title>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
<?php
    require('db.php');
    // When form submitted, insert values into the database.
    if (isset($_REQUEST['username'])) {
        // removes backslashes
        $username = stripslashes($_REQUEST['username']);
        //escapes special characters in a string
        $username = mysqli_real_escape_string($con, $username);
        $email    = stripslashes($_REQUEST['email']);
        $email    = mysqli_real_escape_string($con, $email);
        $password = stripslashes($_REQUEST['password']);
        $password = mysqli_real_escape_string($con, $password);
        $create_datetime = date("Y-m-d H:i:s");
        $query    = "INSERT into `users` (username, password, email, create_datetime)
                     VALUES ('$username', '" . md5($password) . "', '$email', '$create_datetime')";
        $result   = mysqli_query($con, $query);
        if ($result) {
            echo "<div class='form'>
                  <h3>You are registered successfully.</h3><br/>
                  <p class='link'>Click here to <a href='login.php'>Login</a></p>
                  </div>";
        } else {
            echo "<div class='form'>
                  <h3>Required fields are missing.</h3><br/>
                  <p class='link'>Click here to <a href='registration.php'>registration</a> again.</p>
                  </div>";
        }
    } else {
?>
    <form class="form" action="" method="post">
        <h1 class="login-title">Registration</h1>
        <input type="text" class="login-input" name="username" placeholder="Username" required />
        <input type="text" class="login-input" name="email" placeholder="Email Adress">
        <input type="password" class="login-input" name="password" placeholder="Password">
        <input type="submit" name="submit" value="Register" class="login-button">
        <p class="link"><a href="login.php">Click to Login</a></p>
    </form>
<?php
    }
?>
</body>
</html>

Output dari kode di atas akan terlihat seperti ini

Demikian pula, buat file PHP

CREATE TABLE IF NOT EXISTS `users` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `username` varchar(50) NOT NULL,
 `email` varchar(50) NOT NULL,
 `password` varchar(50) NOT NULL,
 `create_datetime` datetime NOT NULL,
 PRIMARY KEY (`id`)
);

3 dan masukkan kode contoh berikut di dalamnya. Kode file ini berisi formulir yang memungkinkan pengguna memasukkan nama pengguna dan kata sandi

Gabung. php

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Login</title>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
<?php
    require('db.php');
    session_start();
    // When form submitted, check and create user session.
    if (isset($_POST['username'])) {
        $username = stripslashes($_REQUEST['username']);    // removes backslashes
        $username = mysqli_real_escape_string($con, $username);
        $password = stripslashes($_REQUEST['password']);
        $password = mysqli_real_escape_string($con, $password);
        // Check user is exist in the database
        $query    = "SELECT * FROM `users` WHERE username='$username'
                     AND password='" . md5($password) . "'";
        $result = mysqli_query($con, $query) or die(mysql_error());
        $rows = mysqli_num_rows($result);
        if ($rows == 1) {
            $_SESSION['username'] = $username;
            // Redirect to user dashboard page
            header("Location: dashboard.php");
        } else {
            echo "<div class='form'>
                  <h3>Incorrect Username/password.</h3><br/>
                  <p class='link'>Click here to <a href='login.php'>Login</a> again.</p>
                  </div>";
        }
    } else {
?>
    <form class="form" method="post" name="login">
        <h1 class="login-title">Login</h1>
        <input type="text" class="login-input" name="username" placeholder="Username" autofocus="true"/>
        <input type="password" class="login-input" name="password" placeholder="Password"/>
        <input type="submit" value="Login" name="submit" class="login-button"/>
        <p class="link"><a href="registration.php">New Registration</a></p>
  </form>
<?php
    }
?>
</body>
</html>

Demikian pula, output dari kode di atas akan terlihat seperti ini

Membuat Halaman Dashboard

Setelah pengguna masuk, kami akan mengarahkan ulang ke halaman dasbor pengguna. Buat file PHP bernama

CREATE TABLE IF NOT EXISTS `users` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `username` varchar(50) NOT NULL,
 `email` varchar(50) NOT NULL,
 `password` varchar(50) NOT NULL,
 `create_datetime` datetime NOT NULL,
 PRIMARY KEY (`id`)
);

_4 dan rekatkan kode di bawah ini di dalamnya

dasbor. php

<?php
//include auth_session.php file on all user panel pages
include("auth_session.php");
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Dashboard - Client area</title>
    <link rel="stylesheet" href="style.css" />
</head>
<body>
    <div class="form">
        <p>Hey, <?php echo $_SESSION['username']; ?>!</p>
        <p>You are now user dashboard page.</p>
        <p><a href="logout.php">Logout</a></p>
    </div>
</body>
</html>

Setelah pengguna masuk, Anda akan melihat layar dasbor pengguna berikut

Demikian pula, Anda dapat membuat halaman aman lainnya. Hanya Anda perlu menambahkan kode di bawah ini terlebih dahulu di file PHP Anda

<?php
require('db.php');
include("auth_session.php");
?>

Buat Logout (Hancurkan sesi)

Saat mengklik tombol logout, kami harus menghancurkan sesi pengguna. Ini akan mengarahkan ke halaman login. Jadi, buat file bernama

CREATE TABLE IF NOT EXISTS `users` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `username` varchar(50) NOT NULL,
 `email` varchar(50) NOT NULL,
 `password` varchar(50) NOT NULL,
 `create_datetime` datetime NOT NULL,
 PRIMARY KEY (`id`)
);

_5 dan tambahkan kode di bawah ini

keluar. php

<?php
    session_start();
    // Destroy session
    if(session_destroy()) {
        // Redirecting To Home Page
        header("Location: login.php");
    }
?>

Buat File CSS

Terakhir, langkah penting untuk perspektif pengalaman pengguna. Buat file CSS

CREATE TABLE IF NOT EXISTS `users` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `username` varchar(50) NOT NULL,
 `email` varchar(50) NOT NULL,
 `password` varchar(50) NOT NULL,
 `create_datetime` datetime NOT NULL,
 PRIMARY KEY (`id`)
);

_6 dan letakkan kode di bawah ini

gaya. php

body {
    background: #3e4144;
}
.form {
    margin: 50px auto;
    width: 300px;
    padding: 30px 25px;
    background: white;
}
h1.login-title {
    color: #666;
    margin: 0px auto 25px;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
}
.login-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 25px;
    height: 25px;
    width: calc(100% - 23px);
}
.login-input:focus {
    border-color:#6e8095;
    outline: none;
}
.login-button {
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
    width: 100%;
    height: 50px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.link {
    color: #666;
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
}
.link a {
    color: #666;
}
h3 {
    font-weight: normal;
    text-align: center;
}

Akhirnya, sistem login kami siap digunakan. Anda dapat mengunduh kode sumber dari tautan unduhan di bawah ini

Unduh Sumber

Pikiran Akhir

Itu semua yang perlu Anda ketahui cara membuat sistem registrasi dan login di PHP dengan database MySQL. Selanjutnya kita membuat form registrasi dan login. Selain itu, kami membuat file koneksi MySQL untuk membuat koneksi database. Maka dari itu kami membuat sistem login lengkap dengan desain interaktif

Kami harap artikel ini bermanfaat bagi Anda. Beri tahu kami pertanyaan atau umpan balik Anda jika ada melalui bagian komentar di bawah. Anda dapat berlangganan buletin kami dan mendapat pemberitahuan saat kami menerbitkan artikel WordPress baru secara gratis. Selain itu, Anda dapat menjelajahi artikel terkait JavaScript lainnya di sini

Ikon yang dibuat oleh Kmg Design

Membagikan

Menciak

Membagikan

44 Berbagi

Jika Anda menyukai artikel kami, harap pertimbangkan untuk membeli kopi untuk kami
Terima kasih atas dukunganmu

Belikan aku kopi

Tag Masuk Sistem Pendaftaran PHP

Membagikan

Menciak

Membagikan

44 Berbagi

Navigasi pos

Artikel Sebelumnya Acara Keyboard JavaScript. Kode Kunci Keyboard JavaScript

Artikel Berikutnya Cara menambahkan Obrolan ke Tampilan Formulir di Odoo 13, 12

39 Tanggapan

Raja Lee
Saya mendapat pesan kesalahan “Bidang yang harus diisi tidak ada. ”
1. Editorial SpeedySense
  Pastikan Anda memasukkan nama pengguna, email, dan kata sandi Anda di formulir pendaftaran
  1. Raja Lee
    Saya melakukannya beberapa kali tetapi program masih kembali dengan pesan itu
    1. SHIKO
      hai
      periksa tabel Anda di database, setel baris yang tidak digunakan di database (Null)
2. ABDIRIZAK ABDIRASHID
  oh, luar biasa terima kasih
Martin Kanchev
Terima kasih Pak
siwa rama
ini karena versi php7
1. Bram Lambert
  Bagaimana cara mengatasi masalah PHP ini
Mergim
Hai,
saya mendapatkan peringatan berikut
Tapi tidak ada yang terjadi setelah Login?
Peringatan. session_start(). Tidak dapat memulai sesi ketika tajuk sudah dikirim di /Library/WebServer/Documents/Login/login. php pada baris 11
Peringatan. Tidak dapat mengubah informasi header – header sudah dikirim oleh (output dimulai di /Library/WebServer/Documents/Login/login. php. 1) di /Library/WebServer/Documents/Login/login. php pada baris 26
Apa yang salah di sini. tidak bisa mendapatkan dasbor. php
Salam Hormat,
Mergim Alija
1. Juan Martin Bueno
  Solusi Bahasa Inggris
  Masalahnya ada di session_start()
  Itu harus menjadi yang pertama pada login Anda. halaman php. Cobalah dan Anda akan melihat bahwa itu berhasil
  …………………………
  Solución en Español
  Masalah ini ada di session_start ()
  Anda harus terlebih dahulu membuka halaman login Anda. php. Pruébalo y verás que function
Ikhlas Oyelami
Terima kasih pak, saya sangat beruntung merasa Anda membuat semuanya berjalan lancar. itu benar-benar bekerja dengan baik untuk saya, saya hargai
Sam
Hai
Terima kasih untuk tutorial tentang login dan pendaftaran pengguna. Sangat dihargai, sangat sederhana dan mudah diikuti untuk pemula seperti saya yang baru memulai dengan PHP
Kat
Terima kasih tutorialnya sangat membantu saya dalam membuat blog…
Radhe Shyam Salopanthula
Terima kasih banyak untuk posting ini. Saya telah mencari di seluruh internet untuk sistem login yang sempurna akhirnya menemukan milik Anda. )
luigi
terima kasih untuk tutorial Anda, sangat berguna bagi saya untuk memahami cara kerjanya, tetapi saya memiliki masalah dengan kode Anda, setelah mendaftar dan melanjutkan dengan login di klik alih-alih melanjutkan ke dasbor. halaman php mengarahkan saya untuk login. php
1. Editorial SpeedySense
  Hai
  Aneh, Kami memeriksa setelah login dialihkan ke halaman dasbor. Jadi apa yang salah yang Anda temukan dalam kode kami?
setorqq
Gaya Anda sangat unik dibandingkan dengan orang lain yang pernah saya baca
Terima kasih telah memposting ketika Anda memiliki kesempatan, Kira saya akan mem-bookmark ini saja
blog
manish
bagaimana dengan kolom tanggal?
Bidang yang wajib diisi tidak ada. mendapatkan kesalahan
Peringatan. mysqli_query() mengharapkan parameter 1 menjadi mysqli, boolean diberikan dalam C. \xampp\htdocs\registerform\pendaftaran. php pada baris 24
Ela
ini berfungsi dengan baik, juga cara merutekan pengguna yang tidak masuk ke halaman login jika mereka langsung mengakses halaman dasbor. Terima kasih kawan…
Clint Santiago
Ini berhasil dan kami akan menjelaskan terima kasih banyak
ahmad
halo. apakah bisa di wordpress?
Pramuka
Apakah kode Anda berfungsi sempurna dengan php5 (terima kasih. ), tetapi sekarang mengalami masalah dengan solusi ini dengan beralih ke php7. Apakah ada sesuatu dalam kode yang perlu diubah agar berfungsi dengan php7?
Cerah
Untuk pengguna baru, alangkah baiknya memiliki tautan ke daftar prasyarat lengkap, jika tidak, tutorialnya sangat bagus

Bagaimana cara membuat form login di php tanpa database?

Langkah 1. Pertama, kita perlu mendesain formulir HTML

Langkah 2. Selanjutnya, kita perlu menulis skrip PHP untuk memeriksa autentikasi login

Langkah 3. Jika login sudah benar, maka kita perlu mengarahkan ulang halaman ke area yang dilindungi

Bagaimana cara membuat halaman login di php menggunakan xampp?

Proses Membuat Halaman Login .

LANGKAH 1- Pertama, luncurkan Panel Kontrol XAMPP dengan mengklik ikon. .

LANGKAH 2- Sekarang buka browser web apa pun di sistem Anda dan kunjungi alamat yang diberikan- http. // localhost atau http. //127. 0. 0. 1. .

LANGKAH 3- Luncurkan kembali Panel Kontrol XAMPP dan klik "Admin" yang sesuai dengan modul MySQL

Bagaimana cara membuat API login di php?

Login PHP dan Registrasi RESTful API .

Pengaturan Basis Data MySQL. Pertama, kita akan menyiapkan Database MySQL untuk aplikasi ini. Nama Basis Data – php_auth_api. .

Membuat file & folder. Pertama, Buka direktori htdocs Xampp Anda atau direktori www server Anda, dan di sini buat folder baru bernama php-auth-api. Ini adalah folder aplikasi kita

Bagaimana cara menampilkan informasi pengguna yang masuk di php?

php session_start(); . isset($_SESSION["username"])){ header("Location. Gabung. php"); keluar(); } ?>