Menampilkan data php mysql

Question

Sebelum kita dapat menampilkan data dari database di sebuah halaman website, hal pertama yang harus kita lakukan adalah membuat file koneksi. Tujuannya adalah untuk menghubungkan file php ke database yang kita buat.

1. Buat sebuah folder baru di dalam htdocs dengan nama projekcrud
2. Buka teks editor kesayangan kalian, copy paste script di bawah ini dan simpan dengan nama koneksi.php di dalam folder projekcrud


<?php

    $mysqli = new mysqli("localhost","root","","projekcrud");

?>

penjelasan : di atas adalah fungsi untuk menghubungkan database, fungsi mysqli kita masukkan ke dalam variabel $mysqli. Lalu "localhost" adalah host yang kita gunakan, "root" adalah user database, "" adalah password database, secara default xampp tidak memberikan password, dan "projekcrud" adalah nama database kita.

4. Buat file tampil_data

1. Buka teks editor kesayangan kalian, copy paste script di bawah ini dan simpan file dengan nama tampil_data.php di dalam folder projekcrud


<?php

    include "koneksi.php";

?>
<h2>LATIHAN MENAMPILKAN DATA DARI DATABASE DENGAN TABEL</h2>
<table border="1">
    <tr>
        <td>Nomor</td>
        <td>Nama</td>
        <td>jenis Kelamin</td>
        <td>Alamat</td>
        <td>Aksi</td>
    </tr>
    <?php

        $tampil = mysqli_query($mysqli, "select * from identitas");
        $no = 1;
        while($hasil = mysqli_fetch_array($tampil)){
    ?>
    <tr>
        <td><?php echo $no++; ?></td>
        <td><?php echo $hasil['nama']; ?></td>
        <td><?php echo $hasil['jeniskelamin']; ?></td>
        <td><?php echo $hasil['alamat']; ?></td>
        <td>
            <a>edit</a>|
            <a>hapus</a>
        </td>
    </tr>
    <?php
        }
    ?>
</table>

penjelasan :

include "koneksi.php" adalah fungsi untuk mengimpor file, jadi kita tidak perlu membuat file koneksi lagi untuk setiap halaman yang membutuhkan koneksi ke database. Cukup panggil filenya lewat perintah include
$tampil = mysqli_query(...) adalah fungsi untuk berinteraksi dan memanipulasi data yang ada di dalam database
"select * from identitas" adalah perintah atau query untuk menampilkan data dari tabel identitas
while (...) fungsi while digunakan untuk melakukan perulangan pada data yang ada di dalam database
edit adalah button yang digunakan untuk mengedit dan menghapus data nantinya. Pembahasannya edit ada di part 3

Ok sampai sini anda sudah berhasil menampilkan data dari database. Cukup mudah mempraktekkannya (kalo sudah paham). jika semua tahapan di atas sudah dipraktekkan maka hasilnya akan seperti gambar di bawah ini

Cukup sekian tutorial membuat halaman menampilkan data dari database, mudah-mudahan bermanfaat bagi kita semua saya ucapkan assalamualaikum warahmatullahi wabarakaatuh, happy coding!.

Pada artikel ini saya akan mengulas bagaimana membuat tampil data dengan PHP dan database Mysql. Perlu anda ketahui bahwa artikel yang saya ulas kali ini adalah lanjutan dari artikel yang sudah saya buat sebelumnya.

Ada baiknya sebelum anda mempraktekan artikel yang berjudul Cara Menampilkan Data dari Database MySQL dengan PHP ini anda membaca terlebih dahulu langkah demi langkah yang sudah saya jelaskan pada artikel sebelumnya sebelumnya. Berikut adalah artikel yang sudah saya buat sebelumnya.

1. Belajar PHP Dasar Membuat CRUD dengan PHP dan Database MySQL

2. Membuat File Koneksi PHP dengan Database Mysql

3. Membuat Insert Data PHP Ke Database MySQL

Setelah anda membaca semuanya diatas kita akan membuat view data atau tampil data dari database mysql yang sudah kita buat sebelumnya.

Untuk proses selanjutnya kita akan membuat file tampil data ke browser dari database. Buatlah file baru di editor anda dengan nama tampildata.php . Berikut adalah isi file dari tampildata.php

Mau bikin website ? order saja ke jasa pembuatan website murah.

tampildata.php

<html>
<head>
	<title>Tampil Data</title>
</head>
<body>
<?php
include "koneksi.php";
$data="SELECT * FROM menu";
$sql=mysql_query($data);
?>

	<div align="center"><strong>TAMPIL DATA	</strong></div>
	<br />
<table width="269" border="1" align="center">
  <tr bgcolor="#CCCCCC">
    <td width="139" align="center">Judul menu </td>
    <td width="114" align="center">Action</td>
  </tr>
	<?php
		while($array=mysql_fetch_array($sql)){
	?>
  <tr>
    <td><?php echo "$array[1]";?></td>
    <td>
		<a href="viewdata.php?&id=<?php echo "$array[0]"; ?>">view</a> | 
		<a href="editdata.php?&id=<?php echo "$array[0]"; ?>">edit</a> | 
		<a href="hapusdata.php?&id=<?php echo "$array[0]"; ?>">hapus</a> 
	</td>
  </tr>
	<?php } ?>
</table>

</body>
	</html>

Setelah kita mengetik code di atas selanjutnya kita jalankan di browser dengan mengakses alamat http://localhost/mywebsite/tampildata.php. Jika penulisan code anda benar seperti diatas maka tampilannya akan seperti di bawah ini.

Anda juga bisa menambahkan data di form insert ( Di jelaskan pada artikel Membuat Insert Data PHP Ke Database MySQL) data agar data terlihat banyak.

Untuk kolom action pada gambar diatas terdapat sub menu view edit dan hapus data di samping kanan. Dan jika di klik akan ada error 404 object not found. Hal tersebut karena ketiga halaman tersebut belum kita buat, biarkan saja seperti itu. Untuk selanjutnya ketiga data tersebut kita buat pada tahap selanjutnya.Sebelum membuat view data disini saya akan menjelaskan bagaimana program di atas bisa tampil.

Di dalam database terdiri dari tabel dan didalam tabel ada beberapa field bisa disebut juga dengan larik / array .

Baca juga Affiliate Shopee Cara Daftar dan Dapatkan Keuntungannya

Dalam database yang kita buat kita mempunyai satu tabel yaitu tabel menu , dalam tabel menu ada 3 field id , judulmenu dan isimenu . Ketiga field tersebut bisa juga disebut dengan array.

Index sebuah array dimulai dari angka nol ( 0 ). Kemudian di ikuti dengan angka selanjutnya, pada kasus ini kita mempunyai 3 array dalam tabel menu yaitu :

id = array ke- 0

judulmenu = array ke- 1

isimenu = array ke- 2

Code yang sudah kita buat pada file tampildata.php diatas, kita menampilkan array ke-1 yaitu judulmenu dan di dalam judulmenu berisi data “ Profilku ” . untuk lebih jelasnya dari analogi uraian di atas lihat gambar di bawah ini.

Setelah anda memahami tahap awal untuk menampilkan data diatas dan cara kerjanya. Langkah selanjutnya kita akan membuat detail data. dimana jika judul menu profilku diatas dilik view pada kolom action akan tampil isi data yang lebih lengkap dari dalam database.

Mau bikin website ? order saja ke jasa pembuatan website murah.

Buatlah file viewdata.php kemudian simpan di folder yang sudah kita buat sebelumnya, dan berikut adalah isi dari file viewdata.php

viewdata.php

<html>
<head>
	<title>Tampil Data</title>
</head>
<body>
<?php
extract ($_POST);
extract ($_GET);
include "koneksi.php";
$data="SELECT * FROM menu WHERE id='$id'";
$sql=mysql_query($data);
$array=mysql_fetch_array($sql);
?>

<div align="center"><strong>VIEW DATA|<a href="tampildata.php">KEMBALI</a></strong></div>
<br />
	<table width="269" border="1" align="center">
  		<tr>
    		<td width="253"><?php echo "$array[2]";?></td>
  		</tr>
	</table>
</body>
</html>

Setelah selesai mengetik code diatas cobalah anda mengakses alamat tampildata.php lagi ( http://localhost/mywebsite/tampildata.php ) kemudian klik bagian link view maka yang anda lihat adalah tampilan detail dari data dari menu profilku.

Lihatlah code untuk link view di file tampildata.php didalam file tersebut di ketikan code :

Maksud dari code tersebut adalah kita akan menampilkan data di halaman viewdata.php berdasarkan id atau array ke-0 .

Penjelasan sebelumnya sudah disinggung bahwa setiap data mempunyai id yang tidak mungkin disamai oleh data lain, id tersebut berfungsi sebagai primery key atau kunci utama. Sehingga id tersebut menjadi acuan disetiap data yang ada.

Mau bikin website ? order saja ke jasa pembuatan website murah.

Array[0] yang di maksud diatas adalah kita memanggil array ke 0 yang di alamatkan ke viewdata.php berdasarkan id datanya. Perhatikan gambar dibawah ini untuk lebih jelasnya.

Bagaimana mudah kan cara membuatnya ?

Baca juga Cara Mendapatkan Uang Dari YouTube Bagi Pemula

Setelah anda memahami penjelasan diatas langkah selanjutnya kita akan membuat update data dan hapus data. Untuk penjelasan tersebut akan saya terangkan pada artikel dengan judul dibawah ini.

kode php

Menampilkan data php mysql

4. Buat file tampil_data

Pos Terkait

Periklanan

BERITA TERKINI

Toplist Popular

Periklanan

Terpopuler

Token Data

Periklanan

Tentang Kami

Legal

Dukungan

Social