Skip to main content

Menampilkan Table Dari Database MySQL

Setelah di postingan sebelumnnya kita membahas tentang Membuat Database dan Table MySQL Dengan AppServ, sekarang saya akan menjelaskan bagaimana cara untuk membuat table di halaman HTML dengan menggunakan script PHP.

Pertama kita buat dulu file php pendukung untuk memanggil koneksi ke MySQL, copykan script di bawah ini ke editor kamu, kemudian save di "C:\AppServ\www\belajar" jika belum ada, buat foldernya .dengan nama file "table.php" 
<?php
$servername = "localhost";
$username = "root";
$password = "root";
$dbname = "pweb";
$conn = new mysqli($servername, $username, $password, $dbname); //membuat koneksi
// cek koneksi
if ($conn->connect_error){
die("koneksi Gagal: " . $conn->connect_error);
}
$sql = "SELECT npm,nama,prodi_id,email FROM mahasiswa";
$result = $conn->query($sql);
$x=1;
if ($result->num_rows > 0)
//num_row= mengecek jumlah data hasil kueri
{
echo "<table border= 2px>
<tr>
<th>no</th>
<th>Npm</th>
<th>Nama</th>
<th>Prodi</th>
<th>Email</th>
</tr>";

// fetch_assoc=Mengubah hasil keuri menjadi array
while($rows = $result->fetch_assoc() )
{
echo "<tr>
<td>".$x."</td>
<td>".$rows["npm"]. "</td>
<td>".$rows["nama"]."</td>
<td>".$rows["prodi_id"]."</td>
<td>".$rows["email"]."</td>
</tr>";
$x=$x+1;
}
echo "</table>";
} else {
echo "0 result";
}
$conn->close() ;
?>

Copykan Script fungsi insert, untuk menginput data ke database MySQL, save di "C:\AppServ\www\belajar" dengan nama "insert.php"
<?php
$servername = "localhost";
$username = "root";
$password = "root";
$dbname = "pweb";
$conn = new mysqli($servername, $username, $password, $dbname); //membuat koneksi
// cek koneksi
if ($conn->connect_error){
die("koneksi Gagal: " . $conn->connect_error);}
//menjalankan fungsi insert.php
$sql= "INSERT INTO  `pweb`.`mahasiswa` (
`No` ,
`npm` ,
`nama` ,
`prodi_id` ,
`email` ,
`timestamp`
)
VALUES (
NULL ,  '132176013470',  'badubau',  '2',  'badubagu@badu.com', NOW( )//Data yang masuk ke database MySQL
)";
$result = $conn->query($sql);

$conn->close() ;
header("location: index.php");
?>

Copykan Script fungsi delete, untuk membuang data dari database MySQL, kemudian save di "C:\AppServ\www\belajar" dengan nama "delete.php"
<?php
$servername = "localhost";
$username = "root";
$password = "root";
$dbname = "pweb";
$conn = new mysqli($servername, $username, $password, $dbname); //membuat koneksi
// cek koneksi
if ($conn->connect_error){
die("koneksi Gagal: " . $conn->connect_error);}
//menjalankan fungsi delete
$sql= "DELETE
FROM mahasiswa
WHERE npm = '132176013470'";
$result = $conn->query($sql);

$conn->close() ;
header("location: index.php");
?>
Copykan Script di bawah ini sebagai contoh halaman HTML yang akan kita buat. kemudian save di "C:\AppServ\www\belajar" dengan nama "index.php" 
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<title>Traveller</title>
<div id="wrap">
<div id="image"> </div>
<div id='header'>
<ul>
    <li class="active"><a href="index.html">Home</a></li>
    <li><a href="index.html">News</a></li>
    <li><a href="index.html">Contact</a></li>
    <li><a href="aboutme.html">About</a></li>
</ul>
</div>
<div id="nav">
<center><div id="garis"><b>Biodata</b>
<a href="aboutme.html"><img src="images/rova.jpg" width="180px" height="180px"></a></div></center>
</br>
<p>
Nama : Rockson <br/>
Pekerjaan : Mahasiswa <br/>
Negara : Republik Indonesia <br/>
Alamat : Batam<br/>
Hoby : Traveling <br/>
</p>
<hr>
<p align="justify">
Saya adalah mahasiswa asal Batam, saya menyukai traveling dan aktifitas outdoor</br>
saya tinggal di Batam dan Kuliah di Sekolah tinggi teknik Ibnusina Batam.
</p>
</div>
<div id="kanan">
<div class="widget">
<div class="widget-title"><h3>Kepulauan Riau</h3></div>
<ul>
<li><a href="table.php">Tampilkan Table</a></li>
<li><a href="insert.php">Insert Data</a></li>
<li><a href="delete.php">Delete Data</a></li>
<li><a href="index.php">Home</a></li>
</ul>
</div>
</div>
<center>
<h1>Table Data Mahasiswa</h1>
<?php include "table.php"; ?> //memanggil table.php ke halaman HTML
</center>
<div id="section">
<h1>Batam</h1>
<marquee align="left" bgcolor="#d9d9d9" direction="left" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="100%"><img src="images/batam/batam1.jpg"alt="batam1" width="290" height="200"><img src="images/batam/batam2.jpg"alt="batam2" width="290" height="200"><img src="images/batam/batam3.jpg"alt="batam3" width="290" height="200"><img src="images/batam/batam4.jpg"alt="batam4" width="290" height="200"></marquee>
<center><p>Batam Kota Madani</p></center>
<p>
Kota Batam adalah kota terbesar di Provinsi Kepulauan Riau dan merupakan kota dengan populasi terbesar ke tiga di wilayah Sumatra setelah Medan dan Palembang, Menurut Dinas Kependudukan dan Catatan Sipil Kota Batam Per Juni 2015 jumlah penduduk Batam mencapai  566.938 kepala keluarga atau 1.030.529 jiwa. Metropolitan Batam terdiri dari tiga pulau, yaitu Batam, Rempang dan Galang yang dihubungkan oleh Jembatan Barelang.
</p>
<p>
Batam merupakan sebuah kota dengan letak sangat strategis. Selain berada di jalur pelayaran internasional, kota ini memiliki jarak yang cukup dekat dengan Singapura dan Malaysia. Batam merupakan salah satu kota dengan pertumbuhan terpesat di Indonesia. Ketika dibangun pada tahun 1970-an awal kota ini hanya dihuni sekitar 6.000 penduduk dan dalam tempo 40 tahun penduduk Batam bertumbuh hingga 158 kali lipat.
</p>
</div>
<div id="footer">
Modified by Rockson
</div>
</div>
</body>

</html>

kemudian buka browser dan ketik "localhost/belajar" halaman browser kamu akan seperti berikut :


Seharusnya Table Kamu akan muncul tepat di bawah tulisan "Table Data Mahasiswa", namun karena belum ada data yang dimasukkan kedalam database MySQL, maka akan tertulis "0 result", sekarang klik "Insert Data" kemudian akan muncul table dari Database MySQL sebagai berikut:

Klik "Tampilkan Table", maka halaman web akan menuju ke "table.php". dengan tampilan berikut


Klik "Delete Data", maka data di table akan kosong lagi, dan tampilannya akan menjadi sebagai berikut 


Demikian beberapa fungsi php yang dijalankan pada halaman HTML. Jika kurang jelas, saya sertakan file jadinya. silahkan download

Comments

Popular posts from this blog

Perancangan Ruang Server

Perlunya Memiliki Server dan Ruang Server Sendiri A. Alasan Memiliki Server & Ruang Server Sendiri Pembangunan Gedung D pada STT Ibnu Sina akan menambah jumlah user pada fasilitas E-learning dan akses website STT Ibnu Sina lainnya. Hal tersebut tentu akan menambah beban jaringan atau Bandwidth yang dibutuhkan untuk menyimpan content pada E-learning dan Website STT Ibnu Sina, seperti modul tugas dan Data Kemahasiswaan. Berikut beberapa keuntungan jika STT Ibnu Sina memuliki Server dan ruang Server sendiri : Mempermudah baik pihak pengurus STT Ibnu Sina Batam maupun mahasiswa dalam mengatur dan mengakses data dan informasi Kerahasiaan data dan informasi terjaga dalam server. Mengurangi biaya internet karena situs STT Ibnu Sina yang di akses melalui jaringan yang ada di STT Ibnu Sina akan menggunakan jaringan local, sehingga tidak membutuhkan akses internet Mempermudah mahasiswa khususnya teknik informatika untuk belajar langsung tentang server, data center dan kegunaann...

Pengenalan, Fungsi dan Tipe -tipe ROM

Merupakan chip IC (integrated circuit) disebut sebagai memori yang tidak mudah berubah (non-volatile memory). yang menyediakan fungsi penyimpanan data yang bersifat WORM (write once read many), dimana penyimpanannya permanen walaupun tanpa daya listrik, ROM tidak dapat diisi atau ditulisi data sewaktu-waktu seperti RAM. Pengisian atau penulisan data, informasi, ataupun program pada ROM memerlukan proses khusus yang tidak semudah dan se-fleksibel cara penulisan pada RAM. Biasanya, data atau program yang tertulis pada ROM diisi oleh pabrik yang membuatnya. Umumnya ROM digunakan untuk menyimpan firmware, yaitu perangkat lunak yang berhubungan dengan perangkat keras. ROM modern sering ditemukan dalam bentuk IC (Integrated Circuit), sama seperti RAM yag wujudnya kebanyakan juga berupa IC. Teks atau kode yang tertulis pada kedua jenis IC ini berbeda. IC ROM biasanya memiliki kode tulisan (teks) 27xxx. Angka 27 menunjukkan kode untuk ROM, sedangkan xxx menjunjukkan kapasitas ROM d...

Memanggil file CSS ke Halaman HTML

Postingan sebelumnya saya menjelaskan tentang halaman html sederhana dengan layout CSS , yang mana Script CSS di gabungkan ke halaman HTML, kali ini saya akan menjelaskan bagaimana memisahkan file CSS dan cara memanggil file tersebut di halaman HTML. Pertama lihat kembali ke halaman html, buka dengan editor kamu. <!DOCTYPE html> <html> <head> <style> #header {     background-color:black;     color:white;     text-align:center;     padding:5px; } #nav {     line-height:30px;     background-color:#eeeeee;     height:300px;     width:100px;     float:left;     padding:5px; } #section {     width:350px;     float:left;     padding:10px; } #footer {     background-color:black;     color:white;     clear:both;     text-align:center;     padding:5px...