Tutorial Membuat Form Login & Register UKK RPL 2022 PAKET 1 |Aplikasi Catatan Perjalanan Dengan PHP dan MySQLi (Part II)
Tutorial Part II
Setelah kita membuat Database di Tutorial Membuat Form Login & Register Dengan PHP dan MySQLi Part (I), maka langkah selanjutnya kita akan menghubungkan database.
- Membuat syntak Koneksi
- Sebelumnya dalam folder htdoc buat folder dengan nama sesuai aplikasi yang akan kita buat yaiut : aplikasi_perjalanan
- kemudian masuk ke dalam folder yang sudah dibuat tadi lalu buat file baru dengan nama koneksi.php dan tulis kode dibawah ini
<?php
$koneksi = mysqli_connect('localhost', 'root', '', 'aplikasi_perjalanan');
if (!$koneksi) {
die('Error ' . mysqli_connect_errno());
}
?>
- Membuat Tampilan Form Login
Setelah itu membuat tampilan form login dengan sintak dibawah ini lalu simpan dengan nama index.php
<?php
if(isset($_GET['pesan'])){
if($_GET['pesan'] == "gagal"){
echo "Login gagal! username dan password salah!";
}else if($_GET['pesan'] == "logout"){
echo "Anda telah berhasil logout";
}else if($_GET['pesan'] == "belum_login"){
echo"
<script>
alert('Anda Harus Login Dulu untuk menakses Halaman Ini !!');
document.location.href='index.php'
</script>";
}
}
?>
<!DOCTYPE html><html lang="en" >
<head>
<meta charset="UTF-8">
<title>WidinatoCoder</title>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Rubik:400,700'><link rel="stylesheet" href="style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<div class="login-form">
<form action="cek_login.php"method="POST">
<h1><img src="logo.png"height="50px"width="50px"><p>SMK Jam'iyyatul Aulad</h1>
<div class="content">
<div class="input-field">
<input type="number"name="nik" placeholder="Masukkan NIK"required>
</div>
<div class="input-field">
<input type="text"name="nama" placeholder="Masukkan Nama Lengkap" required>
</div>
www.widiantocoder.my.id
</div>
<div class="action">
<button onclick="window.location.href='register.php'" class="btn mr-2">Saya Pengguna Baru</button>
<button type="submit">Masuk</button>
</div>
</form>
</div>
<!-- partial -->
<script src="script.js"></script>
</body>
</html>
- Membuat syntax cek_login.php simpan sintak dibawah ini dengan nama tersebut
<?php
// mengaktifkan session php
session_start();
// menghubungkan dengan koneksi
include 'koneksi.php';
// menangkap data yang dikirim dari form
$nik =mysqli_real_escape_string($koneksi,$_POST['nik']);
$nama =mysqli_real_escape_string($koneksi, $_POST['nama']);
// menyeleksi data login dengan nik dan nama yang sesuai
$data = mysqli_query($koneksi,"select * from login where nik='$nik' and nama='$nama'");
// menghitung jumlah data yang ditemukan
$cek = mysqli_num_rows($data);
if($cek > 0){
$sesi = mysqli_query($koneksi,"select * from login where nik='$nik' and nama='$nama'");
$sesi = mysqli_fetch_assoc($sesi);
$_SESSION['id'] = $sesi['id'];
$_SESSION['nama'] = $sesi['nama'];
$_SESSION['status'] = "login";
echo"
<script>
window.alert('Selamat Datang Di Aplikasi Perjalanan')
location.href='home.php';
</script>";
}else{
echo"
<script>
window.alert('Nik dan Nama Anda Salah')
location.href='index.php';
</script>";
}
?>Selanjutnya akan di lanjtukan dihalaman Tutorial Membuat Form Login & Register UKK RPL 2022 PAKET 1 |APLIKASI CATATAN PERJALANAN Dengan PHP dan MySQLi Part III) mengenai syntak beserta beberapa file yang kita butuhkan untuk membuat login & Register ada di halaman Selanjutnya diPart III . Semoga bermanfaat, Wassalam
Comments
Post a Comment