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 


untuk download script lengkapnya dari part 1 sampai 5 silahkan klik link di bawah sini

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

Jika ingin konsultasi masalah pemograman php, javascript dll, boleh hubungi nomor : 088211832975 

Blog, Updated at: 09:15

115 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. terimakasih sangat bermanfaat

    ReplyDelete
    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. yang localhost/barang/tampil.php error line 14 . kenapa ya ?

      Delete
    4. Tampil barang line 15 error

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

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

    ReplyDelete
  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. Makasih tutorialnya. boleh liat hasil di database nya. buat nyocokin :v makasih

    ReplyDelete
  28. This comment has been removed by a blog administrator.

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

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

    ReplyDelete
  31. 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
  32. itu di formeditbarang.php aneh loh.. kok 'action'nya ada 2?

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

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

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

    ReplyDelete
  35. database tidak bisadibuka kira2 salah dimana tolong detil

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

      Delete
  36. 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
  37. gan kok dataku ga bisa ditampilkan ya?

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

    ReplyDelete
  39. gan punya tutor koment balas ga

    ReplyDelete
  40. 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
  41. kok saya munculnya "database tidak bisa di buka"

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

    ReplyDelete
  43. 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
  44. 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
  45. Makasi byakk šŸ˜šŸ˜šŸ˜šŸ˜

    ReplyDelete
  46. 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
  47. makasih buat ilmunya,bermanfaat banget
    http://blog.binadarma.ac.id/babeyudi

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

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

    ReplyDelete
  50. Terimakasih tutorialnya šŸ‘

    ReplyDelete
  51. 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
  52. Warning: Cannot modify header information - headers already sent by (output started at C:\xampp\htdocs\barang\savebarang.php:1) in C:\xampp\htdocs\barang\savebarang.php on line 10

    ReplyDelete
  53. bang kok ada masalah, pas teken edit, bakal muncul error dengan tulisan undefined index: kode

    ReplyDelete
  54. Gan koneksi on line 7 bermasalah dr apa ya . . Terimakasih

    ReplyDelete
  55. koding koneksi masih bermasalah

    ReplyDelete
  56. https://www.blogger.com/comment.g?blogID=1322156221432653560&postID=1691565997450512558&page=2&token=1536991458718

    Dompetpoker.org is a card game that shares betting rules and is usually (but not always) in hand ranking. The Poker Online game is different in terms of how cards are shared. In the most modern Poker Games, the first round of betting starts with several forms. Type of card arrangement in Online Poker.

    poker online

    Choosing an online casino agent is essential if people want to work on online gambling. http://www.dompetcasino.net/ to make the play scene should really be done so that the smoothness in playing gambling can be enjoyed gambling agency sites online casino agency page can also be done with a system of observing recommendations and recommendations from more experienced players.
    judi online

    ReplyDelete
  57. Resources like the one you mentioned here will be very scr888 apk all version useful to me! I will post a link to this page on my blog.

    ReplyDelete
  58. Hi there, I just wanted to say thanks for this informative tm.scr888.apk post, can you please allow me to post it on my blog

    ReplyDelete
  59. I was searching for that ultra test x male enhancement post quick a long time... fortunately I found it on right time...Thanks again for sharing

    ReplyDelete
  60. Another helpful post. This is a very nice blog that I will definitively come back to several more times this year!


    scr888

    scr 888

    scr888 malaysia

    scr888 apk

    scr888 casino

    scr888 agent

    scr888 android and ios download

    ReplyDelete

  61. [B]Ayo Temukan Sendiri Kemenangan Anda di ToyotaQQ
    Dengan Proses Depo dan Wede yang Super Cepat dan Respons LiveChat yang Kilat
    [url=http://www.toyotajp.com]Domino QQ[/url]
    [url=http://www.toyotajp.com]Domino 99[/url]
    [url=http://www.toyotajp.com]Capsa Susun[/url]
    [url=http://www.toyotajp.com]Adu Q[/url]
    [url=http://www.toyotajp.com]Sakong Online[/url]
    [url=http://www.toyotajp.com]Bandar Poker[/url]
    [url=http://www.toyotajp.com]Bandar Q[/url]
    [url=http://www.toyotajp.com]Poker Online[/url]
    [url=http://www.toyotajp.com]agen poker[/url]
    [url=http://www.toyotajp.com]situs poker[/url]
    [url=http://www.toyotajp.com]dominoqq[/url]
    [url=http://www.toyotajp.com]domino99[/url]
    [url=http://www.toyotajp.com]bandarq[/url]
    [url=http://www.toyotajp.com]kiu kiu[/url]
    [url=http://www.toyotajp.com]qiu qiu[/url]
    [IMG]http://i66.tinypic.com/23l0g9c.gif[/IMG][/B]

    ReplyDelete
  62. Hi I really scr888 login appreciate all the great scr888 download 2019 content you have here. I am glad I cam scr888 android and ios download across it!

    ReplyDelete
  63. Really appreciate you sharing this blog post.Really thank you! Keep writing.
    m303bet
    main casino slot online
    live22
    sabung ayam online

    ReplyDelete
  64. Lakukan pemeriksaan mesin motor anda dan lakukan service rutin di Bengkel Motor Bekasi untuk info selengkapnya silahkan kunjungi website kami http://www.bengkelmotorbekasi.com

    ReplyDelete
  65. There is one more type of the substance, all the more ordinarily utilized in beauty care products, which is somewhat less bothering: Sodium WellNess Pitch Sulfate is frequently condensed to SLES. Before you purchase an item, actually take a look at the level of SLS and SLES.

    ReplyDelete

Search This Blog

Follow This Blog

Total Pageviews