Belajar: 2013

Kalo ingin download klik Disini

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">

<head>

</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">

<head>

<title>Untitled Document</title>

</head>

<body>

<div id="header"> <h1>Belajar Web Desain</h1>

</div>

<marquee><h2>Belajar HTML dan PHP Bersama Faris SMKN 4 Banjarmasin</h2></marquee>

</div>

<ul>

<li><a href="index.php?menu=pegawai">Lihat Pegawai</a></li>

</ul>

</div>

<?php include("menu.php");?>

</div>

</div>

</div>

<h2>Copyright &copy created By M. Faris Abdillah</h2>

</div>

</div>

</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>

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">

<head>

<title>Untitled Document</title>

</head>

<body>

<p><a href="index.php?menu=tambah_pegawai">Tambah Pegawai</a></p>

<p>Cari Berdasarkan:

<option value="nama">Nama Pegawai</option>

<option value="alamat">Alamat</option>

<option value="no_telepon">No Telepon</option>

</select>

</p>

</form>

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

<td width="182">No Telepon</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)){

<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">

<head>

<title>Untitled Document</title>

</head>

<body>

<tr>

<td colspan="3"><h1>Tambah Pegawai</h1></td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

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

</tr>

<tr>

<td width="100">NO Telepon</td>

</tr>

<tr>

</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)){

<tr>

<td colspan="3"><h1>Ubah Pegawai</h1></td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

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

</tr>

<tr>

<td width="151">No Telepon</td>

</tr>

<tr>

</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

Baca Selengkapnya »

Kamis, 19 Desember 2013

Contoh aplikasi Crud sederhana di php, mysql