CARA MEMBUAT PASSING DATA

assalamaualaikum wr. wb, pada pembahasan kali ini kita akan membuat menu login:

1. pertama buat dahulu databasenya menggunakan http://localhost/phpmyadmin/index.php?route=/table/change&db=db_json&table=login1. 

caranya, buka localhost terlebih dahulu, lalu buat database barut dengan nama  "db_json" seperti gambar berikut ini, Menyiapkan Database Sebelum kita mulai menulis kode, siapkan dulu database-nya.Silahkan buka phpmyadmin http://localhost/phpmyadmin/ dan buat database baru bernama db_json:

2.selanjutnya adalah membuat nama tabel
3. setelah itu buat tabelnya yang diisi dengan nama, jenis , dan panjang nilai seperti dibawah ini:
4.kemudian buat username dan password
5.setelah itu buat sourcecode login seperti dibawah ini
<!DOCTYPE html>
<html>
<head>
<title>Halaman Login</title>
</head>
<body>
<form action="proses_login.php" method="POST">
<center>
<table bgcolor="purple">

<tr>
<td>
<center><b><u>HALAMAN LOGIN</u></b></center>
</td>
</tr>
<tr>
<td><center>
Nama Pengguna<br>
<input type="text" name="user_name">
</center>
</td>
</tr>
<tr>
<td><center>
Sandi Pengguna<br>
<input type="password" name="password">
</center>
</td>
</tr>
<tr>
<td><center>
<input type="SUBMIT" value="Login">
</center>
</td>
</tr>
</table>
</center>
</form>
</body>
</html>
dan ini adalah hasilnya
6. kemudian buatlah sourcecode untuk menu beranda
<!DOCTYPE html>
<html>
<head>
<title>Halaman beranda</title>
<style type="text/css">
ul {  
list-style-type: none;  
}
</style>
</head>
<body bgcolor="#8AA899">
<table  width="100%">
<tr>
<h1>SELAMAT DATANG DIHALAMAN RUMAH SAYA</h1>
</tr>
<tr>
<td width="25%">
<b><u>MENU SEBELAH KIRI</u></b><br>
<ul>
<li>
<a href="#">
Beranda
</a>
</li>
<li>
<a href="lihat_pengguna.php">Lihat Pengguna</a>
</li>
<li>
Menu Ke Ketiga
</li>
</ul>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>
dan ini adalah hasilnya
7.  kemudian masuk kedalam halaman lihat pengguna dan buat sourcecode lihat pengguna
<!DOCTYPE html>
<html>
<head>
<title>Halaman beranda</title>
<style type="text/css">
ul {  
list-style-type: none;  
}
a:link { text-decoration: none; }
</style>
</head>
<body bgcolor="#1BA098">
<table  width="100%">
<tr>
<table  width="100%">
</div>
<body>
<p align=left><b>
</b>
<ul>
<li>
<h1><center>SELAMAT DATANG DIHALAMAN RUMAH SAYA</h1>
</center>
</tr>
<tr>
<td width="30%">
<b><u>MENU SEBELAH KIRI</u></b><br>
<ul>
<li>
<a href="beranda.html">
Beranda
</a>
</li>
<li>
<a href="lihat_pengguna.php">Lihat Pengguna</a>
</li>
<li>
Menu Ke Ketiga
</li>
</ul>
</td>
<td bgcolor=" aqua">
<b><u>LIST PENGGUNA</u></b><br>
<?php 
include "koneksi.php";
$kueri=mysqli_query($konek,'SELECT * FROM login1');
?>
<table border="3">
<tr>

<td>
<b>
Nama Pengguna
</b>
</td>
<td>
<b>
Sandi Pengguna
</b>
</td>
<td>
<b>
Aksi
</b>
</td>
</tr>

<?php
while($row = mysqli_fetch_array($kueri)){
echo"<tr><td>";
echo $row['nama'];
echo"</td><td>";
echo $row['katasandi'];
echo"</td>
<td>";
echo"
<a href='hapus.php?apanih=".$row['nama']." '>hapus</a>
";

}
?>
</table>
<br>
<button><a  href="tambah_pengguna.php">Tambah Pengguna</a></button>
</td>
</tr>
</table>
</body>
</html>
dan ini adala hasilnya
8.kemudian masuk kedalam halaman tambah pengguna dan buat sourcecodenya seperti dibawah ini
<!DOCTYPE html>
<html>
<head>
<title>Form Biodata</title>
</head>
<body bgcolor="#D48166">
<b>FORM TAMBAH DATA</b>
<form action="proses_tambah_data.php" method="POST">
<table border="1">
<tr>
<td><center><b>
NAMA
</center>
</b>
</td>
<td>
<INPUT name="namaku" TYPE="TEXT" PLACEHOLDER="nama anda">
</td>
</tr>
<tr>
<td><b>
PASSWORD
</b>
</td>
<td>
<INPUT name="katasandiku" TYPE="PASSWORD" PLACEHOLDER="password anda">
</td>
</tr>
<tr>
<td><b>
<INPUT  TYPE="submit" value="Kirim Data">
</b>
</td>
</tr>
</table>
</form>
</body>
</html>
dan ini adalah hasilnya


baiklah deikian penjelasan yang dapat saya sampaikan, semoga ilmunya dapat bermanfaat bagi kita semua, maaf jika ada penjelasan yang kurang dapat dipahami saya akhiri assalamualaikum wr,wb








Komentar

Posting Komentar