Hai Sobat Sederhana, artikel kali ini akan membahas tentang cara mengkoneksikan koneksi.php ke script login html sederhana. Bagi kalian yang sedang belajar web development, tentu sudah tidak asing lagi dengan hal ini. Mari kita simak langkah-langkahnya!
Apa itu Koneksi.php dan Script Login HTML Sederhana?
Sebelum membahas lebih lanjut, mari kita bahas terlebih dahulu apa itu koneksi.php dan script login html sederhana.
Koneksi.php |
Script Login HTML Sederhana |
---|---|
Merupakan file yang berfungsi untuk melakukan koneksi ke database MySQL |
Merupakan file HTML yang berisi form login untuk mengakses halaman tertentu |
Setelah mengetahui apa itu koneksi.php dan script login html sederhana, mari lanjut ke langkah selanjutnya.
Langkah-langkah Mengkoneksikan Koneksi.php ke Script Login HTML Sederhana
Langkah 1: Membuat file Koneksi.php
Langkah pertama yang harus dilakukan adalah membuat file koneksi.php.
Buka aplikasi text editor atau code editor yang biasa kalian gunakan. Kemudian, buat file dengan nama koneksi.php. Selanjutnya, ketikkan kode berikut ini:
<?php
$host = "localhost";
$username = "root";
$password = "";
$database = "nama_database";
// membuat koneksi ke database
$conn = mysqli_connect($host, $username, $password, $database);
if (mysqli_connect_errno()) {
echo "Koneksi database gagal : " . mysqli_connect_error();
} else {
echo "Koneksi database berhasil";
}
?>
Penjelasan kode di atas:
Variabel |
Deskripsi |
---|---|
$host |
Mendefinisikan nama host |
$username |
Mendefinisikan nama pengguna MySQL |
$password |
Mendefinisikan password pengguna MySQL |
$database |
Mendefinisikan nama database yang akan diakses |
$conn |
Membuat koneksi ke database menggunakan fungsi mysqli_connect() |
mysqli_connect_errno() |
Memeriksa apakah koneksi ke database berhasil atau tidak |
Jika koneksi berhasil, maka akan muncul teks “Koneksi database berhasil”. Namun, jika koneksi gagal, maka akan muncul pesan error “Koneksi database gagal”.
Langkah 2: Membuat Script Login HTML Sederhana
Langkah kedua yang harus dilakukan adalah membuat script login html sederhana.
Buka aplikasi text editor atau code editor yang biasa kalian gunakan. Kemudian, buat file dengan nama login.html. Selanjutnya, ketikkan kode berikut ini:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login</title>
</head>
<body>
<form action="login.php" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username">
<label for="password">Password:</label>
<input type="password" id="password" name="password">
<input type="submit" value="Login">
</form>
</body>
</html>
Penjelasan kode di atas:
Elemen/Attribut |
Deskripsi |
---|---|
Elemen untuk membuat form |
|
action |
Attribut untuk menentukan file yang akan diproses saat form disubmit |
method |
Attribut untuk menentukan metode pengiriman data dari form (GET/POST) |
Elemen untuk membuat label teks |
|
for |
Attribut untuk mengaitkan label dengan elemen input |
Elemen untuk membuat input field |
|
type |
Attribut untuk menentukan jenis input field |
id |
Attribut untuk memberikan id pada elemen input |
name |
Attribut untuk memberikan nama pada elemen input |
value |
Attribut untuk memberikan nilai pada elemen input |
Langkah 3: Membuat file Login.php
Langkah ketiga yang harus dilakukan adalah membuat file login.php.
Buka aplikasi text editor atau code editor yang biasa kalian gunakan. Kemudian, buat file dengan nama login.php. Selanjutnya, ketikkan kode berikut ini:
<?php
session_start();
include "koneksi.php";
if (isset($_POST['username']) && isset($_POST['password'])) {
$username = $_POST['username'];
$password = $_POST['password'];
$query = "SELECT * FROM tabel_pengguna WHERE username='$username' AND password='$password'";
$result = mysqli_query($conn, $query);
if (mysqli_num_rows($result) == 1) {
$_SESSION['username'] = $username;
header("Location: halaman_tertentu.php");
} else {
echo "Username atau password salah";
}
}
?>
Penjelasan kode di atas:
Variabel |
Deskripsi |
---|---|
session_start() |
Fungsi untuk memulai session |
include “koneksi.php” |
Memasukkan file koneksi.php ke dalam file login.php |
$_POST[‘username’] dan $_POST[‘password’] |
Menerima data input dari form login |
$query |
Membuat query untuk mencari data pengguna yang sesuai dengan username dan password yang dimasukkan |
mysqli_query() |
Menjalankan query pada database |
mysqli_num_rows() |
Menghitung jumlah baris hasil query |
$_SESSION[‘username’] |
Menyimpan nilai username ke dalam session |
header() |
Mengarahkan pengguna ke halaman tertentu setelah berhasil login |
FAQ
1. Apa itu koneksi.php dan script login html sederhana?
Koneksi.php merupakan file yang berfungsi untuk melakukan koneksi ke database MySQL, sedangkan script login html sederhana merupakan file HTML yang berisi form login untuk mengakses halaman tertentu.
2. Apa saja yang diperlukan untuk mengkoneksikan koneksi.php ke script login html sederhana?
Untuk mengkoneksikan koneksi.php ke script login html sederhana, kita membutuhkan file koneksi.php, file login.html, dan file login.php.
3. Apa fungsi dari file koneksi.php?
File koneksi.php berfungsi untuk melakukan koneksi ke database MySQL.
4. Apa fungsi dari file login.html?
File login.html berfungsi untuk menampilkan form login.
5. Apa fungsi dari file login.php?
File login.php berfungsi untuk memproses data input dari form login, memeriksa apakah data pengguna yang dimasukkan valid atau tidak, dan mengarahkan pengguna ke halaman tertentu setelah berhasil login.
Itulah langkah-langkah mengkoneksikan koneksi.php ke script login html sederhana. Semoga bermanfaat dan sampai jumpa di artikel menarik lainnya!