Masih di materi tentang CRUD , kemarin kita sudah belajar cara koneksi database dan menyimpan data, sekarang kita akan belajar cara menampilkan data dari database dengan Php Native.
Buat teman2 yang belum belajar cara koneksi dan menyimpan data kedalam database, teman2 bisa lihat disini :
Ok langsung saja ke tutorial.
Terlebih dahulu teman2 mesti sudah menyiapkan database serta isinya, sebagai contoh disini saya punya database dengan:
Tabel: user
Kolom 1: nama
Kolom 2: email
Kolom 3: password
1.Buat kode php dan panggil script koneksi database yang sudah kita buat kemarin
<?php require"koneksi_db.php"; ?>
2.Didalam kode php kita panggil fungsi untuk menjalankan perintah sql.
mysqli_query();
catatan: fungsi diatas menerima 2 parameter
(1). koneksi database
(2). perintah sql
3.Didalam fungsi mysqli_query() kita masukan parameter seperti yang sudah dijelaskan, jangan lupa untuk memberi variable $info untuk fungsi ini.
$info=mysqli_query($koneksi,"
SELECT*FROM user
");
4.Buat script html dan css sebagai wadah agar penampilan data lebih teratur, teman2 bisa langsung copy aja script ini letakan dibawah kode php.
<html>
<head>
<title>Read | CRUD</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{
background-color: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;
}
h1{
width:100%;
text-align: center;
}
table{
width:100%;
height:auto;
}
.head{
text-align: center;
border:0;
background-color: #4d2df1ff;
height:40px;
color:white;
}
td{
border:1px solid #4d2df1ff;
font-size: 15px;
padding:3px;
}
</style>
</head>
<body>
<h1>Read | CRUD</h1>
<table>
<tr>
<td class="head">Nama</td>
<td class="head">Email</td>
<td class="head">Password</td>
</tr>
</table>
</body>
</html>
5.Seperti yang kita lihat bahwa didalam script html terdapat 1 table 1 baris 3 kolom
penjelasan:
- <tr></tr> adalah kode untuk membuat baris
- <td></td> adalah kode untuk membuat kolom
6.Sekarang kita akan menampilkan data dari database dengan menambahkan baris dan kolom kedalan tabel,
jumlah baris yang ditambahkan akan menyesuaikan dengan banyaknya data dan jumlah kolom adalah 3 , copy kode ini letakkan dibawah kode <tr></tr> yang sudah ada.
<? while($data=$info->fetch_array()){
$nama=$data['nama'];
$email=$data['email'];
$password=$data['password'];
?>
<tr>
<td><? echo $nama; ?></td>
<td><? echo $email; ?></td>
<td><? echo $password; ?></td>
</tr>
<? } ?>
penjelasan:
-while() fungsi ini sebagai looping
-fetch_array() fungsi ini untuk menggambil data dalam bentuk array
-$data[] variable ini adalah variable yang berisikan data array
Sekarang teman2 bisa coba jalankan scriptnya, dan teman2 sudah bisa menampilkan data dari dalam database dengan php native.
Jika teman2 suka dengan tutorial ini jangan lupa untuk mengikuti halaman saya, dan kalau ada pertanyaan atau request, tinggalkan komentar.
Terima Kasih.
Tags
Tutorial PHP