Selasa, 18 November 2014

Aplikasi CRUD Sederhana PHP + Mysql Part 3


 Step #4 Memasukkan Data (Create/Insert)


Tahap ke empat adalah meng-insertkan data ke database dengan perintan INSERT INTO.
Pertama tertu saja kita buat Form utuk memasukkan datanya.
Form ini akan kita simpan dalam file tambah.php dengan script seperti di bawah ini:


<!DOCTYPE html>
<html>
<head>
    <title>Simple CRUD by TUTORIALWEB.NET</title>
</head>
<body>
    <h2>Simple CRUD</h2>
   
    <p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
   
    <h3>Tambah Data Siswa</h3>
   
    <form action="tambah-proses.php" method="post">
        <table cellpadding="3" cellspacing="0">
            <tr>
                <td>NIS</td>
                <td>:</td>
                <td><input type="text" name="nis" required></td>
            </tr>
            <tr>
                <td>Nama Lengkap</td>
                <td>:</td>
                <td><input type="text" name="nama" size="30" required></td>
            </tr>
            <tr>
                <td>Kelas</td>
                <td>:</td>
                <td>
                    <select name="kelas" required>
                        <option value="">Pilih Kelas</option>
                        <option value="X">X</option>
                        <option value="XI">XI</option>
                        <option value="XII">XII</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Jurusan</td>
                <td>:</td>
                <td>
                    <select name="jurusan" required>
                        <option value="">Pilih Jurusan</option>
                        <option value="Teknik Komputer dan Jaringan">Teknik Komputer dan Jaringan</option>
                        <option value="Multimedia">Multimedia</option>
                        <option value="Akuntansi">Akuntansi</option>
                        <option value="Perbankan">Perbankan</option>
                        <option value="Pemasaran">Pemasaran</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td></td>
                <td><input type="submit" name="tambah" value="Tambah"></td>
            </tr>
        </table>
    </form>
</body>
</html>

Dari Form tidak ada yang spesial, hanya form tersebut action nya tambah-proses.php.
Tampilannya seperti gambar di bawah ini:
simple-crud-form-tambah-data
Nah ketika form tersebut di isi, dan tombol Tambah di klik, maka akan menjalankan file tambah-proses.php.
Jadi selanjutnya buat file baru dengan nama tambah-proses.php dan isinya adalah script di bawah ini:

<?php
//mulai proses tambah data

//cek dahulu, jika tombol tambah di klik
if(isset($_POST['tambah'])){
   
    //inlcude atau memasukkan file koneksi ke database
    include('koneksi.php');
   
    //jika tombol tambah benar di klik maka lanjut prosesnya
    $nis        = $_POST['nis'];    //membuat variabel $nis dan datanya dari inputan NIS
    $nama        = $_POST['nama'];    //membuat variabel $nama dan datanya dari inputan Nama Lengkap
    $kelas        = $_POST['kelas'];    //membuat variabel $kelas dan datanya dari inputan dropdown Kelas
    $jurusan    = $_POST['jurusan'];    //membuat variabel $jurusan dan datanya dari inputan dropdown Jurusan
   
    //melakukan query dengan perintah INSERT INTO untuk memasukkan data ke database
    $input = mysql_query("INSERT INTO siswa VALUES(NULL, '$nis', '$nama', '$kelas', '$jurusan')") or die(mysql_error());
   
    //jika query input sukses
    if($input){
       
        echo 'Data berhasil di tambahkan! ';        //Pesan jika proses tambah sukses
        echo '<a href="tambah.php">Kembali</a>';    //membuat Link untuk kembali ke halaman tambah
       
    }else{
       
        echo 'Gagal menambahkan data! ';        //Pesan jika proses tambah gagal
        echo '<a href="tambah.php">Kembali</a>';    //membuat Link untuk kembali ke halaman tambah
       
    }

}else{    //jika tidak terdeteksi tombol tambah di klik

    //redirect atau dikembalikan ke halaman tambah
    echo '<script>window.history.back()</script>';

}
?>

Beres deh untuk tambah data atau Insert data ke database.
Penjelasan kode juga sudah saya masukkan pada file tersebut, silahkan baca sendiri :)

Selanjutnya proses Update Data (UPDATE/EDIT)
Membuat Aplikasi CRUD Sederhana Part 4

Tidak ada komentar:

Posting Komentar