Cara Membuat Web Dinamis Sederhana(Input, Edit dan Delete) Bagian 3

Posted by TEKNIK INFORMATIKA on Friday, 10 July 2015

barang
data barang


Sebelumnya kita sudah membuat sistem login dan logout. Kali ini saya akan memberikan langkah-langkah dan kode untuk membuat perintah Input, Edit dan Delete data pada tabel..


1.  Pertama-tama seperti biasa Buka XAMPP lalu aktifkan Apache dan Mysql, lalu ketikkan di URL Browser : localhost/phpmyadmin maka muncul laman phpmyadmin, jika anda mengikuti tutorial sebelumnya buka database dengan nama db_web, jika belum ada anda bisa membuat databasenya, lalu buat table data untuk menyimpan data yang akan kita kelola, ketikkan kode SQL di bawah ini:
create table barang (
kode char(10) not null primary key,
namabarang varchar(50) not null,
harga bigint
)
2.   Selanjutnya kita akan membuat koneksi ke databasenya, 
buat folder di dalam htdocs dan beri nama barang lalu buka notepad (disarankan notepad ++) lalu ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama koneksi.php:
<?php  
$server= "localhost";  
$username = "root";   
$password = "";   
$database = "db_web";  
  
mysql_connect($server,$username,$password) or die ("Koneksi Gagal");  
  
mysql_select_db($database) or die ("Database Tidak Bisa Di Buka " );  
  
?> 


3.   Selanjutnya kita akan membuat form input barang, ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama formbarang.php:
<html><head>
<title>Input Data Barang</title>
</head><body>
<h2>Data Barang</h2>
<form action="savebarang.php" method="POST">
<table><tr>
<td>Kode Barang</td>
<td>: <input type="text" name="kode" size="10"></td>
</tr>
<tr>
<td>Nama Barang</td>
<td>: <input type="text" name="namabarang" size="30"></td>
</tr>
<tr>
<td>Harga Satuan</td>
<td>: <input type="text" name="harga" size="20"></td>
</tr>
<tr>
<td colspan=2><input type="submit" value="Kirim"></td>
</tr></table></form>
</body></html>
Kode diatas adalah jika kita klik tombol Kirim maka akan langsung memproses file savebarang.php maka dari itu selanjutnya kita akan membuat file savebarang.php

4.  Kemudian kita akan membuat kode untuk menyimpan data kedalam mysql, ketikkan kode di bawah ini dan Simpan di folder htdocs/barang dengan nama savebarang.php:

<?php ob_start();
include "koneksi.php";

$kode   = $_POST['kode'];

$nama   = $_POST['namabarang'];
$harga  = $_POST['harga'];

mysql_query("INSERT INTO barang(kode,namabarang,harga)

VALUE('$kode','$nama','$harga')")or die(mysql_error());
header('location:tampilbarang.php');
?>
 5.  Selanjutnya kita akan membuat tabel untuk menampilkan data yang telah kita input. Ketikkan kode di bawah ini daSimpan di folder htdocs/barang dengan nama tampilbarang.php: 
<?php
include "koneksi.php";
include "formbarang.php";
echo "<center><table border=1><tr bgcolor=orange>
<td><b><center>No</td>
<td><b><center>Kode Barang</td>
<td><b><center>Nama Barang</td>
<td><b><center>Harga Satuan</td>
<td><b><center>Delete</td>
<td><b><center>Edit</td>
</tr>";
$query=mysql_query("SELECT * FROM barang ORDER BY kode");
$no=1;
while($var=mysql_fetch_array($query)){
echo "<tr>
<td>$no</td>
<td>$var[kode]</td>
<td>$var[namabarang]</td>
<td>$var[harga]</td>
<td><center><a href='deletebarang.php?kode=$var[kode]'>Delete</a></td>
<td><center><a href='formeditbarang.php?kode=$var[kode]'>Edit</a></center></td>
</tr>";
$no++;
}
echo "</table><br><b>Data Barang by banuaril10.blogspot.com</b>";
?>
6.  Selanjutnya kita akan membuat perintah delete, ketikkan kode di bawah ini Ketikkan kode di bawah ini daSimpan di folder htdocs/barang dengan nama deletebarang.php:
<?php ob_start();
include "koneksi.php";
mysql_query("delete from barang where kode='$_GET[kode]'");
header('location:tampilbarang.php');

?>
7.  Selanjutnya kita akan membuat perintah edit barang, ketikkan kode di bawah ini Ketikkan kode di bawah ini daSimpan di folder htdocs/barang dengan nama formeditbarang.php :
<?php 
include "koneksi.php";
$kode=$_GET['kode'];
$query=mysql_query("select * from barang where kode='$kode'");
?>
<html><head><title>Halaman Edit Data Barang</title><head><body>
<form action="editbarang.php" method="post">
<table border="0">
<?php
while($row=mysql_fetch_array($query)){
?>
<input type="Hidden" name="no" value="<?php echo $no;?>" />
<h2>Data Barang</h2>
<table><tr>
<td>Kode Barang</td>
<td>: <input type="text" name="kode" value="<?php echo $row['kode'];?>" size="10"></td>
</tr>
<tr>
<td>Nama Barang</td>
<td>: <input type="text" name="namabarang" value="<?php echo $row['namabarang'];?>"size="30"></td>
</tr>
<tr>
<td>Harga Satuan</td>
<td>: <input type="text" name="harga" value="<?php echo $row['harga'];?>"size="20"></td>
</tr>
<tr>
<td colspan=2><input type="submit" value="Update"></td>
</tr>
<?php } ?>
</table></form>

</body></html>
Fungsi kode ini adalah untuk menampilkan data yang kita klik ke dalam form yang akan kita edit nanti


value="<?php echo $row['kode'];?>
 8.  Selanjutnya kita akan membuat file yang akan memproses form edit barang dan akan menggantikan dengan data yang baru, ketikkan kode di bawah ini daSimpan di folder htdocs/barang dengan nama editbarang.php :
<?php ob_start();
include "koneksi.php";
$kode    = $_POST['kode'];
$nama          = $_POST['namabarang'];
$harga         = $_POST['harga'];

$query=mysql_query("update barang set kode='$kode', namabarang='$nama', harga='$harga' where kode='$kode'");
header('location:tampilbarang.php');
?>
Terakhir jalankan program melalui URL browser anda, ketikkan localhost/barang/tampilbarang.php silahkan coba satu-persatu apakah ada error? :v script sudah di coba di saya 100% berhasil gan, jika ada error silahkan tinggalkan komentar, semoga saya bisa membantu..

#SelamatMencoba 

keyword : membuat crud php, membuat web dinamis input edit delete, membuat web dinamis


* sori gan, ane tidak bisa membalas komen satu persatu, jika ada pertanyaan silahkan hubungi wa ane ada di CONTACT ME makasih..


Blog, Updated at: 09:15

89 komentar:

  1. Wah gan, Bagus banget post-nya, lain kali post yg lain lain ya, di tunggu gan:D

    ReplyDelete
    Replies
    1. oke gan, post yg lain lagi di tunda gan :v

      Delete
    2. This comment has been removed by the author.

      Delete
    3. gak niat ngasih, coding masih error

      Delete
  2. Replies
    1. gan untuk data base, harga bigint itu apa ya gan, makasih

      Delete
    2. kalau bigint itu maksimal bisa sampai 20 angka

      Delete
  3. Update dong gan tutorial selanjutnya.. :D

    ReplyDelete
    Replies
    1. oke gan, ni baru mau posting lagi gan :D

      Delete
  4. gan, ane mau nanya nih, ini dicoba pake xampp yg update an terbaru belom? :D mohon info ya gan :D

    ReplyDelete
    Replies
    1. bisa gan, udah ane coba di xampp terbaru v3.2.1

      Delete
  5. gann cara nampilkan post di halaman admin ke homepage gimana gan ?
    buat post dong gan :D

    ReplyDelete
    Replies
    1. kalo nampilin di homepage,kode php nya sama kaya nampilin di admin gan.. ini ane lg proses buat tutorial yg ke 5, cara input dan menampilkan artikel read more :D

      Delete
  6. min maaf mau nanya, saya dah coba dan coba blajar sambil ngetik coding nya eror di koneksi.php line 7, trus saya coba copas juga sama


    jadi mohon bantuannya

    ReplyDelete
    Replies
    1. Saya juga sama pesan errornya Fatal error: Call to undefined function mysql_connect() in C:\xampp\htdocs\web\koneksi.php on line 7

      Delete
  7. min dan versi xamppnya ini : xampp-win32-5.5.33-0-VC11

    ReplyDelete
    Replies
    1. https://www.solidfiles.com/v/q2LANWQ8qjWz6 coba script yg ini gan
      di ane berhasil di coba di xampp-win32-5.6.8-0-VC11

      Delete
  8. min sory mau. untuk kodingan yang koneksi kkenapa ada yang eror ya, tulisannya begini "Fatal error: Call to undefined function mysql_connect() in E:\Xampp\htdocs\barang\koneksi.php on line 7" apa ada yg salah sama kodingnya?

    ReplyDelete
  9. ilmu nya bermanfaat,, makasih min

    ReplyDelete
  10. mantappp gan, sukses ....

    ReplyDelete
  11. thanks admin.. ini sangat saya cari. tapi kode yang ditampilkan di atas apa bisa dijanlankan di wamp?

    ReplyDelete
  12. kalo edit dan deletenya ga berfungsi gimana ya solusinya ?

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. This comment has been removed by the author.

    ReplyDelete
  15. min, bikin tutor buat yang pake jump menu donks. thankyou sebelumnya min

    ReplyDelete
  16. ini yang saya cari. terima kasih infonya

    ReplyDelete
  17. bang saya mau tanya , kenapa pas di savebarang.php muncul you have an error in your sql syntax near'(value(test,test,1000)' at line 2

    pas di cek di bagian koneksi.php , cara mengatasinya gimana ?

    ReplyDelete
  18. This comment has been removed by the author.

    ReplyDelete
  19. gan koq error ya

    Object not found!

    The requested URL was not found on this server. The link on the referring page seems to be wrong or outdated. Please inform the author of that page about the error.

    If you think this is a server error, please contact the webmaster.
    Error 404
    localhost
    Apache/2.4.2 (Win32) OpenSSL/1.0.1c PHP/5.4.4

    gitu tulisannya

    ReplyDelete
    Replies
    1. udah bener linknya gan ? localhost/barang/tampilbarang.php

      Delete
  20. terimakasih sharenya gan

    ReplyDelete
  21. gan untuk edit kode barang ga bisa di ubah tolong pencerahannya..

    ReplyDelete
    Replies
    1. edit kode memang tidak bisa gan, kalau kode mau bisa di edit di tambah lagi misal id, jd ada kode sama id, nanti id nya jadi referensi bwt update nya

      Delete
  22. value="

    code yang itu tarok dimana ya min..?

    ReplyDelete
  23. min, saat klik edit atau hapus pada tabel nya kog gadak proses apa2 ya ?

    ReplyDelete
  24. Warning: mysql_fetch_array() expects parameter 1 to be resource, boolean given in C:\xampp\htdocs\php_belajar\barang\tampilbarang.php on line 20

    min gagal mulu disini nich

    ReplyDelete
  25. Update gan yang table nya bisa di klik dan di geser ke atas bawah

    ReplyDelete
  26. Admin Mohon Minta Izin Untuk Promo ^.^
    Dapatkan Pelayanan dengan Sopan dan Ramah Jika bermain di www.PokerVQQ,com 24Jam aktif Melayani Anda.
    Main Game kartu mudah, jika menang bisa tarik dananya?
    Ada 6 Pilihan Permainan yang bisa dimainkan melalui Android dan IOS
    - Poker
    - Domino QQ
    - Adu Q
    - Capsa Susun
    - Bandar Poker
    - Bandar Q
    Anda juga bisa memilih menjadi bandar atau player..
    Dapatkan Jackpot Rp. 800.000.000
    Untuk Informasi Kontak Hubungi kami melalui Livechat
    BBM: 2BE31A7C
    Terima kasih atas waktu dan kerja samanya.

    ReplyDelete
  27. Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
    Jika ya, silahkan kunjungi website ini www.kbagi.com untuk info selengkapnya.

    Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

    ReplyDelete
  28. Makasih tutorialnya. boleh liat hasil di database nya. buat nyocokin :v makasih

    ReplyDelete
    Replies
    1. sbb gan, itu query nya di run aja di sql gan

      Delete
  29. This comment has been removed by a blog administrator.

    ReplyDelete
  30. link downloadnya dong min
    atau kirim ke sini min yanddochacha@gmail.com

    ReplyDelete
  31. Kalau misal edit,input ma delete di jadiin satu halaman gmna gan? Biar gak ribet gtu kyak web lainnya

    ReplyDelete
  32. gan, punya saya gak bisa diedit.. kenapa? Plis dong tolongin saya.

    ReplyDelete
    Replies
    1. ga bisa di edit yg mana? kalau kode memang tdk bisa di edit gan

      Delete
  33. itu di formeditbarang.php aneh loh.. kok 'action'nya ada 2?

    ReplyDelete
    Replies
    1. oh iya makasih koreksinya gan, sudah ane perbarui

      Delete
  34. This comment has been removed by the author.

    ReplyDelete
  35. This comment has been removed by the author.

    ReplyDelete
  36. database tidak bisadibuka kira2 salah dimana tolong detil

    ReplyDelete
    Replies
    1. cek koneksi.php sudah sama dengan database yg agan buat belum ?

      Delete
  37. gan kalo ada tulisan " Unknown column 'namabarang' in 'field list'" di http://localhost/web/savebarang.php itu apanya yang salah ya gan? apa karna belum buat list nama barangnya??

    ReplyDelete
    Replies
    1. di table nya di database ada field namabarang ga? klo ga ada buat dlu

      Delete
  38. gan kok dataku ga bisa ditampilkan ya?

    ReplyDelete
  39. gan masih ada yang eror nih tolong bantu dong
    bisa bagi id line ga

    ReplyDelete
  40. gan punya tutor koment balas ga

    ReplyDelete
  41. min ane kok abis login halaman admin kok stuck(gk pindah page)
    reply:novianoke@gmail.com yak min,disini juga gpp thx

    ReplyDelete
    Replies
    1. username/pass nya klo salah ada notif ga gan? sama cek redirect nya stelah login udh bener atau blum

      Delete
  42. Artikel nya sangat bermanfaat dan membantu..
    kunjungi juga website kami..
    Kami siap membantu 24 jam dalam melakukan transaksi,
    kami memberikan deposit pendaftaran pertama kali dengan 20% - 30%
    dan mendapatkan Bonus yang sangat mengiyurkan....

    Daftar Casino Online Indonesia
    Daftar Casino Terpercaya
    Daftar Roulette Online
    Agen Judi SBOBET
    Judi Bola
    Judi Online
    IBCBET Online
    Agen Judi Roulette Online
    Agen Judi Roulette
    Daftar Sbobet
    Agen Roulette Online
    Agen Roulette

    ReplyDelete
  43. kok saya munculnya "database tidak bisa di buka"

    ReplyDelete
  44. terimakasih ilmunya, sangat bermanfaat sekali. sukses selalu , salam dari kami MAHASISWA UNIVERSITAS BOROBUDUR JAKARTA .

    ReplyDelete
  45. Duplicate entry for key 'PRIMARY' maksudnya apa ya ka ?

    ReplyDelete
    Replies
    1. berarti datanya udh ada di table nya gan, klo primary ga boleh duplikat

      Delete
  46. Gan, makasih postingannya. mau tanya, kalau kita mau filter dan sortir gimana ya code nya.

    misal nih mau filter kolom kode, yang di-display cuma kode tertentu.
    atau..
    mau sorting, dari yang paling murah. hehe..

    makasih gan.

    ReplyDelete
    Replies
    1. kalo untuk sortir/filter bisa pake datatables gan coba aja, udh ada fitur pagging jg

      Delete
  47. Makasi byakk 😁😁😁😁

    ReplyDelete
  48. gak programnya error seperti ini pesannya"Warning: Cannot modify header information - headers already sent by (output started at C:\AppServ\www\barang\savebarang.php:1) in C:\AppServ\www\barang\savebarang.php on line 10"
    solusinya apa ya gan

    ReplyDelete
  49. makasih buat ilmunya,bermanfaat banget
    http://blog.binadarma.ac.id/babeyudi

    ReplyDelete
  50. Gan minta post tentang membuat from login dong hehehe makasih gan saya tunggu πŸ‘

    ReplyDelete
  51. This comment has been removed by the author.

    ReplyDelete
  52. Terimakasih tutorialnya πŸ‘

    ReplyDelete
  53. gan.saya ada warning nya
    Warning: Cannot modify header information - headers already sent by (output started at E:\6\New folder\xampp\htdocs\barang\savebarang.php:1) in E:\6\New folder\xampp\htdocs\barang\savebarang.php on line 10

    ReplyDelete

Search This Blog

Follow This Blog

Total Pageviews