MEMBUAT FORM LIHAT DATA DENGAN PHP

Postingan ini masih dalam lanjutan postingan utama saya yang ini. Untuk kamu yang ingin membuat aplikasi toko silakan ikuti postingan utama saya.







cara membuat web dengan mudah

 
Jika tidak, ya silakan lanjutkan baca membuat form tampilan lihat data dengan menggunakan PHP.

Sebenarnya pada setiap langkah - langkah sudah ada kode mysql dan php untuk mengambil data dari database. Tetapi khusus pada postingan ini memang saya sendirikan agar bisa lebih mendetail.

Baik kita langsung saja cara 

Cara membuat Form Lihat Data


cara membuat form lihat data dengan PHP

Silakan ikuti cara - caranya dengan seksama dan saya akan gunakan bahasa untuk orang yang baru belajar. hehehe.

1. Buka dreamweaver sobat dan pilih blank page dengan ekstensi .php

2. Aktifkan XMPP dan buat database dulu lewat browser sobat (firefox atau chrome) alamatnya: localhost/phpmyadmin. Kalau sobat mengikuti tutorial web utama saya silakan gunakan database itu saja. Tapi jika masih bingung dalam membuat database silakan baca ini.

3. Nah, setelah sobat sudah menginsert data ke database saatnya menampilkan data itu kedalam halaman web.

Kali ini saya menggunakan kode mysql_fetch_array saja biar penerapannya mudah diingat. Dan yang akan saya berikan kali ini kode program dasar untuk menampilkan data dari database, kamu bisa mengkreasikan sendiri kode nya.

Pada baris yang paling atas tuliskan kode berikut <?php include "../config.php";?> Itu adalah kode yang digunakan untuk terhubung ke database. Jika terjadi error silakan hapus kode <?php include "../config.php";?> ganti dengan script ini saja dan letakkan dipaling atas.

<?php
mysql_connect("localhost","root","");
mysql_select_db("db2587");
?>

Untuk menampilkan data dari database, saya menggunakan tabel agar terlihat lebih rapi. Setiap kolom pada tabel saya memakai nama sesuai dengan field di data base (judul buku, no isbn, dsb).

Nah, untuk mengambil data dari setiap field database digunakanlah kode mysql_query yaitu pada bagian kode ini 

$query=mysql_query("select*from buku order BY id_buku");


Pengertian kode :

$query = untuk inisialisasi atau penamaan
select = pilih data atau ambil data
from = dari
buku = nama tabel di database
order = urutkan
id_buku = field didalam tabel buku

Kalau diterjemahkan kedalam bahasa indonesia artinya kurang lebih begini. "Pilih data dari table buku urutkan sesuai dengan ID_buku".

Setelah data diambil dari database saatnya kita menampilkan data-data dari field ke tabel dihalaman web. Sebelumnya kita panggil dulu querynya dengan kode 

while($row=mysql_fetch_array($query))

Pengertian kode :

while = perulangan dalam mengambil data, jadi data akan terus ditampilkan hingga tak ada lagi yang bisa ditampilkan
$row = inisialisasi, kamu bisa ubah jadi $bejo atau apa terserah :D
mysql_fetch_array =  kode untuk menampilkan data kehalaman web dengan memanggil nama field didalam tabel database.
$query =  untuk memanggil inisialisasi $query

Setelah kita memanggil dan mengambil data sekarang kita menampilkan data sesuai dengan nama field. field yang saya maksud adalah nama kolom didalam table database. 

Kalau database saya berisi table dengan nama buku dan didalam tabel buku ada filed id_buku, judul, noisbn dan seterusnya. 

Untuk memanggil data didalam field saya gunakan kode PHP ini.  saya beri contoh untuk field id_buku, untuk field lain silakan lihat selengkapnya dibagian bawah postingan saya

<?php echo $row['id_buku'] ?>


Pengertian kode :

<?php = awalan membuka kode PHP
echo = perintah untuk mengeksekusi
$row = memanggil inisialisasi pada => $row=mysql_fetch_array
['id_buku'] = nama field didalam tabel buku
?> = penutup kode PHP

Jika sobat berencana untuk membuat pilihan pengeditan data maka silakan gunakan kode berikut. Tentu saja ini hanya link untuk pergi ke halaman edit data ya guys. Untuk form edit data nanti saya buatkan postingan lagi :)

<a href="editbuku.php?id_buku=<?php echo $row['id_buku']; ?>" class="btn btn-warning" style="text-decoration:none;padding-right:8px;padding-left:8px;">Edit</a>

Pengertian kode :

<a href="editbuku.php?id=buku=<?php echo $row['id_buku']; ?>" Maksud kode disamping adalah kita akan menuju form pada halaman web dengan nama editbuku.php dengan membawa id_buku yang dipilih. 
class="btn btn-warning" maksudnya adalah untuk memanggil kode CSS didalam class .btn btn-warning. Ingat class didalam CSS ditandai dengan titik didepan.
Style="text-decoration:none;padding-right:8px;padding-left:8px;"> Ini untuk style CSS saja. Sobat bisa belajar mengenai kode CSS di situs CSS yang lain.
Edit Ini adalah text anchor yang nantinya berubah menjadi link sesuai dengan kode yang menyertainya.
</a> Untuk penutup kode pembuatan link.   

Kali ini saya sediakan kode untuk menghapus data langsung dari halaman web. Tentu kita harus membuat method yang disimpan pada file hapus.php. Akan saya buat postingannya nanti.
<a onclick="if(confirm('Apakah anda yakin ingin menghapus data ini ??')){ location.href='hapusbuku.php?id_buku=<?php echo $row['id_buku']; ?>' }" class="btn btn-danger" style="padding-right:1px;padding-left:1px;">Hapus</a></center></td>

Pengertian kode :

Beberapa kode hampir sama penjelasannya dengan kode edit

onclick="if('apakah anda yakin ingin menghapus data ini ??')", Saya jelaskan kalau kode ini digunakan untuk mengeksekusi sebuah pop up yang nantinya akan menanyai seorang user apakah yakin akan menghapus data ? Jika iya maka proses akan dilanjutkan ke kode berikut 

{ location.href='hapusbuku.php?id_buku=<?php echo $row['id_buku']; ?>' }, Nah ini adalah kode untuk menghapus data dari database. Kurang lebih dalam bahasa manusia adalah hapus data yang memiliki id dihalaman web yang sama dengan id pada database.  
Daripada susah - susah saya langsung saja berikan kode lengkapnya. hehe Kenapa kode lengkapnya saya taruh dibawah ? Karena sobat biar belajar dulu tidak main copas :p :D  

Kode lengkap dalam menampilkan data dari database dengan PHP

<?php
include "../config.php";
?>
<html>
<head>
<title>Untitled Document</title>

<style>
.btn-warning{
    color:#fff;
    background-color:#f0ad4e;
    border-color:#eea236;
    transition:all ease-in-out 0.15s;
   
}
.btn-warning:hover{
    display:block;
    background-color:rgba(255,204,102,1);
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  transition:all ease-in-out 0.15s;
}
.btn-danger:hover {
 
  display:block;
  color: #fff;
  background-color: #c9302c;
}
</style>
</head>

<body>
<table width="100%" border="0" cellspacing="0px" style="margin-top:10px; background-color:#FFF;">
  <tr bgcolor='#666' style='color:#FFF;'>
    <td style=padding:5px; width=1% p align=center>ID</td>
    <td width='13%'>Judul Buku</td>
    <td width='7%'>No ISBN</td>
    <td width='10%'>Penulis</td>
    <td width='10%'>Penerbit</td>
    <td width='5%'>Tahun</td>
    <td width='3%'>Stok</td>
    <td width='8%'>Harga Pokok</td>
    <td width='7%'>Harga Jual</td>
    <td width='3%'>PPN</td>
    <td width='3%'>Diskon</td>
    <td width='3%'>opsi</td>
  </tr>
<?php
$query=mysql_query("select*from buku order BY id_buku");
while($row=mysql_fetch_array($query)){ ?>

 <tr>
     <td><center><?php echo $row['id_buku'] ?></td>
    <td><?php echo $row['judul'] ?></td>
    <td><?php echo $row['noisbn'] ?></td>
    <td><?php echo $row['penulis'] ?></td>
    <td><?php echo $row['penerbit']?></td>
    <td><?php echo $row['tahun']?></td>
    <td><?php echo $row['stok']?></td>
    <td>Rp. <?php echo $row['harga_pokok']?></td>
    <td>Rp. <?php echo $row['harga_jual']?></td>
    <td><?php echo $row['ppn']?></td>
    <td><?php echo $row['diskon']?></td>
    <td><center><a href="editbuku.php?id_buku=<?php echo $row['id_buku']; ?>" class="btn btn-warning" style="text-decoration:none;padding-right:8px;padding-left:8px;">Edit</a>
                <a onclick="if(confirm('Apakah anda yakin ingin menghapus data ini ??')){ location.href='hapusbuku.php?id_buku=<?php echo $row['id_buku']; ?>' }" class="btn btn-danger" style="padding-right:1px;padding-left:1px;">Hapus</a></center></td>
     </tr>
<?php
    }
?>
    </table>
</body>
</html>

Pengambilan data dari database sebenarnya tidak sulit tapi juga tidak mudah :D ya jika sobat sudah terbiasa pastinya akan lancar - lancar saja. Kalau ada error silakan berkomentar ya. Terimakasih semoga bermanfaat.

November 20, 2017 - tanpa komentar

0 komentar untuk MEMBUAT FORM LIHAT DATA DENGAN PHP.


Perlihatkan Semua Komentar Tutup Semua Komentar