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"
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"$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() ;
?>
<?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"$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");
?>
<?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" $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");
?>
<!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
Comments
Post a Comment