Kalo ingin download klik Disini
klo ingin mempercantik tampilan tinggal buat cssnya
Contoh
aplikasi Crud sederhana di php, mysql
Pertama
buat database dengan mysql, dengan nama database db_pegawai dan berisi tabel
tb_pegawai, tb_pegawai mempunyai field nip, nama, umur, alamat, no telpon ini
screen shotnya
Setelah
itu buat penghubung dari php ke mysql dengan cara membuat koneksinya, buat
koneksi.php ini kodenya
<?php
$server="localhost";
$username="root";
$pwd="";
$db="db_pegawai";
mysql_connect($server,$username,$pwd)
or die("Gagal mengakses Database");
mysql_select_db($db)
or die ("database tidak ada");
?>
Penjelasan
singkat:
Php
selalu berawal dengan kode <? Dan akhiran ?>
Mysql_connect
= untuk menyambungkan php ke mysql yg berisi server, user, password
Mysql_select_db
= untuk memilih nama database
Buat
file home.php
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=utf-8" />
</head>
<body>
<h2>Ini Adalah Halaman
Home</h2>
<h2>Anda Dapat Mengisi Apa saja yg
Ada Di dalam home.php</h2>
</body>
</html>
Setelah
itu buat formnya
Background:
header
<?php
include("koneksi.php");
?>
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled
Document</title>
</head>
<body>
<div
id="wrapper">
<div
id="header"> <h1>Belajar Web Desain</h1>
</div><!--ini
akhiran header-->
<div
id="menu">
<marquee><h2>Belajar
HTML dan PHP Bersama Faris SMKN 4 Banjarmasin</h2></marquee>
</div><!--ini
akhiran menu-->
<div
id="main">
<div
id="kiri">
<ul>
<li><a
href="index.php?menu=home">Home</a></li>
<li><a
href="index.php?menu=pegawai">Lihat Pegawai</a></li>
</ul>
</div><!--ini
akhiran kiri-->
<div
id="kanan">
<?php
include("menu.php");?>
</div><!--ini
akhiran kanan-->
</div><!--ini
akhiran main-->
<div
id="halat">
</div><!--ini
akhiran halat-->
<div
id="footer">
<h2>Copyright
© created By M. Faris Abdillah</h2>
</div><!--ini
akhiran footer-->
</div><!--ini
akhiran wrapper-->
</body>
</html>
Buat
dengan nama index.php
Penjelasan
singkat:
Include
maksudnya memasukkan kode di file yg dipanggil
Index
yg akan di jalankan dluan
Kode
diatas akan menampilkan seperti di bawah
klo ingin mempercantik tampilan tinggal buat cssnya
Tambahkan
kode ini diatas </head>
<link
href="style.css" rel="stylesheet" type="text/css"
/>
Setelah
itu buat file css nya seperti nama di href style.css
Ini
kodenya
@charset
"utf-8";
/*
CSS Document */
body{
background-image:url(gambar/background.jpg);
}
h1{
margin:0;
text-align:center;
font-family:Arial, Helvetica,
sans-serif;
font-style:oblique;
font-size:66px;
}
#menu
h1{
margin:0px;
text-align:center;
font-family:Arial, Helvetica,
sans-serif;
font-style:oblique;
}
h2{
margin:0;
text-align:center;
}
#wrapper{
border:#CC6600 solid 10px;
border-radius:10px;
width: 960px;
margin: 0 auto;
}
#header{
background:url(gambar/header.jpg);
height:150px;
}
#menu{
background:#FF9900;
padding:1px;
}
#main{
overflow:hidden;
background:#FFFFFF;
}
#kiri{
float: left;
min-height:400px;
width:200px;
}
#kanan{
border-left:1px solid #CCCCCC;
float:right;
min-height:400px;
width:750px;
}
#halat{
background:#CCCCCC;
height:40px;
}
#footer{
clear:both;
padding: 20px;
background:#FF3300
}#kiri
ul{
margin:1px;
padding:0;
list-style:none;
}
#kiri
ul li{
display:block;
margin:15px;
}
#kiri
a{
display:block;
background:#ff9900;
text-decoration:none;
color:#CC0000;
padding: 3px 15px;
border:1px solid #006699;
border-radius:10px;
}
#kiri
a:hover{
background-color:#ff8400;
}
Penjelasan
singkat:
#
= id
.
= class
Contoh
Screen shotnya
Seperti
kode index id kanan akan diisi file yg diinclude yg menu.php
Yg
berisi
<?php
@$menu=$_GET['menu'];
if($menu=='home'){
include('home.php');
}elseif($menu=='pegawai'){
include('pegawai.php');
}elseif($menu=='tambah_pegawai'){
include('tambah_pegawai.php');
}elseif($menu=='insert_pegawai'){
include('insert_pegawai.php');
}elseif($menu=='hapus_pegawai'){
include('hapus_pegawai.php');
}elseif($menu=='ubah_pegawai'){
include('ubah_pegawai.php');
}elseif($menu=='update_pegawai'){
include('update_pegawai.php');
}else{
include('home.php');
}
?>
Penjelasan
Singkat:
$menu
= variabel menu
@untuk
mengatasi dari versi xampp/mysql
Untuk
menampilkan dan memfungsikan tombol LIHAT PEGAWAI buat dile pegawai.php yg
berisi kode
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled
Document</title>
</head>
<body>
<p><a
href="index.php?menu=tambah_pegawai">Tambah
Pegawai</a></p>
<form id="form1"
name="form1" method="post" action="">
<p>Cari Berdasarkan:
<select name="cmbCari"
id="cmbCari">
<option
value="nip">NIP</option>
<option
value="nama">Nama Pegawai</option>
<option
value="umur">Umur</option>
<option
value="alamat">Alamat</option>
<option
value="no_telepon">No Telepon</option>
</select>
<input type="text"
name="txtCari" id="txtCari" />
<input type="submit"
name="button" id="button" value="Submit" />
</p>
<p> </p>
</form>
<table width="730"
border="0">
<tr bgcolor="#FF9900">
<td
width="51">NIP</td>
<td
width="151">Nama</td>
<td
width="34">Umur</td>
<td
width="249">Alamat</td>
<td width="182">No
Telepon</td>
<td width="37"
colspan="2">AKSI</td>
</tr>
<?php
@$cmbCari=$_POST['cmbCari'];
@$txtCari=$_POST['txtCari'];
if(!empty($txtCari)){
$query=mysql_query("select
* from tb_pegawai where $cmbCari like '%$txtCari%'");
}else{
$query=mysql_query("select
* from tb_pegawai");
}
while($data=mysql_fetch_array($query)){
?>
<tr valign="top"
bgcolor="#CCCCCC">
<td height="39"><?php
echo $data['nip'];?></td>
<td><?php echo
$data['nama'];?></td>
<td><?php echo
$data['umur'];?></td>
<td><?php echo
$data['alamat'];?></td>
<td><?php echo
$data['no_telepon'];?></td>
<td width="34"><a
href="index.php?menu=ubah_pegawai&id=<?php echo
$data['nip']?>">Edit</a></td>
<td width="249"><a
href="index.php?menu=hapus_pegawai&id=<?php echo
$data['nip']?>">Delete</a></td>
</tr>
<?php }?>
</table>
</body>
</html>
Penjelasan
Singkat:
Mysql_query=
query yg di perlukan untuk mysql bisa menampilkan atau insert, update , delete
mysql_fetch_array
= untuk menampilkan data yg lebih banyak
kode
diatas akan menampilkan seperti ini
untuk
mengaktifkan link TAMBAH PEGAWAI buat file tambah_pegawai.php dengan kode
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled
Document</title>
</head>
<body>
<form
id="form1" name="form1" method="post"
action="index.php?menu=insert_pegawai">
<table width="706"
border="0">
<tr>
<td colspan="3"><h1>Tambah
Pegawai</h1></td>
</tr>
<tr>
<td
width="100">NIP</td>
<td
width="7">:</td>
<td width="577"><input
name="nip" type="text" id="nip"
size="90" /></td>
</tr>
<tr>
<td
width="100">Nama</td>
<td width="7">:</td>
<td width="577"><input
name="nama" type="text" id="nama"
size="90" /></td>
</tr>
<tr>
<td
width="100">Umur</td>
<td
width="7">:</td>
<td width="577"><input
name="umur" type="text" id="umur"
size="90" /></td>
</tr>
<tr>
<td
width="100">Alamat</td>
<td
width="7">:</td>
<td width="577"><input
name="alamat" type="text" id="alamat"
size="90" /></td>
</tr>
<tr>
<td width="100">NO
Telepon</td>
<td
width="7">:</td>
<td width="577"><input
name="no_telepon" type="text" id="no_telepon"
size="90" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input
type="submit" name="button" id="button"
value="Simpan" /></td>
</tr>
</table>
</form>
</body>
</html>
Kode
diatas hanyalah form yg berbentuk
Untuk
mengaktifkan simpannya buat file insert_pegawai.php
<?php
$query=mysql_query("insert into
tb_pegawai values ('$_POST[nip]', '$_POST[nama]', '$_POST[umur]',
'$_POST[alamat]', '$_POST[no_telepon]')");
if($query){
echo
"<script>
alert(\"Data
Berhasil Ditambah\")
document.location=\"index.php?menu=pegawai\"
</script>";
}else{
echo
"<script>
alert(\"Data
Gagal Ditambah\")
document.location=\"index.php?menu=pegawai\"
</script>";
}
?>
Penjelasan
singkat:
Echo
= menampilkan atau print
Script
alert = adalah javascript untuk menampilkan sejenis peringatan
Klo
begitu ini kode hapusnya buat dengan nama hapus_pegawai.php
<?php
$query=mysql_query("delete from
tb_pegawai where nip='$_GET[id]'");
if($query){
echo
"<script>
alert(\"Data
Berhasil DiHapus\")
document.location=\"index.php?menu=pegawai\"
</script>";
}else{
echo
"<script>
alert(\"Data
Gagal DiHapus\")
document.location=\"index.php?menu=pegawai\"
</script>";
}
?>
Setelah
itu buat form ubah, buat dengan nama ubah_pegawai.php
Ini
kodenya
<?php
$query=mysql_query("select *
from tb_pegawai where nip='$_GET[id]'");
while($data=mysql_fetch_array($query)){
?>
<form
id="form1" name="form1" method="post"
action="index.php?menu=update_pegawai&id=<?php echo
$data['nip']?>">
<table width="716"
border="0">
<tr>
<td
colspan="3"><h1>Ubah Pegawai</h1></td>
</tr>
<tr>
<td width="151">NIP</td>
<td
width="3">:</td>
<td width="540"><input
name="nip" type="text" id="nip"
size="90" value="<?php echo
$data['nip']?>"/></td>
</tr>
<tr>
<td
width="151">Nama</td>
<td
width="3">:</td>
<td width="540"><input
name="nama" type="text" id="nama"
size="90" value="<?php echo
$data['nama']?>"/></td>
</tr>
<tr>
<td
width="151">Umur</td>
<td
width="3">:</td>
<td width="540"><input
name="umur" type="text" id="umur"
size="90" value="<?php echo
$data['umur']?>"/></td>
</tr>
<tr>
<td
width="151">Alamat</td>
<td
width="3">:</td>
<td width="540"><input
name="alamat" type="text" id="alamat"
size="90" value="<?php echo
$data['alamat']?>"/></td>
</tr>
<tr>
<td width="151">No
Telepon</td>
<td
width="3">:</td>
<td width="540"><input
name="no_telepon" type="text" id="no_telepon"
size="90" value="<?php echo
$data['no_telepon']?>"/></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input
type="submit" name="button" id="button"
value="Simpan" /></td>
</tr>
</table>
<?php }?>
</form>
Tampilannya
jika di klik edit
Ini
kode updatenya, buat dengan nama update_pegawai.php
<?php
$query=mysql_query("update
tb_pegawai set nama='$_POST[nama]', umur='$_POST[umur]',
alamat='$_POST[alamat]', no_telepon='$_POST[no_telepon]' where
nip='$_GET[id]'");
if($query){
echo
"<script>
alert(\"Data
Berhasil Di Ubah\")
document.location=\"index.php?menu=pegawai\"
</script>";
}else{
echo
"<script>
alert(\"Data
Gagal Di Ubah\")
document.location=\"index.php?menu=pegawai\"
</script>";
}
?>
Kalo ingin download klik Disini