stupidfreak

Pengolahan Data dengan PHP

Posted by: dEn t0w0 on: 31 August 2009

Kali ini kita akan membuat suatu aplikasi sederhana yang befungsi untuk melakukan pengolahan data. Dimana dengan aplikasi ini kita dapat memasukan, mengubah dan menghapus data (insert, update dan delete). Data tersebut nantinya akan di simpan kedalam database. Dalam pembahasan ini kita akan mengolah data jenis barang, dimana nanti kita dapat memasukan data jenis barang, lalu mengubah dan menghapusnya melalui form yang akan di buat dengan PHP.

Dengan asumsi bahwa anda telah melakukan installasi server apache, PHP dan database MySQL (saya menggunakan XAMPP). Buatlah folder belajar dalam folder htdocs anda, lalu di dalam folder belajar buat lagi sebuah folder dengan nama jenis_barang, sehingga struktur direktori saya menjadi C:\xampp\htdocs\belajar\jenis_barang, perhatikan gambar di bawah ini.

gambar 1

Gambar 1

Membuat Database

Setelah kita membuat folder, langkah selanjutnya adalah membuat database yang nantinya akan mempunyai tabel untuk menyimpan data yang akan kita olah. Untuk memudahkan gunakanlah PhpMyAdmin, buat database dengan nama db_belajar. Setelah itu kita buat tabel dengan nama tjenis_barang.

CREATE TABLE `db_belajar`.`tjenis_barang` (

`id_jns_brg` INT( 4 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`kd_jns_brg` CHAR( 10 ) NOT NULL ,
`jns_brg` CHAR( 20 ) NOT NULL

)

Berikut struktur tabel tjenis_barang.

Field

Type

id_jns_brg

int(4)

kd_jns_brg

char(10)

jns_brg

char(20)

Membuat Koneksi Database

Setelah kita mempunyai database dan tabel yang akan di gunakan untuk menyimpan data yang akan kita olah nantinya, sekarang kita membutuhkan koneksivitas yang akan menghubungkan antara PHP dan database MySQL.

File ini dibuat untuk menyingkat waktu pembuatan program, dan akan sangat terasa manfaatnya saat kita membuat aplikasi yang mempunyai banyak file. Sehingga kita hanya butuh menyertakan include saja di dalam setiap file yang kita buat tanpa perlu lagi menulis berulang-ulang skrip koneksi database.

Pertama buat dulu folder koneksi_db di dalam folder belajar sehingga direktori saya menjadi C:\xampp\htdocs\belajar\koneksi_db, folder ini nanti di gunakan untuk menyimpan file koneksi. Beri nama file koneksi dengan nama koneksi.php lalu simpan di dalam folder koneksi_db berikut ini adalah skrip file koneksi.

Skrip koneksi.php :

<?php

$server = “localhost”;

$username = “root”;

$password = “”;

$database = “db_belajar”;

// Koneksi dan memilih database di server

mysql_connect($server,$username,$password) or die(“Koneksi gagal”);

mysql_select_db($database) or die(“Database tidak bisa dibuka”);

?>

Membuat Halaman Utama

Jangan bayangkan apa yang akan kita buat ini adalah halaman utama seperti halaman utama yang biasa anda lihat. Halaman ini hanya halaman sederhana saja, dimana kita bisa memulai mengolah data jenis barang melalui halaman ini. Di halaman ini pula akan di tampilkan data-data yang telah dimasukan dan tersimpan di dalam tabel tjenis_barang. Ketikan skrip seperti di bawah ini, lalu beri nama index.php simpan di dalam folder jenis_barang.

Skrip index.php:

<? include_once ‘../koneksi_db/koneksi.php’?>

<html>

<head>

<title>.: Jenis Barang</title>

</head>

<?

$no= 1;

$q=”SELECT * FROM tjenis_barang ORDER BY id_jns_brg“;

$res=mysql_query($q) or die ();

?>

<body>

<h2>Data Jenis Barang</h2>

<p>

<form>

<input type=’button’ name=’btnAdd’ value=’Tambah Data’ onclick=location.href=’add.php’>

</form>

</p>

<p>

<table cellpadding=”4″ cellspacing=”4″>

<tr>

<td><div align=”center”>No</div></td>

<td><div align=”center”>Kode Jenis Barang</div></td>

<td><div align=”center”>Jenis Barang</div></td>

<td><div align=”center”>Aksi</div></td>

</tr>

<?

if(mysql_num_rows($res)) {

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

?>

<tr>

<td align=”center”><?=$no?>.</td>

<td><?=$row['kd_jns_brg']?></td>

<td><?=$row['jns_brg']?></td>

<td>

<a href=”edit.php?id=<?=$row[id_jns_brg]?>”>Ubah</a> |

<a href=”delete.php?id=<?=$row[id_jns_brg]?>” onClick=”return confirm(‘Yakin ingin menghapus <?=$row['jns_brg']?>’)”>Hapus</a> </td>

</tr>

<?

$no++;

}

}

else {

?>

<tr>

<td colspan=”4″ align=”center”> – Tidak ada data –</td>

</tr>

</table>

<?

}

?>

</p>

</body>

</html>

Pertama adalah memanggil file koneksi ke database (koneksi.php) dengan cara menyertakan file tersebut (<? include_once ‘../koneksi_db/koneksi.php’?>). Lalu memilih tabel yang data nya akan di tampilkan pada halaman ini (tjenis_barang) di tunjukan oleh baris skrip $q=”SELECT * FROM tjenis_barang ORDER BY id_jns_brg;.

Jika sudah di buat skripnya, buka web browser anda lalu pada URL address ketikan http://localhost/belajar/jenis_barang/, jika konfigurasi dan skrip yang anda ketik benar maka akan muncul halaman seperti gambar di bawah ini pada web browser anda.

gambar 2

Gambar 2

Karena belum ada satu pun data yang di input kan maka yang tampil adalah seperti itu (tulisan tidak ada data) hal ini karena di gunakan percabangan if else pada skrip index.

if(mysql_num_rows($res)) {

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

–isi data–

}

}

else {

–tidak ada data–

}

Artinya jika ditemukan data pada database maka data akan tampil (blok –isi data–), namun jika tidak (else) maka yang tampil hanyalah tulisan tidak ada data (blok –tidak ada data–).

Membuat Form Tambah Data

Form ini, adalah untuk kita melakukan input data jenis barang. Data yang akan kita input hanyalah kode jenis barang dan jenis barang saja, beri nama file ini add.php berikut di bawah ini adalah skripnya.

Skrip add.php:

<html>

<head>

<title>.: Jenis Barang</title>

</head>

<body>

<h2>Tambah Data Jenis Barang</h2>

<p>

<form name=”frmAdd” method=”post” action=”qadd.php”>

<table cellpadding=”6″ cellspacing=”6″>

<tr>

<td>Kode Jenis Barang</td>

<td>:</td>

<td><input type=”text” name=”txtKdJnsBrg” size=”30″></td>

</tr>

<tr>

<td>Jenis Barang</td>

<td>:</td>

<td><input type=”text” name=”txtJnsBrg” size=”30″></td>

</tr>

<tr align=”center”>

<td colspan=”3″>

<input type=”submit” value=”Simpan”>

<input type=”reset” name=”btnReset” value=”Ulang”>

<input type=”button” name=”btnBack” value=”Kembali” onClick=”history.back()”>

</td>

</tr>

</table>

</form>

</p>

</body>

</html>

Form ini akan memiliki tampilan seperti gambar di bawah ini

gambar 3

Gambar 3

Membuat File Pemroses Tambah Data

Setelah melakukan input data, dan di klik tombol “Simpan” maka selanjutnya data itu akan di tangani oleh sebuah file pemrosesnya. Buatlah sebuah file dan beri nama qadd.php <form name=”frmAdd” method=”post” action=”qadd.php”>, file ini digunakan untuk melakukan pemrosesan data, apa proses yang dilakukan?. Lihat baris skrip di bawah ini

Skrip qadd.php:

<?

include_once ‘../koneksi_db/koneksi.php’;

$q=sprintf(“INSERT into tjenis_barang (kd_jns_brg, jns_brg)

VALUES (‘%s’,'%s’)”,

$_POST['txtKdJnsBrg'],

$_POST['txtJnsBrg']

);

$res=mysql_query($q) or die (‘cannot execute query’)

?>

<script>

alert(“data sudah di simpan”);

location.href=’index.php‘;

</script>

Proses yang di lakukan file ini adalah, pertama seperti biasa melakukan koneksi ke database <?include_once ‘../koneksi_db/koneksi.php’;?> , setelah itu dilakukan lah penyimpanan nilai data ke dalam database (tabel tjenis_barang).

$q=sprintf(“INSERT into tjenis_barang (kd_jns_brg, jns_brg)

VALUES (‘%s’,'%s’)”,

$_POST['txtKdJnsBrg'],

$_POST['txtJnsBrg']

);

Lalu di akhiri dengan javascript untuk menampilkan pesan “data sudah di simpan”.

gambar 4

Gambar 4

Sekarang anda sudah bisa melakukan salah satu manipulasi tambah data, coba buka web browser anda buka halaman utama atau index.php (ketik http://localhost/belajar/jenis_barang/), pada halaman index klik tombol tambah data lalu muncul form tambah data, lalu isikan data dan klik tombol simpan.

Untuk menambahkan data, lakukan langkah diatas berulang-ulang untuk melakukan input data. Lalu kini data pun berhasil di input ke dalam database dan di tampilkan pada halaman utama (index.php), seperti terlihat pada gambar di bawah ini.

gambar 5

Gambar 5

Pada kolom aksi terdapat perintah (link) ubah dan hapus, dimana jika di klik ubah maka akan masuk ke form edit data untuk melakukan perubahan pada isian data dan jika di klik tombol hapus maka akan di lakukan penghapusan pada data.

Membuat Form Ubah Data

<a href=”edit.php?id=<?=$row[id_jns_brg]?>”>Ubah</a>

Perhatikan skrip di atas pada index.php, jika di klik pada link ubah, maka anda akan di arahkan menuju halaman edit.php dengan id jenis barang pada baris yang kita klik. Buatlah form ubah data dengan nama edit.php.

Skrip edit.php:

<? include_once ‘../koneksi_db/koneksi.php’?>

<html>

<head>

<title>.: Jenis Barang</title>

</head>

<?

$q = “SELECT * FROM tjenis_barang WHERE id_jns_brg = ‘$_GET[id]‘“;

$res = mysql_query($q) or die(“cannot execute query”);

$row = mysql_fetch_array($res);

?>

<body>

<h2>Ubah Data Jenis Barang</h2>

<p>

<form name=”frmAdd” method=”post” action=”qedit.php”>

<input type=”hidden” name=“id” value=”<?=$row['id_jns_brg']?>”>

<table cellpadding=”6″ cellspacing=”6″>

<tr>

<td>Kode Jenis Barang</td>

<td>:</td>

<td><input type=”text” name=”txtKdJnsBrgreadonly=”readonly” size=”30″ value=”<?=htmlspecialchars($row['kd_jns_brg'])?>”></td>

</tr>

<tr>

<td>Jenis Barang</td>

<td>:</td>

<td><input type=”text” name=”txtJnsBrg” size=”30″ value=”<?=htmlspecialchars($row['jns_brg'])?>”></td>

</tr>

<tr align=”center”>

<td colspan=”3″>

<input type=”submit” value=”Ubah”>

<input type=”reset” name=”btnReset” value=”Ulang”>

<input type=”button” name=”btnBack” value=”Kembali” onClick=”history.back()”>

</td>

</tr>

</table>

</form>

</p>

</body>

</html>

Seperti biasa pada bagian awal di mulai dengan melakukan koneksi ke database, lalu melakukan pemilihan data yang akan di tampilkan serta menangkap id hasil lemparan dari index.php WHERE id_jns_brg = ‘$_GET[id]‘ dan baris <input type=”hidden” name=“id” value=”<?=$row['id_jns_brg']?>”>.

Pada halaman index, terdapat dua data yakni data jenis barang motor dan mobil, lakukanlah ubah data pada data motor dengan cara melakukan klik ubah pada baris data motor. Maka selanjutnya akan muncul form pengubahan data, dimana terdapat dua kolom isian yakni kode jenis barang (BR001) dan jenis barang (motor). Namun pengubahan hanya dapat di lakukan pada isian jenis barang saja, karena kode jenis barang terdapat mode readonly.

gambar 6

Gambar 6

gambar 7

Gambar 7

Membuat File Pemroses Ubah Data

Setelah melakukan ubah data, dan di klik tombol “Ubah” maka selanjutnya data itu akan di tangani oleh sebuah file pemrosesnya. Buatlah sebuah file dan beri nama qedit.php, file ini digunakan untuk melakukan pemrosesan data, apa proses yang dilakukan?. Lihat baris skrip di bawah ini

Skrip qedit.php:

<?

include_once ‘../koneksi_db/koneksi.php’;

$query = sprintf(“

UPDATE tjenis_barang

SET

kd_jns_brg = ‘%s’,

jns_brg = ‘%s’

WHERE

id_jns_brg = ‘%d’

“,

$_POST['txtKdJnsBrg'], $_POST['txtJnsBrg'], $_POST['id']

);

$res = mysql_query($query) or die(‘cannot execute query’);

?>

<script>

alert(“data sudah di ubah”);

location.href=’index.php‘;

</script>

Sama seperti file qadd.php file ini pun di akhiri dengan javascript untuk menampilkan sebuah pesan seperti gambar di bawah ini.

gambar 8

Gambar 8

Sekarang coba ubah saja data motor dengan data rokok dan data mobil dengan data kopi dengan cara dari halaman index, klik ubah pada data motor dan mobil (lakukan satu persatu) lalu ketikan pada isian jenis barang lalu klik tombol ubah. Lalu proses pengubahan data akan di tangani oleh file qedit.php. Dan data pada halaman index pun berhasil di ubah, data kini menjadi data rokok dan kopi (sebelumnya motor dan mobil).

gambar 9

Gambar 9

Menghapus Data

Untuk melakukan penghapusan data, klik saja link hapus di halaman index, maka proses penghapusan akan dilakukan oleh file delete.php.

Skrip delete.php:

<?

include_once ‘../koneksi_db/koneksi.php’;

mysql_query(“DELETE FROM tjenis_barang WHERE id_jns_brg=’$_GET[id]‘”);

?>

<script>

alert(“Data telah dihapus.”);

location.href =’index.php‘;

</script>

Demikianlah uraian bagaimana kita dapat melakukan pengolahan (manipulasi) data (jenis barang) dengan suatu aplikasi yang di bangun dengan menggunakan PHP. Sekian dari saya, selamat belajar dan tak lupa pula saya mengucapkan terima kasih kepada semua pihak yang telah membantu baik secara langsung maupun tidak langsung akan dibuatnya tulisan ini.

Leave a Reply

Stupidmeter

  • 5,809 Kilostupid

Dimulai dari sesuatu yang bodoh

Inilah dunia kami, inilah cara pandang kami, beginilah kami bercerita, beginilah kami menyikapi, beginilah kami menyoroti, semuanya terserah kami karena memang ini dunia kami, dunia yang bebas bodoh walopun ngga pinter (tapi yang paling penting ya ngga bodoh *halah*).



Rendy Fiktowo's Facebook profile



Soulmate

Penanggalan

August 2009
F S S M T W T
« Jul   Oct »
 123456
78910111213
14151617181920
21222324252627
28293031  

Kamu di :

IP

Arsip

Teu Ngarti??

A cluster the hymn of love, droop above that carpet!! then wind, slowly sent the fingers to the rock of heart

TTimeless
OOrderly
WWitty
OOdd

Name Acronym Generator
From Go-Quiz.com

Twitter gue