Part 1 : Cara Membuat Halaman Input Data Sederhana ke Database

Share:

Pada tutorial kali ini kita akan mempelajari cara menginput data ke database dengan menggunakan form yang sangat sederhana. Ikuti tahapan-tahapan berikut ini, dan pastikan syarat-syarat di bawah ini terpenuhi

1. Persyaratan

  • Pastikan anda sudah menginstall web server di komputer/laptop anda. Ada banyak webserver yang dapat anda gunakan, pada tutorial-tutorial saya, saya menggunakan xampp. klik link berikut ini untuk mendownload xampp https://www.apachefriends.org/download.html
  • Database yang sudah mendukung MySQLi
  • Pastikan versi php anda 5,4 ke atas karena kita akan menggunakan fungsi Mysqli.
Persyaratan-persyaratan di atas dapat anda cover dengan hanya mendownload web server versi terbaru. Karena biasanya web server versi terbaru sudah mengcover teknologi-teknologi tersebut

2. Buat Database

  • 1. Hidupkan webservice dan mysql terlebih dahulu
  • 2. Buka browser lalu ketik localhost/phpmyadmin
  • 3. Buat database projekcrud
  • 4. Buat table dengan nama identitas dan buat field seperti gambar di bawah ini, jika sudah klik save untuk membuat tabel


3. Buat File Koneksi

Sebelum kita dapat memasukkan data ke dalam database, hal pertama yang harus kita buat adalah membuat file koneksi. Tujuannya adalah untuk menghubungkan file php ke database yang kita buat. 
  • 1. Buat sebuah folder baru di dalam htdocs dengan nama projekcrud
  • 2. Buka teks editor kesayangan kalian, copy paste script di bawah ini dan simpan dengan nama koneksi.php di dalam folder projekcrud

<?php

    $mysqli = new mysqli("localhost","root","","projekcrud");

?>

penjelasan : script di atas adalah fungsi untuk menghubungkan database, fungsi mysqli kita masukkan ke dalam variabel $mysqli. Lalu "localhost" adalah host yang kita gunakan, "root" adalah user database, "" adalah password database, secara default xampp tidak memberikan password, dan "projekcrud" adalah nama database kita.

Coba buka browser lalu jalankan file koneksi.php. Jika tidak menampilkan pesan apapun artinya kita sudah berhasil membuat koneksi ke database. Jika ada pesan error coba ulangi kembali tahapan demi tahapan di atas.


4. Buat file form_input

  • 1. Buka teks editor kesayangan kalian, copy paste script di bawah ini dan simpan file dengan nama form_input.php di dalam folder projekcrud

<h2>LATIHAN INPUT DATA KE DALAM DATABASE</h2>
<form method="post" action="proses_input.php">
    <table>
        <tr>
            <td>Nama</td>
            <td><input type="text" name="nama"></td>
        </tr>
        <tr>
            <td>Jenis Kelamin</td>
            <td>
                <input type="radio" name="jeniskelamin" value="laki-laki">Laki-laki
                <input type="radio" name="jeniskelamin" value="perempuan">Perempuan
            </td>
        </tr>
        <tr>
            <td>Alamat</td>
            <td><input type="text" name="alamat"></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="kirim"></td>
        </tr>
    </table>
</form>



penjelasan : Kita membuat sebuah halaman yang berisi form input nama, jenis kelamin dan alamat yang datanya akan dikirimkan ke file proses_input dan dilanjutkan ke database


5. Buat file proses_input

  • 1. Buka teks editor kesayangan kalian, copy paste script di bawah ini dan simpan dengan nama proses_input.php di dalam folder projekcrud

<?php

    include "koneksi.php";

    $nama = $_POST['nama'];
    $jeniskelamin = $_POST['jeniskelamin'];
    $alamat = $_POST['alamat'];

    $insert = mysqli_query($mysqli, "insert into identitas set nama='$nama', jeniskelamin='$jeniskelamin', alamat='$alamat'");

?>

penjelasan :
  • fungsi include digunakan untuk mengimpor halaman koneksi, sehingga kita tidak perlu membuat fungsi koneksi lagi di setiap file yang membutuhkan koneksi ke database
  • hasil inputan dari form_input dikrimkan dalam bentuk post dan disimpan di dalam varabel $nama, $jeniskelamin, dan $alamat.
  • $insert = mysqli_query(....) adalah query yang akan kita gunakan untuk melakukan operasi ke dalam database
  • ("insert into identitas set nama='$nama', jeniskelamin='$jeniskelamin', alamat='$alamat'"). Bisa kita artikan masukkan data ke dalam tabel identitas set nama, jenis kelamin dan alamat
Ok, coba anda jalankan proyek ini. Buka browser ketik localhost/projekcrud/form_input.php. Lalu coba masukkan data. Jika berhenti di halaman kosong dan tidak menampilkan pesan kesalahan apapun artinya anda sudah berhasil memasukkan data ke dalam database. Untuk membuktikannya buka database projekcrud, buka tabel identitas dan masuk ke tab browser hasil yang saya inputkan seperti gambar di bawah ini



Cukup sekian tutorial membuat halaman input data sederhana ke dalam database, mudah-mudahan bermanfaat bagi kita semua saya ucapkan assalamualaikum warahmatullahi wabarakaatuh, happy coding!.

Dan jangan lupa ikuti part-part selanjutnya :

11 comments:

  1. terima kasih gan, artikelnya sangat membantu bagi saya yg masih pelajar ini yg ingin memepelajari tentang database :D berhasil tanpa hambatan

    ReplyDelete
  2. Terimakasih, coba lanjut ke part lainnya

    ReplyDelete
    Replies
    1. sama-sama mas, terima kasih atas kunjungannya. :)

      Delete
  3. hallo mas, saya mahasiswa pendidikan. ingin membuat web untuk kebutuhan evaluasi. saya ingin membuat web dengan fungsi yang mirip dengan microsoft excel. boleh minta bantuanya.

    ReplyDelete
    Replies
    1. Boleh mas, silahkan kontak wa saya 081271449921

      Delete
  4. Terima kasih banyak, artikel mudah dimengerti dan sangat membantu

    ReplyDelete
  5. pak punya saya kok inputan-nya gak masuk ke table (localhost/phpmyadmin) nya ya???

    ReplyDelete

Jangan lupa kasih komentar ya!. Karena komentar kalian membantu kami menyediakan informasi yang lebih baik

Tidak boleh menyertakan link atau promosi produk saat berkomentar. Komentar tidak akan ditampilkan. Hubungi 081271449921(WA) untuk dapat menyertakan link dan promosi