Simpan dan Tampil Data Dengan Satu File PHP-MySQL

Berawal dari Ujian Kompetensi yang mewajibkan saya untuk membuat Program Sederhana dengan waktu 10 Menit Close Source and Close Book. Saya memutar otak bagaimana caranya agar dapat melakukan input data dan tampil data dengan cepat.

Akhirnya saya menemukan cara gampang melakukan simpan dan tampil data hanya dengan satu buah file index.php

Berikut Tutorialnya :

Silahkan aktifkan XAMPP / WAMPP yang anda punya.

Buat sebuah database dengan nama "db_latihan_php"

Lalu buat tabel dengan nama "t_mahasiswa" dengan ketentuan seperti gambar berikut:

Buat sebuah folder bernama "LATIHAN-PHP" pada directory C:/Xampp/Htdocs (Jika Menggunakan XAMPP) dan C:/Wampp/www (Jika Menggunakan WAMPP).

Lalu buat lah sebuah file didalamnya dengan nama index.php

Koding untuk koneksi ke database:

 <?php $koneksi = mysqli_connect("localhost","root","","db_latihan_php");

Koding untuk aksi pada saat menekan tombol simpan:

if (isset($_POST['tombol_simpan'])){
        $nobp = $_POST['nobp'];
        $nama = $_POST['nama'];
        $jurusan = $_POST['jurusan'];     
        
        $sql = "INSERT INTO t_mahasiswa VALUES('$nobp','$nama','$jurusan')";
        $simpan = mysqli_query($koneksi, $sql);                  
    }
?> 

Koding untuk desain form input data mahasiswa:

<h3>Form Input Mahasiswa</h3>
    <form action="" method="post">
        <table>
            <tr>
                <td>No. BP</td>
                <td><input type="text" name="nobp"></td>
            </tr>
            <tr>
                <td>Nama</td>
                <td><input type="text" name="nama"></td>
            </tr>
            <tr>
                <td>Jurusan</td>
                <td>
                    <select name="jurusan">
                        <option>--PILIH--</option>
                        <option value="Sistem Informasi">Sistem Infomasi</option>
                        <option value="Sistem Komputer">Sistem Komputer</option>
                        <option value="Manajemen">Manajemen</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>&nbsp</td>
                <td>
                    <input type="submit" name="tombol_simpan" value="Simpan">
                    <input type="reset" name="tombol_bersihkan" value="Bersihkan">
                </td>
            </tr>
        </table>
    </form>
<hr> 

Koding untuk memanggil data dari database:

 <?php
        $sql = "SELECT * FROM t_mahasiswa";
        $query = mysqli_query($koneksi, $sql);
?>

Koding untuk desain tampil data:

<h3>Data Mahasiswa</h3>
    <table border="1" width="50%">
        <tr>
            <th>NO BP</th>
            <th>NAMA LENGKAP</th>
            <th>JURUSAN</th>
        </tr>
        <?php while ($data = mysqli_fetch_array($query)) { ?>
            <tr>
                <td align="center"><?php echo $data['nobp']; ?></td>
                <td align="center"><?php echo $data['nama']; ?></td>
                <td align="center"><?php echo $data['jurusan']; ?></td>
            </tr>
        <?php } ?>
    </table>

Jika semua koding digabung, maka akan jadi seperti berikut :

<?php
// --- DARI SINI KONEKSI KE DATABASE
$koneksi = mysqli_connect("localhost","root","","db_latihan_php");
// --- SAMPAI SINI

// --- DARI SINI AKSI UNTUK TOMBOL SIMPAN
    if (isset($_POST['tombol_simpan'])){
        $nobp = $_POST['nobp'];
        $nama = $_POST['nama'];
        $jurusan = $_POST['jurusan'];     
        
        $sql = "INSERT INTO t_mahasiswa VALUES('$nobp','$nama','$jurusan')";
        $simpan = mysqli_query($koneksi, $sql);                  
    }
?> 
<!-----SAMPAI SINI-->

<!-----DARI SINI DESAIN UNTUK FORM INPUT DATA-->
    <h3>Form Input Mahasiswa</h3>
    <form action="" method="post">
        <table>
            <tr>
                <td>No. BP</td>
                <td><input type="text" name="nobp"></td>
            </tr>
            <tr>
                <td>Nama</td>
                <td><input type="text" name="nama"></td>
            </tr>
            <tr>
                <td>Jurusan</td>
                <td>
                    <select name="jurusan">
                        <option>--PILIH--</option>
                        <option value="Sistem Informasi">Sistem Infomasi</option>
                        <option value="Sistem Komputer">Sistem Komputer</option>
                        <option value="Manajemen">Manajemen</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>&nbsp</td>
                <td>
                    <input type="submit" name="tombol_simpan" value="Simpan">
                    <input type="reset" name="tombol_bersihkan" value="Bersihkan">
                </td>
            </tr>
        </table>
    </form>
    <hr>
<!-----SAMPAI SINI-->

<!-----DARI SINI QUERY UNTUK MENAMPILKAN DATA-->
    <?php
        $sql = "SELECT * FROM t_mahasiswa";
        $query = mysqli_query($koneksi, $sql);
    ?>
<!-----SAMPAI SINI-->

<!-----DARI SINI DESAIN UNTUK TAMPIL DATA-->
    <h3>Data Mahasiswa</h3>
    <table border="1" width="50%">
        <tr>
            <th>NO BP</th>
            <th>NAMA LENGKAP</th>
            <th>JURUSAN</th>
        </tr>
        <?php while ($data = mysqli_fetch_array($query)) { ?>
            <tr>
                <td align="center"><?php echo $data['nobp']; ?></td>
                <td align="center"><?php echo $data['nama']; ?></td>
                <td align="center"><?php echo $data['jurusan']; ?></td>
            </tr>
        <?php } ?>
    </table>
<!-----SAMPAI SINI-->

Silahkan jalankan dengan mengunjungi
localhost/LATIHAN-PHP/

Berikut Tampilannya:

Terimakasih, Semoga bermanfaat.

Selengkapnya