Cara Membuat Aplikasi Data PHP & MySQL

1. Buatlah sebuah database sesuai keinginan kita misalnya kita beri nama 'biodata' (tanpa tanda petik). Setelah itu, kita buat table baru yang kita beri nama 'tabel_biodata' misalnya. contoh SQLnya seperti berikut ini:

CREATE TABLE IF NOT EXISTS `tabel_biodata` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`nama` varchar(50) NOT NULL,

`jenis_kelamin` enum('Laki-Laki','Perempuan') NOT NULL,

`alamat` varchar(100) NOT NULL,

`no_hp` varchar(12) NOT NULL,

PRIMARY KEY (`id`)

);

2. Buat sebuah folder di folder C:\xampp\htdocs\ misalnya kita beri nama 'biodata'. Kemudian buka text editor kesayangan kita baik itu Notepad++, Adobe Dreamweaver, Geany, Gedit atau yang lainnya. Sekarang kita buat file untuk koneksi ke database mysql, Ketikkan code program berikut ini (jangan di copy-paste loch!):

<?php

$dsn = "mysql:dbname=biodata;host=localhost";

$user = "root";

$pass = "";

try {

$dbh = new PDO($dsn, $user, $pass);

} catch (PDOException $e) {

echo "Koneksi ke database gagal: ".$e->getMessage();

}

lalu kita simpan dengan nama 'connect.php' di dalam folder 'C:\xampp\htdocs\biodata'.

3. Selanjutnya kita buat file baru untuk input data, ketikkan code program berikut ini:

<h1 align="center">Input Biodata</h1>

<legend>Form Input Biodata</legend>

<p>

Nama Lengkap

</p>

<p>

Jenis Kelamin

<input type="radio" name="jenis_kelamin" value="Perempuan" id="perempuan" /><label for="perempuan">Perempuan</label>

</p>

<p>

Alamat Lengkap

</p>

<p>

Nomor Handphone

</p>

<p>

</p>

</form>

</fieldset>

<center><a href="index.php">≪ Tabel Biodata</a></center>

4. Setelah kita membuat tampilan untuk input data, kita buat file untuk menyimpan data yang kita inputkan. Code programnya seperti berikut ini:

<?php

include 'connect.php';

if (isset($_POST)) {

$sql = "INSERT INTO tabel_biodata VALUE ('', '$_POST[nama]', '$_POST[jenis_kelamin]', '$_POST[alamat]', '$_POST[no_hp]')";

$dbh->exec($sql);

}

header("location:index.php");

lalu kita simpan dengan nama 'simpan.php'. Lalu bagaimana untuk menampilkan datanya? lanjut ke langkah berikutnya.

5. Setelah diinput, kita akan melihat data kita dalam bentuk tabel. code program untuk menampilkan datanya seperti berikut ini:

<?php

include 'connect.php';

<style>

tbody > tr:nth-child(2n+1) > td, tbody > tr:nth-child(2n+1) > th {

background-color: #ededed;

}

table{

width: 70%;

margin: auto;

border-collapse: collapse;

box-shadow: darkgrey 3px;

}

thead tr {

background-color: #36c2ff;

}

</style>

<h1 align="center">Tabel Biodata</h1>

<center><a href="input.php">Input Biodata ≫ </a></center>

<thead>

<tr>

<th>Jenis Kelamin</th>

<th>Alamat</th>

<th>Pilihan</th>

</tr>

</thead>

<tbody>

<?php

$sql = "SELECT * FROM tabel_biodata ORDER BY id";

$no = 1;

foreach ($dbh->query($sql) as $data) :

<tr>

<a href="hapus.php?id=<?php echo $data['id'] ?>" onclick="return confirm('Anda yakin akan menghapus data?')">hapus</a>

</td>

</tr>

<?php

endforeach;

</tbody>

</table>

lalu simpan dengan nama 'index.php' agar jika kita buka alamat 'http://localhost/biodata' langsung tampil tabel datanya.

6. Selanjutnya kita akan membuat file agar data kita yang sudah masuk ke database bisa di edit lagi. Berikut ini code programnya:

<?php

include 'connect.php';

if (isset($_GET['id'])) {

$query = $dbh->query("SELECT * FROM tabel_biodata WHERE id = '$_GET[id]'");

$data = $query->fetch(PDO::FETCH_ASSOC);

} else {

echo "ID tidak tersedia!

<a href='index.php'>Kembali</a>";

exit();

}

if ($data === false) {

echo "Data tidak ditemukan!

<a href='index.php'>Kembali</a>";

exit();

}

<h1 align="center">Edit Biodata</h1>

<legend>Form Input Biodata</legend>

<p>

Nama Lengkap

</p>

<p>

Jenis Kelamin

<?php if ($data['jenis_kelamin'] === "Laki-Laki") : ?>

<input type="radio" name="jenis_kelamin" value="Perempuan" id="perempuan" /><label for="perempuan">Perempuan</label>

<?php else : ?>

<input type="radio" name="jenis_kelamin" value="Perempuan" id="perempuan" checked /><label for="perempuan">Perempuan</label>

<?php endif; ?>

</p>

<p>

Alamat Lengkap

</p>

<p>

Nomor Handphone

</p>

<p>

</p>

</form>

</fieldset>

<center><a href="index.php">≪ Tabel Biodata</a></center>

lalu kita simpan dengan nama 'edit.php'.

7. Selanjutnya kita akan membuat file yang bertugas mengupdate data yang telah kita edit. berikut code programnya :

<?php

include 'connect.php';

if (isset($_POST)) {

$sql = "UPDATE tabel_biodata SET nama = '$_POST[nama]',

jenis_kelamin = '$_POST[jenis_kelamin]',

alamat = '$_POST[alamat]',

no_hp = '$_POST[no_hp]'

WHERE id = '$_POST[id]' ";

$dbh->exec($sql);

}

header("location:index.php");

lalu kita simpan dengan nama 'update.php'.

8. Nah, bagian terakhir adalah membuat file yang bertugas untuk menghapus data yang kita pilih untuk dihapus, code programnya seperti berikut ini:

<?php

include 'connect.php';

if (isset($_GET['id'])) {

$dbh->exec("DELETE FROM tabel_biodata WHERE id = '$_GET[id]'");

}

header("location:index.php")

kita simpan file tersebut dengan nama 'hapus.php'.

Sampai disini kita telah membuat sebuah program yang dapat membantu kita untuk input data, menampilkan data, mengupdate data dan menghapus data. Sekarang kita coba lagi program kita buat dengan mengakses ke alamat 'http://localhost/biodata'. sudah tampil kan programnya? selamat belajar, dan pesan saya jangan sering begadang ngerjain tugas gara-gara waktunya udah mepet mepet sama deadline. Jika ada pertanyaan jangan malu-malu untuk bertanya, salam Zulfan Nahar Andriano

NB : Untuk contoh silahkan download script berikut jika membutuhkan