July 18, 2024

Menampilkan Data Pada List Menu Dengan PHP

1 min read

Pada tutorial ini, kita akan mempelajari tentang menampilkan data dari database MySQL pada list menu dengan menggunkan PHP.

Langkah 1

Buat Database Dengan nama : DbHotel, Tabel  dengan mana : TbHotel.

localhost

Langkah 2

Buat perintah koneksi PHP keMySQL

  • Simpan File dengan nama : conn.php
  • Mysql_connect = untuk membuat koneksi ke server MySQL

Mysql_connect(“hostname”,” username”,”password”);

  • Hostname = nama server MySQL
  • Username = nama pemakai yang digunakan untuk melakukan koneksi
  • Password = kata sandi pada server MySQL
  • MySQL_select_db = untuk memilih database yang akan digunakan

Mysql_select_db(database_name,[link_identifier])

[sourcecode]

<?php

$host="localhost";

$user="root";

$pass="123456";

$db="DbHotel";

&nbsp;

$koneksi=mysql_connect($host,$user,$pass);

mysql_select_db($db,$koneksi);

?>

[/sourcecode]

 

Langkah 3

Buat Halaman ListMenu.php

  • Simpan File dengan nama : ListMenu.php
  • Include = untuk mengambil semua isi teks dari suatu file kemudian meng-copy-nya ke file lain
  • Mysql_query = untuk memasukkan perintah-perintah SQL, baik yang bersifat DDL atau DML.

Mysql_query(“perintah SQL”);

[sourcecode]

<script languange="Javascript1.2">

function pilih(id){

location.replace("ListMenu.php?id="+id);

}

</script>

&nbsp;

<?php

include "conn.php";

if($_GET[”]!==""){

$id=$_GET[‘id’];

$query=mysql_query("select * from TbHotel where id_hotel=’$id’");

?>

[/sourcecode]

Langkah 4

Desain Tabel untuk menampilkan Isi data pada database ke list Menu

Desainlah tabel untuk menampilkan Isi data pada database ke list Menu seperti script dibawah ini, script html ini lanjutan dari file ListMenu.php.

[sourcecode]
<html>

<head>

<title>List Data</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

th{color: #FFF;}

body{color:#000; }

</style>

</head>

<body >

&nbsp;

<table border="0" >

<tr>

<td align="left">Pilih Nama Hotel : </td>

&nbsp;

<td width="195" valign="top">

<select name="id" id="id" onChange="pilih(this.value)">

<option value="0" selected="selected">Pilih !</option>

<?php

$query_limit=mysql_query("select * from TbHotel");

while($row=mysql_fetch_array($query_limit))

{

?><option value="<?php  echo $row[‘id_hotel’]; ?>"><?php  echo $row[‘nama’]; ?></option>

<?php

}

?>

</select>

</td>

</tr>

</table>

[/sourcecode]

Langkah 5

Desain Tabel untuk menampilkan Isi data pada database

Desainlah tabel untuk menampilkan Isi data pada database seperti script dibawah ini, script html ini lanjutan dari file ListMenu.php, diletakkan setelah script untuk menampilkan Isi data pada database ke list Menu.

Mysql_fetch_array = untuk mengambil data per record. pada fungsi mysql_fetch_array() yang digunakan adalah nama fieldnya.

Mysql_fetch_array (“perintah SQL ”);

[sourcecode]

<table border="1" cellpadding="0" cellspacing="0">

<tr bgcolor="#723074">

<th width="30px">No</th>

<th width="200px">Nama Hotel</th>

<th width="300px">Alamat</th>

<th width="100px">Telepon</th>

</tr>

<?php

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

?>

<tr>

<td><?php echo $c=$c+1;?></td>

<td><?php echo $row[‘nama’];?></td>

<td><?php echo $row[‘alamat’]; ?></td>

<td><?php echo $row[‘telp’]; ?></td>

</tr>

<?php

}

?>

</table>

&nbsp;

<?php</pre>
}

?>

</body>

</html>

[/sourcecode]

Setelah selesai, maka hasil yang didapat adalah seperti berikut :

localhost2

Ketika ListMenu diklik pilih Nama Hotel maka data No, Nama Hotel, Alamat, Telepon  akan terisi dengan sendirinya, seperti barikut:

localhost3

Demikian tutorial untuk menampilkan data pada list menu dengan PHP, Semoga bermanfaat.. 🙂

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.