masrizky.biz.id – Halaman login adalah unit yang paling mudah dibuat dan paling penting dari situs web mana pun. Cara terbaik untuk membangun sistem login adalah dengan menggunakan XAMPP dan beberapa file teks. Seperti yang dibahas dalam artikel sebelumnya, XAMPP adalah bundel perangkat lunak yang menyediakan lingkungan yang sesuai untuk mengimplementasikan solusi web dan memverifikasinya.
Verifikasi dilakukan sebelum menyebarkan situs web melalui web langsung. Paket XAMPP berisi PHP, yang memainkan peran paling penting dalam pengembangan sistem login. Persyaratan perangkat lunak sebelum memulai pembuatan halaman login untuk sebuah situs web dibahas di bawah ini.
Prasyarat untuk membuat halaman login
- Perangkat lunak localhost seperti XAMPP- Ini adalah kependekan dari kata “Cross-platform”, “Apache” yang merupakan server web, “MariaDB” yang merupakan DBMS relasional, bahasa skrip “PHP” dan “Perl”.
- Pengetahuan yang memadai tentang HTML, PHP, dan konstruksi query.
- Sebuah software untuk mengedit dan memodifikasi teks seperti Brackets, Notepad, Dreamweaver, dll. Disini kita akan menggunakan Brackets.
File penting untuk halaman login
Sebelum melanjutkan ke langkah-langkah yang diikuti untuk membuat sistem login, kita perlu membuat beberapa file wajib yang akan digunakan di masa mendatang selama proses pengembangan halaman login. Proses pembuatan setiap file juga akan dibahas pada artikel ini.
- html – Wajib membuat file ini karena digunakan untuk tampilan halaman “Graphic User Interface” dan validasi kolom kosong.
- css – Penting untuk menyertakan file ini karena diperlukan untuk membuat halaman terlihat menggoda bagi pengguna dan memikat audiens dengan format halaman login yang menarik.
- php -File ini memiliki peran penting karena berisi kode koneksi untuk konektivitas database halaman.
- php -Peran file ini adalah validasi. Digunakan untuk melakukan crosscheck data form dengan database yang dikirimkan oleh pengguna.
Proses Membuat Halaman Login
Langkah-langkah yang harus diikuti untuk keberhasilan pengembangan halaman login untuk situs web apa pun diberikan di bawah ini.
- LANGKAH 1- Pertama, luncurkan Panel Kontrol XAMPP dengan mengklik ikon Membuat Halaman Login Menggunakan XAMPP dan klik tombol “Start” yang sesuai dengan modul Apache dan MySQL.
- LANGKAH 2- Sekarang buka browser web apa pun di sistem Anda dan kunjungi alamat yang diberikan- http://localhost atau http://127.0.0.1. Jika server berhasil berjalan, lanjutkan ke langkah berikutnya.
- LANGKAH 3- Luncurkan kembali Panel Kontrol XAMPP dan klik “Admin” yang sesuai dengan modul MySQL. Ini mengarahkan Anda ke localhost/phpmyadmin/. Sekarang, buat database untuk form validasi halaman login.
- LANGKAH 4- Untuk membuat database baru, klik “Buat” setelah memasukkan nama pada Nama database sesuai kebutuhan. Di sini kami menamakannya sebagai “halaman login”.
- LANGKAH 5- Sekarang, klik tombol tab SQL. Rekatkan kueri yang diberikan di bawah ini dan klik “Mulai”. Tabel berhasil dibuat.
- LANGKAH 6- Tetap masukkan file Halaman Web Anda ke folder tujuan. Foldernya dapat ditemukan mengikuti urutan – c:/xampp/htdocs.
- LANGKAH 7- Luncurkan Brackets (editor teks sumber terbuka) dan buat file login.php. Copy-paste baris kode yang disebutkan di bawah ini ke file login.php.
<?php
sesi_mulai();
if(!isset($_SESSION["sess_user"])){
header("lokasi:login.php");
} kalau tidak {
?>
<!doctypehtml>
<html>
<kepala>
<title>Selamat datang</title>
<gaya>
tubuh{
margin-atas: 110 piksel;
margin-bawah: 110 piksel;
margin-kanan: 160 piksel;
margin-kiri: 90 piksel;
warna latar: cyan muda;
warna: paleviolet merah;
font-family: verdana;
ukuran font: 100%
}
jam2 {
warna: merah gelap;
font-family: nila;
ukuran font: 100%;
}
jam1 {
warna: merah gelap;
font-family: nila;
ukuran font: 100%;
}
</gaya>
</kepala>
<tubuh>
<center><h1>BUAT FORM PENDAFTARAN DAN LOGIN MENGGUNAKAN PHP DI XAMPP</h1></center>
<h2>Selamat datang, <?=$_SESSION['sess_user'];?>! <a href="logout.php">Keluar</a></h2>
<p>
KITA BERHASIL. BERHASIL MEMBUAT FORM PENDAFTARAN DAN LOGIN MENGGUNAKAN PHP DI XAMPP
</p>
</body>
</html>
<?php
}
?>
- LANGKAH 8- Sekarang, buat file lain berjudul Register.php dan salin-tempel kode yang disebutkan di bawah ini ke dalam data dan daftarkan nama dan kata sandi Anda dengan nama pengguna yang tidak digunakan.
<!doctypehtml>
<html>
<kepala>
<title>Daftar</title>
<gaya>
tubuh{
margin-atas: 110 piksel;
margin-bawah: 110 piksel;
margin-kanan: 160 piksel;
margin-kiri: 90px;
warna latar: cyan muda;
warna: paleviolet merah;
font-family: verdana;
ukuran font: 100%
}
jam1 {
warna: merah tua;
font-family: nila;
ukuran font: 100%;
}
jam2 {
warna: merah tua;
font-family: nila;
ukuran font: 100%;
}</gaya>
</kepala>
<tubuh>
<center><h1>BUAT FORM PENDAFTARAN DAN LOGIN MENGGUNAKAN PHP DI XAMPP</h1></center>
<p><a href="register.php">Daftar</a> | <a href="login.php">Masuk</a></p>
<center><h2>Formulir Pendaftaran</h2></center>
<formulir tindakan="" metode="POST">
<legenda>
<kumpulan bidang>
Nama pengguna: <input type="text" name="pengguna"><br />
Kata sandi: <input type="password" name="pass"><br />
<input type="kirim" value="Daftar" nama="kirim" />
</set bidang>
</legenda>
</bentuk>
<?php
if(isset($_POST["kirim"])){
if(!empty($_POST['user']) && !empty($_POST['pass'])) {
$pengguna=$_POST['pengguna'];
$lulus=$_POST['lulus'];
$con=mysql_connect('localhost','root','') atau mati(mysql_error());
mysql_select_db('registrasi_pengguna') or die("tidak dapat memilih DB");
$query=mysql_query("PILIH * DARI login WHERE nama pengguna='".$pengguna."'");
$numrows=mysql_num_rows($query);
if($angka==0)
{
$sql="MASUKKAN KE login(nama pengguna, kata sandi) VALUES('$pengguna','$pass')";
$hasil=mysql_query($sql);
jika($hasil){
echo "Akun Berhasil Dibuat";
} kalau tidak {
gema "Gagal!";
}
} kalau tidak {
echo "Nama pengguna tersebut sudah ada! Silakan coba lagi dengan yang lain.";
}
} kalau tidak {
echo "Semua kolom wajib diisi!";
}
}
?>
</body>
</html>
- LANGKAH 9- File ketiga yang akan dibuat adalah Logout.php. Kode yang akan digunakan dalam file ini disebutkan di bawah.
- LANGKAH 10- File terakhir yang dibuat adalah file Member.php. File tersebut harus berisi kode berikut.
<?php
sesi_mulai();
if(!isset($_SESSION["sess_user"])){
header("lokasi:login.php");
} kalau tidak {
?>
<!doctypehtml>
<html>
<kepala>
<title>Selamat datang</title>
<gaya>
tubuh{
margin-atas: 110 piksel;
margin-bawah: 110 piksel;
margin-kanan: 160 piksel;
margin-kiri: 90px;
warna latar: cyan muda;
warna: paleviolet merah;
font-family: verdana;
ukuran font: 100%
}
jam2 {
warna: merah tua;
font-family: nila;
ukuran font: 100%;
}
jam1 {
warna: merah tua;
font-family: nila;
ukuran font: 100%;
}
</gaya>
</kepala>
<tubuh>
<center><h1>BUAT FORM PENDAFTARAN DAN LOGIN MENGGUNAKAN PHP DI XAMPP</h1></center>
<h2>Selamat datang, <?=$_SESSION['sess_user'];?>! <a href="logout.php">Keluar</a></h2>
<p>
KITA BERHASIL. BERHASIL MEMBUAT FORM PENDAFTARAN DAN LOGIN MENGGUNAKAN PHP DI XAMPP
</p>
</body>
</html>
<?php
}
?>
- LANGKAH 11- Langkah terakhir adalah memeriksa database untuk memverifikasi apakah data telah disimpan atau belum.