14 Agustus 2014

Input Data ke Database dengan PHP dan MySQL

11 comments
Input data ke database dengan PHP dan MySQL, source code atau script PHP digunakan sebagai perintah atau instruksi program, sedangkan MySQL digunakan sebagai databasenya (wadah/penampungan). Jadi dalam tutorial di all in one blog kali ini akan mempelajari 2 (dua) pemrograman sekaligus yaitu pemrograman PHP dan pemrograman database MySQL
Agar proses insert atau input data ke database MySQL dapat dilakukan, selain menggunakan 2 (dua) modul yaitu script PHP dan database MySQL, juga dibutuhkan satu file khusus yang menyimpan script PHP sebagai file penghubung atau koneksi ke database (read: koneksi.php), untuk itu silahkan baca artikelnya di cara membuat koneksi PHP ke database MySQL.
Berikut adalah langkah-langkah atau cara melakukan insert atau input data ke database dengan PHP dan MySQL:

1. Buat database dan tabel MySQL
Jika belum paham, Anda dapat membacanya disini cara membuat database dan tabel MySQL di xampp server localhost.
Buat database dengan nama "akademik", kemudian nama tabel nya "mahasiswa". Pada tabel mahasiswa tentukan jumlah fields atau atributnya, jika pada fields atau atribut tersebut terdiri dari id_mahasiswa, nama, jurusan, alamat, dan telepon, maka tabel tersebut berarti mengandung 5 (lima) fields atau atribut, tentukan juga type dan length/value nya sesuai kebutuhan data Anda. Sehingga tabel mahasiswa pada database akademik akan terbentuk seperti pada contoh gambar di bawah ini:
input data ke database dengan PHP dan MySQL
input data ke database dengan PHP dan MySQL
Sekarang database dan tabel MySQL yang dibutuhkan untuk menampung data yang akan diinsert atau input data ke database MySQL tersebut telah selesai dibuat, selanjutnya Anda dapat mempelajari cara koneksi php ke database mysql

2. Buat GUI sedemikian rupa sehingga membentuk form insert atau input data
GUI kita bentuk dengan script HTML akan tetapi disimpan dengan nama index.php, script HTML tersebut adalah sebagai berikut:
<html>
<head>
    <title>Input Data ke Database dengan PHP dan MySQL</title>
</head>
<body>
    <form action="action_input.php" method="POST" enctype="multipart/form-data">
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td height="40">&nbsp;</td>
            <td>&nbsp;</td>
            <td><font size="4" color="blue"><b>INPUT DATA MAHASISWA</b></font></td>
        </tr>
        <tr>
            <td height="36"></td>
            <td><a href="view_data.php" target="_blank" style="text-decoration:none">View Data</a></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td height="40">&nbsp;</td>
            <td>NIM</td>
            <td><input type="text" name="id_mahasiswa" size="12"></td>
        </tr>
        <tr>
            <td height="40">&nbsp;</td>
            <td>Nama</td>
            <td><input type="text" name="nama" size="30"></td>
        </tr>
        <tr>
            <td height="40">&nbsp;</td>
            <td>Jurusan</td>
            <td><input type="text" name="jurusan" size="30"></td>
        </tr>
        <tr>
            <td height="40">&nbsp;</td>
            <td>Alamat</td>
            <td><input type="text" name="alamat" size="60"></td>
        </tr>
        <tr>
            <td height="36">&nbsp;</td>
            <td>Telepon</td>
            <td><input type="text" name="telepon" size="12"></td>
        </tr>
        <tr>
            <td height="60">&nbsp;</td>
            <td>&nbsp;</td>
            <td><input type="submit" name="submit" value="Submit">&nbsp;&nbsp;&nbsp;
            <input type="reset" name="reset" value="Reset"></td>
        </tr>
        </table>
    </form>
</body>
</html>
Script HTML di atas akan membentuk GUI seperti pada gambar di bawah ini:
input data ke database dengan PHP dan MySQL
input data ke database dengan PHP dan MySQL
3. Buat file action untuk mengeksekusi atau melaksanakan perintah / instruksi input yang dikirim
Pada script HTML di langkah no 2 (dua) perhatikan script di baris nomor 3 yaitu <form action="action_input.php" method="POST" enctype="multipart/form-data"> pada bagian action="action_input.php", action_input.php inilah yang disebut sebagai file action yang akan mengeksekusi sebuah perintah yang dikirim dari suatu program. Berikut adalah script PHP pada file action_input.php:
<?php
    include "koneksi.php";
    //Kirimkan Variabel
    $id_mahasiswa    = $_POST['id_mahasiswa'];
    $nama            = $_POST['nama'];
    $jurusan        = $_POST['jurusan'];
    $alamat            = $_POST['alamat'];
    $telepon        = $_POST['telepon'];
    //validasi id mahasiswa dalam database
    $cek=mysql_num_rows (mysql_query("SELECT id_mahasiswa FROM mahasiswa WHERE id_mahasiswa='$_POST[id_mahasiswa]'"));
    if ($cek > 0) {
    ?>
        <script language="JavaScript">
            alert('ID Mahasiswa sudah dipakai !, silahkan diulang kembali');
            document.location='index.php';
        </script>
    <?php
    }
    //input data ke table mahasiswa dalam database akademik
    $input    ="INSERT INTO mahasiswa (id_mahasiswa, nama, jurusan, alamat, telepon)
            VALUES ('$id_mahasiswa','$nama','$jurusan','$alamat','$telepon')";
    $query_input =mysql_query($input);
        if ($query_input) {
    //Jika Sukses
    ?>
        <script language="JavaScript">
            alert('Data Mahasiswa Berhasil diinput!');
            document.location='index.php';
        </script>
    <?php
    }
    else {
    //Jika Gagal
    echo "Data Mahasiswa Gagal diinput, Silahkan diulangi!";
    }
    //Tutup koneksi engine MySQL
    mysql_close($Open);
?>
4. Buat GUI untuk melihat hasil insert atau input data tersebut
Setelah diinput maka kita harus memastikan apakah data yang diinput benar-benar tersimpan di dalam database. File yang akan membentuk GUI tersebut kita kasih nama apa ya? Baiknya view_input_data.php mungkin ya, tetapi terlalu panjang, view_data.php saja mungkin ya, setuju kan? Oke, script PHP nya seperti berikut:
<html>
<head>
    <title>View Data Mahasiswa</title>
</head>
<body>
    <br><font size="4"><center><b>DATA MAHASISWA</b></center><font><br>
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr bgcolor="#FFA600" height="40">
            <th width="5%">No</th>&nbsp;
            <th width="14%">NIM</th>&nbsp;
            <th width="12%">Nama</th>&nbsp;  
            <th width="25%">Jurusan</th>&nbsp; 
            <th width="30%">Alamat</th>&nbsp;        
            <th width="14%">Telepon</th>&nbsp;    
        </tr>
    <?php
        include "koneksi.php";
        //view data mahasiswa di dalam database
        $Lihat="SELECT * FROM mahasiswa ORDER BY id_mahasiswa";
        $Tampil = mysql_query($Lihat);
        $nomer=0;
        while (    $hasil = mysql_fetch_array ($Tampil)) {
                $id_mahasiswa    = stripslashes ($hasil['id_mahasiswa']);
                $nama            = stripslashes ($hasil['nama']);
                $jurusan        = stripslashes ($hasil['jurusan']);
                $alamat            = stripslashes ($hasil['alamat']);
                $telepon        = stripslashes ($hasil['telepon']);
            {
        $nomer++;
    ?>
        <tr bgcolor="#DFE6EF">
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr align="center" height="40">
            <td><?=$nomer?><div align="center"></div></td>
            <td><?=$id_mahasiswa?><div align="center"></div></td>
            <td><?=$nama?><div align="center"></div></td>
            <td><?=$jurusan?><div align="center"></div></td>
            <td><?=$alamat?><div align="center"></div></td>
            <td><?=$telepon?><div align="center"></div></td>
        </tr>
        <tr bgcolor="#DFE6EF">
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td> 
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    <?php 
            }
        }
    //Tutup koneksi engine MySQL
        mysql_close($Open);
    ?>
    </table>
</body>
</html>
5. Simpan semua script PHP di atas (index.php, action_input.php, dan view_data.php, serta koneksi.php) dalam satu folder di directory xampp Anda
Sebagai contoh, folder tersebut kita beri nama "inputdata", maka alamat directory nya di C:\xampp\htdocs\inputdata. Jadi akses url di web browser menjadi http://localhost/inputdata

Berikut screen shoot hasil uji coba tutorial di atas:
Input Data, file index.php
input data ke database dengan PHP dan MySQL
input data ke database dengan PHP dan MySQL

Lihat data yang diinput pada database MySQL.
input data ke database dengan PHP dan MySQL
input data ke database dengan PHP dan MySQL

Lihat semua data yang telah diinput ke dalam database melalui browser, file view_data.php.
input data ke database dengan PHP dan MySQL
input data ke database dengan PHP dan MySQL

Cukup mudah bukan? Jika Anda mengikuti tutorial dengan teliti dan benar, maka yakin Anda dapat membuatnya sendiri sekarang, bahkan bisa lebih luas lagi dari tutorial ini, seperti pada artikel free script register atau signup PHP MySQL
Untuk keperluan tugas kuliah atau skripsi bahkan untuk usaha Anda, Saya menyediakan jasa pembuatan aplikasi berbasis web dengan harga terjangkau.

Demikian tutorial bagaimana membuat GUI dan script PHP untuk melakukan insert atau input data ke database dengan PHP dan MySQL. Jika masih kurang memahami tutorial ini, Anda dapat mengajukan pertanyaan melalui form komentar. Terima kasih, semoga dapat membantu.
If You Enjoyed This, Take 5 Seconds To Share It

11 komentar:

  1. $cek > 0
    Berarti default id harus NOT NUL ya?

    BalasHapus
    Balasan
    1. Betul gan, harus ada value disitu.,

      Hapus
    2. gan, kok pas view_data nya data datanya ga muncul?? knp ya??

      Hapus
  2. Tutorial ini kami lakukan pada web server xampp ver 2.5,, pastikan agan juga menggunakan web server tersebut ya. Coba terus gan.,pasti berhasil

    BalasHapus
    Balasan
    1. Knapa tidak jalan View_data.php nya padahal sy memakai ver 3 2 1

      Hapus
  3. Gan, saya sudah mencoba persis sperti yg diatas. tpi pas saya coba di browser malah ada probelem


    Fatal error: Call to undefined function mysql_num_rows() in D:\xampp\htdocs\test\action_input.php on line 10

    dan

    Fatal error: Call to undefined function mysql_query() in D:\xampp\htdocs\test\view_data.php on line 22

    mohon dibantu ya gan.

    trims

    BalasHapus
  4. thanks gan berguna, ane tambah nih file koneksinya bagi yang masih bingung..



    jgan lupa save jadi koneksi.php

    BalasHapus
  5. makasih tutorialnya gan, artikel ini sangat membantu dalam memecahkan masalah saya.. sangat berguna

    BalasHapus
  6. Mas,ane fil koneksinya ane blum konek. Pas Login langsung ke view data, ga langsung masuk databasenya

    BalasHapus
  7. koneksi.php scriptnya mana ya gan?

    BalasHapus