Blog Copy Paste: Praktek 5 Menampilkan Data dari Database ke Halaman Web Menggunakan PHP MySQL

PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah sinngkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta site menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat.

Berikut langkah-langkah menampilkan data dari database ke halaman web menggunakan PHP MySQL.

Pertama download dahulu aplikasi xampp yang ada di bawah:

xampp-win32-1.8.1-VC9-installer

Atau ke situs resminya Xampp untuk mendownload aplikasi Xampp jika tidak kompatibel dengan PC anda.

Setelah didownload dan diinstal buka xampp lalu klik tombol Start pada Apache dan MySQL. Jika sudah di-start tampilannya akan seperti di bawah ini. Lalu minimize aplikasi xampp.

Buka browser, lalu ketikkan localhost/phpmyadmin pada address bar. Tekan Enter.

Klik Databases. Lalu pada Create database isi nama database yang ingin kita buat tapi jangan dispasi agar tidak terjadi kesalahan pemanggilan nama database pada saat membuat script php (di sini saya menggunakan tanda underscore _ ). Lalu klik Create.

Pada Create table di bagian Name isikan nama tabel di sini saya membuat tabel mahasiswa, dan pada Number of Columns saya isikan dua (2). Klik Go.

Pada tabel mahasiswa kita buat npm dan nama.

Type INT adalah untuk data yang akan diinput berupa bilangan bulat.
Type VARCHAR adalah untuk data yang akan diinput berupa karakter (berupa huruf).
Pada Length/Values adalah untuk jumlah batasan karakter yang akan diinput.
Untuk npm pada Index-nya dibuat menjadi PRIMARY karena npm merupakan karakter unik (berbeda) dengan data yang lain.
Pada npm A_I (Auto Increment) dicentang. Gunanya untuk mengurutkan data yang akan dimaksudkan (npm yang diinput akan berurutan nantinya).

Tampilannya seperti contoh di bawah. Jika sudah klik Save.

Klik Database: database_ti untuk membuat tabel baru.

Buat tabel dosen.

Buat seperti di bawah ini. Klik Save.

Kembali lagi ke database_ti dan buat tabel matkul.

Buat seperti tampilan di bawah. Jika sudah klik Save.

Sekarang kita akan memasukkan data-data ke field pada masing-masing tabel yang telah kita buat tadi. Klik pada tabel mahasiswa yang ada pada kiri layar. Lalu klik Insert.

Contohnya pada npm di bagian value isikan 201455009. Dan pada nama isikan Janseb Sulo Sattuan. Jika sudah klik Go.

Masukkan lagi data-data pada tabel mahasiswa sesuai dengan keinginan. Contohnya jika sudah tampilannya akan seperti di bawah ini.

Lalu kita akan membuat script php yang akan menampilkan data yang kita buat di tabel mahasiswa tadi di browser. Pertama buka folder tempat di mana xampp diinstal di sini saya install-nya default. Buka My Computer, buka Local Disk (C:) lalu buka folder xampp, buka htdocs. Kemudian buat folder baru.

Sesuaikan nama foldernya dengan database-nya. Di sini nama database saya adalah database_ti.

Buka aplikasi Sublime Text. Lalu ketikkan script seperti di bawah ini.

<?php

$hostname = "localhost";

$username = "root";

$password = "";

$db ="data_ti";

$koneksi = mysql_connect($hostname, $username, $password) or die (mysql_error());

mysql_select_db($db, $koneksi) or die(mysql_error());

$tabel_dosen = mysql_query("SELECT * FROM tabel_dosen", $koneksi) or die(mysql_error());

<html>

<head>

<title>Database TI</title>

</head>

<body>

<?php

while ($row=mysql_fetch_array($tabel_dosen)) {

echo 'NIDN: '.$row['nidn'].'<br>';

echo 'Nama Dosen : '.$row['nama'].'<br>';

echo 'Alamat : '.$row['alamat'].'<br>';

echo '<hr>';

}

</body>

</html>

Screenshotnya seperti di bawah ini.

Yang digaris bawahi (mahasiswa) adalah isi tabel yang akan kita panggil di browser.

Lalu klik File, lalu klik Save As untuk menyimpan file.

Simpan di folder database yang telah kita buat tadi di folder xampp>htdocs>database_ti. Namanya samakan dengan databasenya. Gunakan ekstensi .php. Klik Save untuk menyimpan.