Skip to content Skip to sidebar Skip to footer

Belajar Script PHP - Menginput Data Ke Database

Salam blogger . . :-)
    Belajar PHP
    Mari kita lanjutkan belajar tentang “Pemrograman Web” dalam penggunaan Script PHP dengan Database. Pada Artikel/Postingan saya sebelumnya yang berjudul “Belajar Membuat Database dengan XAMPP” sekarang saya lanjutkan dengan bagaimana caranya membuat form inputan atau memasukkan data ke dalam database dengan Script PHP.



    Sekilas Tentang PHP :
    PHP (PHP-Hypertext Pre-processor) adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja.
    Jika bermaksud membuat Web menggunakan PHP, maka terlebih dahulu harus mengaktifkan Web Server. Untuk mencoba skrip PHP, tidak perlu mempunyai server yang terhubung ke internet. Kita dapat mengujinya dengan menggunakan sebuah komputer yang bertindak sebagai server dan sekaligus sebagai klien
    Web Server yang dapat digunakan : Apache, IIS, Xitami

    Ikuti perintah di bawah ini :
    • Buat database-nya terlebih dahulu, bisa di lihat caranya dalam artikel “Belajar membuat Database Dengan XAMPP”
    • Untuk pembuatan dan pengetikkan script PHP bisa di lakukan dengan menggunakan aplikasi Dreamweaver atau bisa juga dengan menggunakan Notepad/Notepad++. Saya mencoba menggunakan Notepad++, bagi yang belum menginstalnya bisa di download disini Notepad++ at Filehippo.com
    • Untuk memulai membuat script PHP pada Notepad++, atur pada tab menu Notepad++ yaitu  Language >> P >> PHP. Yang artinya script yang di buat berformat .PHP.
    • Untuk penyimpanan File/Script PHPnya di simpan di dalam folder htdocs pada XAMPP, pada folder htdoct buat folder baru dengan nama "Toko2Online" simpan file PHP yang di buat di dalamnya (C:\xampp\htdocs\Toko2Online)
    • Dengan menyimpan file/script di dalam htdocs, user bisa menjalankan script tersebut pada browser dengan mengetikkan "http://localhost/Toko2Online" 
    • Langkah pertama dalam pembuatan script PHP untuk Form Inputan yaitu membuat script Koneksi.php
             <?php

                    $host = "localhost";
                    $user = "root";
                    $pass = "";
                    $dbnm = "transaksi";
                    $conn = mysql_connect($host,$user,$pass);
                    if($conn) {
                    $buka = mysql_select_db($dbnm);
                    if(!$buka) {
                    die("Koneksi Berhasil");
                    }
                    }else{
                    die("Koneksi Gagal");
                    }
               ?>
       
    Note : 
    - Script Koneksi.php berfungsi untuk menghubungkan antara script PHP dengan Database yang digunakan.
    - $dbnm diisi dengan nama database yang di gunakan, Database yang saya gunakan bernama "transaksi"

    • Langkah Kedua, membuat Halaman Utama Web (Index) yaitu index.php
             <html>
    <head>
    <title>TOKO ONLINE</title>
    </head>
    <body>
    <a href="input_barang.php">Masukkan Data Barang</a><br>
    <a href="view_barang.php">Lihat Data Barang</a>
    </body>
            </html>

    Note :
    Dengan menyimpan file/script di dalam htdocs, user bisa menjalankan script tersebut pada browser dengan hanya mengetikkan "http://localhost/Toko2Online" apabila script index.php sudah di buat akan langsung tampil halaman utama web yang di buat tadi

    Screenshot Index.php :

    Halaman Utama Web (Index)

    • Langkah Ketiga, membuat Script PHP untuk Form Inputan Barang yaitu input_barang.php

             <html>
    <head><title>TOKO ONLINE</title></head>
    <body>
    <h2><center>DATA BARANG</center></h2>
    <form name="i_brg" method="post" action="i_barang.php">
    <table width="25%" align="center" border="0">
    <tr>
    <td>Kode barang</td>
    <td>:</td>
    <td><input type="text" name="kd_brg" id="kd_brg" size="5"></td>
    </tr>
    <tr>
    <td>Nama barang</td>
    <td>:</td>
    <td><input type="text" name="nm_brg" maxlength="10"></td>
    </tr>
    <tr>
    <td>Jenis barang</td>
    <td>:</td>
    <td>
    <select name="jns_brg">
    <option>Change</option>
    <option>Laptop</option>
    <option>Accecoris</option>
    <option>Netbook</option>
    <option>Printer</option>
    </select>
    </td>
    </tr>
    <tr>
    <td>Jumlah barang</td>
    <td>:</td>
    <td><input type="text" name="jmlh_brg" maxlength="4" size="5"></td>
    </tr>
    <tr>
    <td>Kondisi</td>
    <td>:</td>
    <td>
    <input type="radio" value="Baik" name="ket">Baik
    <input type="radio" value="Kurang Baik" name="ket">Kurang Baik
    <input type="radio" value="Rusak" name="ket">Rusak
    </td>
    </tr>
    <tr>
    <td colspan="3" align="center">
    <input type="submit" name="submit" value="Save Data">
    <input type="reset" name="reset" value="Reset Data"><br>
    <a href="view_barang"><input type="submit" name="reset"
                                            value="View Data </a>
    </td>
    </tr>
    </table>
    </form>
    <h3><center><a href="index.php" style="text-decoration :none">
                     Kembali Ke Halaman Utama</a></center></h3>
           </body>
                   </html>

    Screenshot input_barang.php :

    Form Inputan


    • Langkah Keempat, membuat Script PHP untuk meghubungkan antara form inputan dengan database dengan bahasa SQL di dalamnya, yaitu script i_barang.php 
           <?php
    error_reporting(E_ALL ^ E_NOTICE);
    include "koneksi.php";
    $kd_brg=$_POST['kd_brg'];
    $nm_brg=$_POST['nm_brg'];
    $jns_brg=$_POST['jns_brg'];
    $jmlh_brg=$_POST['jmlh_brg'];
    $ket=$_POST['ket']; 
    mysql_query("insert into t_barang(kd_brg,nm_brg,jns_brg,jmlh_brg,ket) " . 
    "values('$kd_brg','$nm_brg','$jns_brg','$jmlh_brg','$ket')") or die(mysql_error());
    echo "Berhasil";
    header("location:view_barang.php");
            ?>

    • Langkah Kelima, membuat Script PHP untuk melihat data barang yang di inputkan atau yang ada di dalam di database yaitu script view_barang.php
      <html>
    <head>
    <title>TOKO ONLINE</title>
    </head>
    <body>
    <h2><center>DATA BARANG TOKO ONLINE</center></h2>
    <table border="1" width="50%" align="center">
    <tr>
    <td align="center"><b>No</td>
    <td align="center"><b>Kode Barang</td>
    <td align="center"><b>Nama Barang</td>
    <td align="center"><b>Jenis Barang</td>
    <td align="center"><b>Jumlah Barang</td>
    <td align="center"><b>Keadaan</td>
    <td align="center" colspan="2"><b>Action</td>
    </tr>
    <?php
    error_reporting(E_ALL ^ E_NOTICE);
    //memanggil file koneksi
    include('koneksi.php');
    //Langkah : Tentukan batas,cek halaman & posisi data
    $batas   = 6;
    $halaman = $_GET['halaman'];
    if(empty($halaman))
    {
    $posisi=0;
    $halaman=1;
    }
    else{
    $posisi = ($halaman-1) * $batas;
    }
    if(isset($txtcari))
    {
    $txtcari=$_GET['txtcari'];
    $myquery="select kd_brg,nm_brg,jns_brg,jmlh_brg,ket from t_barang where
                             kd_barang='$txtcari' or kd_brg LIKE '%$txtcari%'";
    }
    else
    {
    $myquery="select kd_brg,nm_brg,jns_brg,jmlh_brg,ket
                            from t_barang limit $posisi,$batas";
    }
    $no=$posisi+1;
    $t_barang=mysql_query($myquery) or die (mysql_error());
    while($dataku=mysql_fetch_object($t_barang))
    {
      ?>
     <tr>
    <td align="center"><?php echo $no; ?></td>
    <td align="center"><?php echo  $dataku->kd_brg?></td>
    <td align="center"><?php echo  $dataku->nm_brg?></td>
    <td align="center"><?php echo  $dataku->jns_brg?></td>
    <td align="center"><?php echo  $dataku->jmlh_brg?></td>
    <td align="center"><?php echo  $dataku->ket?></td>
    <td align="center">
    <form method="post" action="edit_barang.php?kd_brg=
                    <?php echo $dataku->kd_brg?>
    "onSubmit="return confirm('APAKAH ANDA YAKIN INGIN MERUBAH DATA INI ??')">
    <input type="submit" value="Edit"></a></form>
    </td>
    <td align="center">
    <form method="post" action="delete_barang.php?kd_brg=
                     <?php echo  $dataku >kd_brg?>
    "onSubmit="return confirm('APAKAH ANDA INGIN MENGHAPUS DATA INI ??')">
    <input type="submit" value="Delete"></a></form>
    </td>
    </tr>
    <?php
    $no++; }
    ?> 
            </table>
    <?php
    //Langkah : Hitung total data dan halaman serta link 1,2,3 ...
    echo "<br><center>Page : ";
    $file="view_barang.php";

    $tampil2="select * from t_barang ORDER BY kd_brg DESC";
    $hasil2=mysql_query($tampil2);
    $jmldata=mysql_num_rows($hasil2);
    $jmlhalaman=ceil($jmldata/$batas);

    for($i=1;$i<=$jmlhalaman;$i++)
    if ($i != $halaman)
    {
    echo " <a href=$_SERVER[PHP_SELF]?halaman=$i>$i</A> | ";
    }
    else
    {
    echo " <b>$i</b> | ";
    }
    echo "<p><center>Total Barang : <b>$jmldata</b> Barang</p>";
    ?>
    <br>
    <form method="post" action="input_barang.php" onSubmit="return confirm('APAKAH
                    ANDA INGIN MENAMBAHKAN DATA BARANG LAGI ??')">
    <center><input type="submit" value="Input Barang Baru"></center></form>
    <h3><center><a href="index.php" style="text-decoration :none">Kembali Ke Halaman
                     Utama</a></center></h3>
     </body>
       </html>


    Menjalankan Script PHP pada browser 
    • Pembuatan script PHP sudah selesai, Sekarang coba kita coba di jalankan pada browser :
    • Buka browser, ketikkan pada kolom URL dengan mengetikkan "http://localhost/Toko2Online/"
    Halaman Utama Web (Index)


      • Klik Pada tulisan "Masukkan data Barang" untuk mulai memasukkn data ke dalam database dengan pengisian Form Inputan barang dan akhiri dengan menekan tombol Save Data untuk menyimpan data ke dalam database
      Form Inputan Data Barang

      • Apabila berhasil menyimpan, akan langsung tampil di pada halaman lihat data barang, seperti berikut :
      View Data Barang


      • Untuk melihat data di dalam database di XAMPP, ketikkan "http://localhost/phpmyadmin/" >> Klik Nama Database (Transaksi) >> Klik t_barang (NamaTabel) >> Klik Browse, Data barang sudah tersimpan di dalam database (Pada kotak yang di tandai)
      Data barang Pada Database


      Mungkin cukup sekian untuk penejelasan dan cara membuat Form inputan ke database dengan Xampp, Semoga artikel ini dapat membantu dan bermanfaat untuk kita semua . .  Amiiennn :-) ;-)   Di kesempatan lain saya mungkin akan membahas ke tahap selanjutnya tentang Pemrograman WEB PHP ini.

      Terima Kasih banyak untuk sobat semua yang sudah mengunjungi artikel ini :D


      10 comments for "Belajar Script PHP - Menginput Data Ke Database"

      1. nah seperti ini yang saya cari cari akhirnya nemu juga maksih banget bro!

        ReplyDelete
        Replies
        1. Sippz , , Selamat mencoba & Semoga bermanfaat :)

          Delete
      2. broo ko pas di view_barang itu ga keluar data'' barang nya ya ?

        ReplyDelete
        Replies
        1. Pada saat Halaman utama di jalankan , , itu belum terisi data barang nya (Masih Kosong)
          Langkahnya :
          1. Masukkan data barang Dulu
          2. lalu Lihat data barang (Data barang yang di input akan terlihat)
          Seperti pada tutorial di atas

          Delete
      3. bro,, edit sama hapus datanya gmn waktu di view_barang ? kuq kagak bisa ya,, mohon bantuannya

        ReplyDelete
        Replies
        1. kaga bisa gmn ??
          ada warning errornya ngga ?? dan seperti apa warningnya ?

          Delete
      4. bisa bantuin gak ?? aq udh masukin scriptnya pake script aku sebelumnya ... tapi pas edit cuma muncul tampilannya aja, data barang yang mau di editnya gak muncul .. itu apa yang salahnya yahh ???

        ReplyDelete
        Replies
        1. Pada action "Update/edit" gunakan tag a href yang isinya :
          a href="update.php?kode_barang=kode_barang?>" /a

          unruk halaman update.php nya sisipkan script:
          $kode_barang=$_GET['kode_barang'];
          di dalam tag <?PHP yang berisi query untuk menampilkan

          semoga dapat di mengerti :)

          Delete
      5. kok edit barang sama hapus barang nggk ada sih mas, trus gmna mau ngedit sama nghapus datanya, tolong solusinya

        ReplyDelete
        Replies
        1. Post yang ini tutorial untuk input data (insert) saja.. untuk Edit dan Delete-nya belum di post :)

          Delete