Melihat dan Memasukkan Data ke Database

Halo! Selamat sore :)


Sekarang saya mau berbagi sedikit tentang database dan pengaksesannya pada php.

Yang pertama, jangan lupa nyalakan dulu mysql dan apache yang ada di xampp control. Setelah itu buka localhost/phpmyadmin di browser anda. Setelah itu klik ikon database lalu isi nama database kemudian tekan tombol create database. Setelah itu anda akan membuat kerangka tabel. Disana anda disuruh untuk mengisi data tabel.

Perlu diingat sebelum mengisi tabel, kita harus membuat data utama menjadi primary key terlbih dahulu.

Di bawah ini adalah contoh tabel yang sudah saya isi.




Kemudian, saya akan membuat file library.php yang kodenya adalah di bawah ini
<?php
    session_start();
    $host='localhost:3307';
    $user='root';
    $pass='';
    $db='db_pwpb18';
    $mysqlimysqli_connect($host$user$pass$db) or die('Tidak dapat koneksi ke Database');
?>

-Arti dari perintah session_start yaitu untuk menciptakan session. Session sendiri digunakan untuk menyimpan data pada server.
-Kode host adalah host database kita. Arti dari angka 3307 berarti localhost saya menyambung di port 3307. Angka tersebut bisa di dapat di xampp control. Ada tulisan port dan dibawahnya terdapat angka.
-User adalah username database. Sebelum masuk ke localhost/phpmyadmin kita disuguhkan dengan username dan password. Defaultnya adalah root.
-Pass adalah password database yang sama seperti user, ada sebelum kita masuk ke halaman utama localhost/phpmyadmin. Defaultnya kosong.
-DB adalah nama database yang sudah dibuat barusan.
-mysqli_connect adalah cara untuk menghubungkan sql dengan data yang ada di variabel yang sudah diisi sebelumnya.
-or die adalah output yang akan dikeluarkan jika mysqli_connect gagal


Tahap selanjutnya saya akan membuat file v_index.php
<head>
    <title>AuliaAgustinaXIRPL1</title>
    <style>
    body{
        backgroundwhite;
        color:blue;
        font-family:margarine;
    }
    table{
        border2px ridge deepskyblue;
    }
    th{
        background:lime;
        text-shadow2px 2px 3px navy;
    }
    a{
        color:chartreuse;
    }
    </style>
</head>
<body>
<a href="tambah.php">Tambah Data</a><br><br>
    <table border="1">
        <thead>
            <tr>   
                <th>#</th>
                <th>NIS</th>
                <th>Nama Lengkap</th>
                <th>Jenis Kelamin</th>
                <th>Kelas</th>
                <th>Jurusan</th>
                <th>Alamat</th>
                <th>Golongan Darah</th>
                <th>Nama Ibu Kandung</th>
            </tr>
        </thead>
        <tbody>
        <?php 
            $i = 1;
            while($siswa = $listSiswa->fetch_array()) { 
        ?>
            <tr>
                <td> <?= $i++?></td>
                <td><?= $siswa['nis']?></td>
                <td><?= $siswa['nama_lengkap']?></td>
                <td><?= $siswa['jenis_kelamin']?></td>
                <td><?= $siswa['kelas']?></td>
                <td><?= $siswa['jurusan']?></td>
                <td><?= $siswa['Alamat']?></td>
                <td><?= $siswa['GolonganDarah']?></td>
                <td><?= $siswa['ibu']?></td>
            </tr>
            <?php }?>
        </tbody>
    </table>
</body>
</html>
Kode ini berfungsi untuk menampilkan data siswa. Ohya, tag seperti ['ibu'] adalah tag yang mengakses nama column database. Di dalam kode ini juga saya menyisipkan a href yang fungsinya untuk mengarahkan kita ke file tambah.php untuk menambahkan data.


Kemudian kita buat file untuk menambahkan data
<head>
    <title>AuliaAgustinaXIRPL1</title>
</head>
<body>
<table>
    <form action="tambah.php" method="POST">
    <tr>
        <td>NIS</td>
        <td><input type="text" name="nis"></td>
    </tr>
    <tr>
        <td>Nama Lengkap</td>
        <td><input type="text" name="nama_lengkap"></td>
    </tr>
    <tr>
        <td>Jenis Kelamin</td>
        <td>:<input type="radio" name="jenis_kelamin" value="L">Laki-Laki<br>
         <input type="radio" name="jenis_kelamin" value="P">Perempuan<br></td>
    </tr>
    <tr>
        <td>Kelas</td>
        <td>
            <select name="kelas">
                <option value="XI-RPL-1">XI-RPL-1</option>
                <option value="XI-RPL-2">XI-RPL-2</option>
                <option value="XI-RPL-3">XI-RPL-3</option>
            </select></td>
    </tr>
    <tr>
        <td>Jurusan</td>
        <td><input type="text" name="jurusan"><br></td>
    </tr>
    <tr>
        <td>Alamat</td>
        <td><textarea name="alamat"></textarea><br></td>
    </tr>
    <tr>
        <td>Golongan Darah</td>
        <td>
            <select name="goldar">
                <option value="A">A</option>
                <option value="B">B</option>
                <option value="O">O</option>
                <option value="AB">AB</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>Nama Ibu Kandung</td>
        <td><input type="text" name="ibuk"><br></td>
    </tr>
    <tr>
    <td>
    <input type="submit" value="Simpan">
    </td
    </tr>
    </form>
<table>
</body>
</html>


Sementara kode dibawah ini fungsinya untuk menambahkan data ke database yang mengkoneksikan input yang dimasukkan pengguna ke tabel database.
<html lang="en">
<head>
    <title>Aulia AgustinaXIRPL1</title>
</head>
<body>
    <?php
        include 'lib/library.php';
        if($_SERVER['REQUEST_METHOD']=='POST'){
            $nis=$_POST['nis'];
            $nama_lengkap=$_POST['nama_lengkap'];
            $jenis_kelamin=$_POST['jenis_kelamin'];
            $kelas=$_POST['kelas'];
            $jurusan=$_POST['jurusan'];
            $alamat=$_POST['alamat'];
            $darah=$_POST['goldar'];
            $ibu=$_POST['ibuk'];

            $sql="INSERT INTO tabel VALUES ('$nis', '$nama_lengkap', '$jenis_kelamin', '$kelas', '$jurusan', '$alamat', '$darah', '$ibu')";

            $mysqli->query($sql) or die($mysqli->error);

            header('location: index.php');
        }
        include 'views/v_tambah.php';
    ?>
</body>
</html>
I

Berikutnya, kita membuat file index.php. Fungsinya untuk menjalankan kode yang sudah dibuat di atas tadi
<?php
    include 'lib/library.php';

    $sql = "SELECT * FROM tabel";
    $listSiswa = $mysqli->query($sql);

    include 'views/v_index.php';
?>


Ini adalah hasilnya dari membuka index.php


Ketika mengklik tambah data, akan muncul form pengisian data. Dibawah ini adalah tampilan setelah datanya diisi oleh saya.



Setelah di klik simpan, maka akan kembali lagi ke index.php


Terima kasih sudah membaca! :)

Komentar

Posting Komentar