Membuat website dinamis sederhana

 

Setelah bisa membuat database di xampp sekarang saatnya untuk membuat sebuah website dinamis sederhana menggunakan apa yang sudah kita buat kemarin di tutorial-membuat-database-di-phpmyadmin.

Langsung saja dalam membuat website dinamis kita bisa menggunakan notepad, notepad++, ataupun adobe dreamwever untuk membuat website dinamis. Bedanya kalau menggunakaan adobe dreamwever kita bisa dengan mudah membuat design tampilan website karena  dalam pembuatannya menggunakan interface frafis, berbeda dengan notepad yang harus mengetik satu satu kode-kodenya baik html maupun php nya.

Database: mahasiswa
Tabel: biodata

column type Length/value index A_I/Auto Increment
Id Int 3 primary centang
Nama Vharcar 30
Alamat vharcar 100
Tanggal_lahir vharcar 20
umur vharcar 2

Masih ingat kan dengan database yang kita buat pada tutorial tutorial-membuat-database-di-phpmyadmin ini. Untuk mebuat website dinamis kita memerlukan sript PHP yang digunakan untuk menghubungkan anatara website dengan database MySQL. Langkah pertama buatlah file sambung.php

Tuliskan script dibawah ini di dalam file sambung.php.

<?php

$host="localhost";

$userdb="root";

$passdb="";

$namadb="mahasiswa";

$sambung=mysql_connect($host,$userdb,$passdb);

mysql_select_db($namadb,$sambung);

?>

Kode diatas adalah kode wajib yang harus di buat untuk membuat website dinamis. Penjelasan sriptnya adalah sebagai berikut. $host di isi localhost karena kita membuat website di localhost. $userdb diisi root kalau kita tidak melakukan set username pada phpmyadmin(user default phpmyadmin). $passdb diisi kosong, karena default dari password phpmyadmin adalah kosong. $namadb diisi dengan mahasiswa karena database yang kemarin kita buat adalah database dengan nama mahasiswa.

Dalam pembuatan script PHP ingat titik koma sangat berpengaruh sekali, kelebihan koma dan titik maupun hilangnya koma dan titik dalam kode PHP yang seharusnya di tulis, maka akan mengakibatkan eror pada script tersebut.

Simpan sambung.php ini di dalam folder xampp/htdocs/tutorial/sambung.php. folder ini dapat kita temukan saat kita menginstal xampp pada tutorial tutorial-membuat-database-di-phpmyadmin. Folder tutorial harus di buat sendiri, boleh mengganti folder tutorial.

Berikutnya kita akan membuat file tampil.php . file ini bertujuan untuk menampilkan data mahasiswa yang kemarin kita buat di website. File ini juga di simpan di dalam folder tutorial seperti halnya menyimpan file sambung.php

<?

//mengambil file sambung.php

//sebagai penghubung ke database

include "sambung.php";

?>

<table width="1019" border="0" cellpadding="2" cellspacing="1">

<tr>

<td width="26">No</td>

<td width="195">Nama Mahasiswa</td>

<td width="195">Alamat</td>

<td width="195">Tanggal lahir</td>

<td width="195">Umur</td>

</tr>

<?php

//$no=0; variabel yang mengambil angka nol untuk awal paging

//membuat nomor urut otomatis di halaman

$no=0;

// $biodata = "SELECT * FROM biodata"; memilih tabel biodata

//secara keseluruhan

$biodata = "SELECT * FROM biodata";

$biodatasql = mysql_query($biodata, $sambung)

or die ("SQL Error: ".mysql_error());

// while ($biodatadata..... merupakan bentuk perulangan untuk

//menampilkan data mahasiswa

while ($biodatadata=mysql_fetch_array($biodatasql)) {

//$no++; menambah nomor urut otomatis jika data mahasiswa bertambah

$no++;

?>

<tr>

<td><?php echo $no; ?></td>

<td><?=

// $biodatadata['nama']; mengambil kolom nama

$biodatadata['nama'];?></td>

<td><?= $biodatadata['alamat']; ?></td>

<td><?= $biodatadata['tanggal_lahir']; ?></td>

<td><?= $biodatadata['umur']; ?></td>

</tr>

<?
//akhir paging harus diakhiri dengan kode } sebagai penutup
} ?>
</table>

Setelah semua file di buat silahkan buka browser sepeti Mozilla firefox ataupun google crome, kemudian ketikkan di urlnya http://localhost/tutorial/ maka akan muncul seperti gambar di bawah ini

tampilan tampil.php

tampilan tampil.php

Kemudian klik tampil.php maka akan muncul gambar di bawah ini apabila penulisan script nya benar

tampilan lokalhost

tampilan lokalhost

Sekian tutorial untuk memunculkan data mahasiswa lewat website dinamis.

Kode di atas adalah kode yang terdiri dari tag-tag html untuk membuat tabelnya, dank ode PHP, bagaimana jika kita ingin membuat kode yang 100% kode PHP, ini dia scriptnya

<?

//mengamnbil file sambung.php

//sebagai penghubung ke database

include "sambung.php";

echo "<table width=1019 border=0 cellpadding=2 cellspacing=1>

<tr>

<td width=26>No</td>

<td width=195>Nama Mahasiswa</td>

<td width=195>Alamat</td>

<td width=195>Tanggal lahir</td>

<td width=195>Umur</td>

</tr>" ;

//$no=0; variabel yang mengambil angka nol untuk awal paging

//membuat nomor urut otomatis di halaman

$no=0;

// $biodata = "SELECT * FROM biodata"; memilih tabel biodata

//secara keseluruhan

$biodata = "SELECT * FROM biodata";

$biodatasql = mysql_query($biodata, $sambung)

or die ("SQL Error: ".mysql_error());

// while ($biodatadata..... merupakan bentuk perulangan untuk

//menampilkan data mahasiswa

while ($biodatadata=mysql_fetch_array($biodatasql)) {

//$no++; menambah nomor urut otomatis jika data mahasiswa bertambah

$no++;

echo "<tr>

<td>$no</td>

<td>$biodatadata[nama]</td>

<td>$biodatadata[alamat]</td>

<td>$biodatadata[tanggal_lahir]</td>

<td>$biodatadata[umur]</td>

</tr>";

//akhir paging harus diakhiri dengan kode } sebagai penutup

}

echo "</table>"; ?>

Tutorial berikutnya akan membahas mengenai update, delete, dan tambah mahasiswa melalui interface website. Selamat mencoba

Leave a Reply

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

fifteen − 2 =