Simpan dan Tampil Data Dengan Satu File [PHP-MySQL]

Berawal ketika saya akan melaksanakan Ujian Kompetensi di kampus yang mewajibkan membuat program sederhana dalam waktu 15 Menit dengan metode Close Book and Close Source. Setelah berselancar didunia maya, akhirnya saya menemukan cara yang tepat, mudah dan cepat yaitu hanya dengan menggunakan index.php. Saya akan menjelaskan langkah demi langkahnya.

Silahkan simak tutorial berikut ini dengan baik.

• Hidupkan XAMPP yang sudah terinstal di komputer kalian. (Saya menggunakan Xampp)
• Buatlah sebuah database dengan nama "db_latihan_php"
• Buatlah sebuah tabel dengan nama "t_mahasiswa" dengan ketentuan sebagai berikut:

• Buatlah sebuah folder bernama "LATIHAN-PHP" pada direktory C:\xampp\htdocs
• Buatlah sebuah file baru bernama "index.php" dan letakkan didalam folder tersebut.
• Berikut koding dan penjelasannya :

Koding untuk koneksi ke database & action ketika tombol simpan di klik

<?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-->

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

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

Koding untuk desain penampilan data

<!-----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-->

Berikut Adalah Koding Seluruhnya Setalah Disatukan:

<?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-->

Jika ada yang kurang paham, jangan lupa tinggalkan komentar, semoga bermanfaat, Terimakasih.

• DOWNLOAD CODE