Menampilkan Data dari Database ke Halaman Web

Untuk membuat website dinamis, yang pertama harus berjalan dengan baik adalah menampilkan data dari database. Karena proses lainnya seperti input data, ubah data, hapus data dapat dilakukan langsung melalui databasenya, dengan phpmyadmin ataupun CMD.
Jadi kali ini yang pertama saya share adalah cara manmpilkan datanya. Berikut langkahnya.

Pertama, buat sebuah database dengan nama db_coba. Saya sarankan untuk menggunakan phpmyadmin agar lebih mudah :) Ketika sudah dipilih db_coba pada daftar database di phpmyadmin, masuk pada tab SQL. Copy query di bawah ini ke dalam form.

-- phpMyAdmin SQL Dump
-- version 3.5.2.2
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Jan 05, 2015 at 04:29 PM
-- Server version: 5.5.27
-- PHP Version: 5.4.7

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `db_coba`
--

-- --------------------------------------------------------

--
-- Table structure for table `tb_siswa`
--

CREATE TABLE IF NOT EXISTS `tb_siswa` (
  `no` int(3) NOT NULL AUTO_INCREMENT,
  `nama` varchar(50) NOT NULL,
  `alamat` varchar(90) NOT NULL,
  `tempat_lahir` varchar(50) NOT NULL,
  `tanggal_lahir` date NOT NULL,
  PRIMARY KEY (`no`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;

--
-- Dumping data for table `tb_siswa`
--

INSERT INTO `tb_siswa` (`no`, `nama`, `alamat`, `tempat_lahir`, `tanggal_lahir`) VALUES
(1, 'Abdul Iskandar', 'Jl. Bantul KM 5', 'Bantul', '1996-10-05'),
(2, 'Muhammad Habib', 'Krapyak Wetan, Panggungharjo, Sewon, Bantul', 'Yogyakarta', '1996-03-21'),
(3, 'Joko Susanto', 'Jl. Sisingamangaraja no. 15', 'Yogyakarta', '1996-08-15');

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Maka database sudah terisi dengan tabel beserta datanya. Langkah selanjutnya adalah membuat koneksi ke database db_coba. Jika belum mengetahui cara membuatnya, klik link ini membuat koneksi ke database . Setelah file koneksi siap, kini mulai membuat file halaman web (.php) untuk menampilkan datanya. Copy saja script di bawah ini, kemudian simpan dengan nama coba.php ke folder xampp/htdocs/.

<?php

include('koneksi.php'); // memanggil file koneksi.php agar halaman ini dapat terkoneksi/terhubung dengan database db_coba

$lihat_data = mysql_query("SELECT * FROM tb_siswa");

while($rows= mysql_fetch_array($lihat_data))

{

echo "<br />";

echo $rows['no'];

echo "<br />";

echo $rows['nama'];

echo "<br />";

echo $rows['alamat'];

echo "<br />";

echo $rows['tempat_lahir'];

echo "<br />";

echo $rows['tanggal_lahir'];

echo "<br />";

}

?>

Untuk mencobanya, tinggal panggil saja pada browser. Jika letak direktorinya sama seperti yang saya tulis di atas (xampp/htdocs/coba.php) maka tinggal ketikkan localhost/coba.php. Jangan lupa aktifkan mysql server dan apache servernya.

Penjelasan singkatnya sebagai berikut:
- script include digunakan untuk menyisipkan script/isi dari file yang tertulis pada value nya. Dari proses di atas adalah memanggil file koneksi.php yang berarti script/isi dari file tersebut akan disisipkan/ditambahkan ke dalam file coba.php yang sedang dibuat ini.
- mysql_query("SELECT * FROM tb_siswa"); merupakan script php untuk memasukkan query sql, query dituliskan di dalam tanda kurung, diantara petik dua. Query tersebut berarti memanggil semua data tanpa kecuali dari tabel yang bernama tb_siswa.
- while($rows= mysql_fetch_array($lihat_data)) adalah script pengulangan. Fungsi while untuk mengulang perintah yang berada diantara tanda kurung kurawal {}. Jadi berdasarkan script di atas, secara otomatis data akan ditampilkan semua berdasarkan posisi yang ditentukan.
- $rows adalah variabel untuk menyimpan perintah query. Yang kemudian digunakan di dalam pengulangan untuk memanggil data. $rows['tanggal_lahir']; adalah untuk menampilkan data per kolom dari setiap baris data. 'tanggal_lahir' merupakan nama field tabel.

Sudah muncul dengan normal kan? Mungkin sekian tutorial dari saya tentang cara menampilkan data dari database ke halaman web. Semoga bermanfaat :)

Jasa Desain Grafis Jogja, portfolio kunjungi https://www.instagram.com/alfaruqmedia/