Membuat halaman login php dan mysql di CyberPanel

Dari Dokumentasi Robie
Loncat ke navigasi Loncat ke pencarian

Persiapan

Membuat Website

Ikuti langkah berikut untuk membuat website baru. Membuat domain website di CyberPanel

Membuat Database

002-membuat-database.jpg

Akses PHPMYadmin

003-akses-phpmyadmin.jpg


Membuat Tabel di Database

004-pilih-database-dan-create-tabel.jpg


Mengisi Data di Tabel yang telah dibuat

005-isi-data-ke-tabel.jpg

Buat File Halaman yang dibutuhkan

Akses menu File Manager di List Websites --> File Manager

006-akses-file-manager.jpg

Membuat halaman index.php

Buat file baru dengan nama index.php dengan cara mengklik tombol New File, lalu isi file dengan nama index.php kemudian tulis kode seperti pada gambar berikut

007-halaman-index-php.jpg

Kode Program

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

Login

                        <form action="login.php" method="POST">
                                <label for="username" class="form-label">Username</label>
                                <input type="text" class="form-control" id="username" name="username" required>
                                <label for="password" class="form-label">Password</label>
                                <input type="password" class="form-control" id="password" name="password" required>
                            <button type="submit" class="btn btn-primary w-100">Login</button>
                        </form>
</body>
</html>


Membuat halaman admin.php

Buat file baru dengan nama admin.php dengan cara mengklik tombol New File, lalu isi file dengan nama admin.php kemudian tulis kode seperti pada gambar berikut

009-halaman-admin-php.jpg

Membuat halaman login.php

Buat file baru dengan nama login.php dengan cara mengklik tombol New File, lalu isi file dengan nama login.php kemudian tulis kode seperti pada gambar berikut

008-halaman-login-php.jpg

Sesuikan kode berikut

$dbname = "hala_man_login";

$username = "hala_man_login";

$password = "hala_man_login";

Membuat halaman logout.php

Buat file baru dengan nama logout.php dengan cara mengklik tombol New File, lalu isi file dengan nama logout.php kemudian tulis kode seperti pada gambar berikut

010-halaman-logout-php.jpg

Pengujian

Mengakses domain

Akses domain yang telah dibuat dengan cara mengetikkan http://halaman-login.xitkj/

014-akses-halaman-login.jpg

Tampilan Ketika Berhasil Login

012-berhasil-login.jpg

Tampilan Ketika Gagal Login

013-gagal-login.jpg