Belajar

Kamis, 19 Desember 2013

Contoh aplikasi Crud sederhana di php, mysql

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 »

Jumat, 01 November 2013

cara koneksi php ke mysql

Gw mau ngepost cara mengonekan php ke mysql

langsung aja...

<?php
    $dbserver="localhost";//nama server
    $dbusername="root";//nama use
    $dbpassword="";//password usernya
    $dbname="db_perpustakaan";//nama databasesnya

    mysql_connect($dbserver,$dbusername,$dbpassword);
    mysql_select_db($dbname);
?>

berikutnya gw mau ngepost crud di php
klo ada ditanya komen aja... insya allah ane jawab

Baca Selengkapnya »

Kamis, 31 Oktober 2013

Layout1

Disini Gw mau berbagi ilmu yg gw dapat selama menjalani seleksi di sekolah untuk mewakili SEKOLAH KU SMKN4 Banjarmasin.
GW ngepost 1 persatu aja Dari Layout, koneksi ke mysql sampa ke CRUD
Sebelum Lo coba ini pastiin broser lo sesuai dengan versinya, gw memakai versi firefox 18.0
Langsung aja ke layoutnya.

Pertama Folder xampp atau mysql simpan di htdocs buat folder baru....
Beri aja nama filenya
index.php ini adalah inti dari semuanya jadi lo jalanin ini duluan
isi dari index.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>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div id="wrapper">
        <div id="header"> <h1>Belajar Web Desain</h1>
        </div>
        <div id="menu">
            <marquee><h2>Belajar HTML dan PHP Bersama Faris SMKN 4 Banjarmasin</h2></marquee>
        </div>
        <div id="main">
            <div id="kiri">
        <ul>
            <li><a href="index.php?menu=home">Home</a></li>
            <li><a href="index.php?menu=html">HTML</a></li>
            <li><a href="index.php?menu=css">CSS</a></li>
            <li><a href="index.php?menu=jsp">Java Script</a></li>
            <li><a href="index.php?menu=abm">About ME</a></li>
        </ul>
            </div>
            <div id="kanan">
            <?php include("menu.php");?>
            </div>
        </div>
        <div id="halat">
        </div>
        <div id="footer">
        <h2>Copyright &copy created By Faris Abdillah</h2>
        </div>
    </div>
</body>
</html>

ini cssnya
save dlu gambar background sama headernya disini
buat dlu folder baru dengan nama gambar
Ini background lo kasih nama aja background.jpg

Ini header lo kasih nama aja header.jpg

simpan dengan style.css, sama seperti nama style diatas, gw nyaranin agar namanya lo samain aja, kecuali lo udah pham baru deh edit...
ini isinya...
@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;
}

menu.php
<?php
@$menu=$_GET['menu'];

if($menu=='home'){
include('home.php');
}elseif($menu=='html'){
include('html.php');
}elseif($menu=='css'){
include('css.php');
}elseif($menu=='jsp'){
include('jsp.php');
}elseif($menu=='abm'){
include('abm.php');
}
else{
include('home.php');
}
?>

Kalo Sampai Sini LINK Yg ada di INDEX nggak bkal Jalan karena file terpisah
buat aja nama filenya
home.php
gw nyaranin agar namanya lo samain aja, kecuali lo udah pham baru deh edit...
ini isinya...
<!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>

html.php
gw nyaranin agar namanya lo samain aja, kecuali lo udah pham baru deh edit...
ini isinya...
<!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 HTML</h2>
    <h2>Anda Dapat Mengisi Apa saja yg Ada Di dalam html.php</h2>
</body>
</html>

css.php
gw nyaranin agar namanya lo samain aja, kecuali lo udah pham baru deh edit...
ini isinya...
<!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 CSS</h2>
   <h2>Anda Dapat Mengisi Apa saja yg Ada Di dalam css.php</h2>
</body>
</html>

jsp.php
gw nyaranin agar namanya lo samain aja, kecuali lo udah pham baru deh edit...
ini isinya...
<!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 JavaScript</h2>
    <h2>Anda Dapat Mengisi Apa saja yg Ada Di dalam jsp.php</h2>
</body>
</html>

Dan Ini yg terakhir tpi terserah lo mau lu ikutin apa nggak...
klo ngga lo ikutin, lo harus hapus link about me diatas.. karna ngga bkal guna

abm.php
gw nyaranin agar namanya lo samain aja, kecuali lo udah pham baru deh edit...
ini isinya...
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Tugas Table</title>
</head>
<body>
<font>
        <table border = '0' align = "center">
               <tr>
                      <td rowspan = "2" width='570' height = '550' valign = 'top' align = "justify">
                   <h2>Faris's Profile</h2>
                   <pre>
Nama                 : <b>Faris</b><br>
NIM                  : 3132<br>
Jurusan              : Rekayasa Perangkat Lunak<br>
Tempat Tanggal Lahir : Banjarmasin, 07 september 1996<br>
Alamat               : Jl. Kayutangi Ujung Komp. Berkah RT. 42<br>
                       Kecamatan Alalak Utara<br>
                       Kotamadya Banjarmasin<br>
                       </pre>
Riwayat Pendidikan   :<ol type ="A">
                       <li>MI Al-hamid Banjarmasin 2005-2008)</li>
                       <li>MTs Negeri Mulawarman Banjarmasin (2008-2011)</li>
                       <li>SMK Negeri 4 Banjarmasin (2011-Sekarang)</li>
</ol>
<pre>
Email                : farisrpl2@gmail.com<br>
Homepage         : <b>farisrpl2blogspot.com</b><br>
Biografi         : <br>
Seorang Lelaki yg tumbuh dan besar di sebuah Kota di kalimantan Selatan. Lelaki
Yg Mempunyai Motivasi tinggi dalam Meraih Mimpinya dan diantara sekian banyak Mimpinya
adalah menjadi seorang pendidik agar bisa menjadi sumber manfaat bagi orang-orang
disekitarnya. ada yg mengatakan dia unik, namun ada juga yg mengatakan dia aneh. Tapi,
terlepas dari itu semua, dari semua kebebasan orang untuk menilai dirinya, di bangga
dan bersyukur menjadi dirinya, <b>FARIS</b>
</pre>
                    </td>

                   <td width="150" align = "center" valign = "center" height="150">
                   <img src="gitar.jpg" height="100" width="100"/>
                   </td>
               </tr>

               <tr>
                      <td>
                   </td>
               </tr>
        </table>
</font>
</body>
</html>

demikian layout yg saya buat terima kasih telah mengunjungi blog saya....
Klo ada mau download langsung klik aja link dibawah ini
http://www.4shared.com/zip/vjcIkVc2/tugaspadedi-demolayout.html

Baca Selengkapnya »