MEMBUAT DATA SISWA

Tugas Remedial

Pada tahap awal pastikan laptop atau komputer sudah terinstall XAMPP, Nama XAMPP merupakan singkatan dari X (tempat sistem operasi apapun), Apache, MySQL, PHP dan Perl. sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl yang bisa didownload di url berikut :

https://www.apachefriends.org/download.html

Pastikan sebelum memulai praktik, XAMPP (Apache dan MySQL) dalam keadaan aktive, seperti gambar berikut :

https://getbootstrap.com/docs/5.1/getting-started/download/

Setelah di download masukan file Bootstap ke folder ayobelajarform dan lakukan extract file bootstrap-5.1.0-dist.zip sehingga isi folder ayobelajarform menjadi seperti berikut :

Selanjutnya membuat file yang dibutuhkan didalam folder ayobelajarform dengan cara seperti gambar berikut :

Folder ayobelajarform sudah masuk pada visual studio code

Selanjutnya menambahkan file index.php, koneksi.php, create.php, proses_create.php, update.php, proses_update.php, delete.php dengan cara klik New File seperti gambar dibawah ini :

setelah di tekan enter maka hasilnya seperti gambar dibawah ini :

Selanjutnya bisa diteruskan menambahkan file koneksi.php, create.php, proses_create.php, update.php, proses_update.php, delete.php dengan hasil akhirnya seperti gambar dibawah ini :

Selanjutnya membuat membuat database baru dengan nama database formsiswa dan membuat tabel pada database dengan nama siswa jumlah kolom 10, dengan mengikuti cara dibawah ini :

Buka tab baru dengan mengetikan localhost/phpmyadmin

Jika sudah terisi sesuai di gambar lakukan klik SAVE

Jika berhasil hasilnya seperti ini

SELANJUTNYA PASTE KAN CODE SEPERTI LANGKAH-LANGKAH DIBAWAH INI :

Paste code berikut pada file index.php yang sudah dibuat :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>List Data Siswa</title>

    <!-- Link CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Style CSS -->
    <style>
        * {
            margin: 0;
            padding: 0;
            font-family: 'Arial';
            font-weight: 500;
        }

        .container {
            margin-top: 50px;
        }

        .foto {
            width: 50px;
            height: 50px;
            border-radius: 50%;}    </style>
    <!-- Link JS -->    <script src="js/bootstrap.bundle.min.js"></script></head>
<body>    <div class="container">        <h2 class="text-center mb-5">List Data Siswa</h2>        <?php             if(isset($_GET['pesan'])){                if($_GET['pesan'] == "insert"){                    echo "                    <script>                    alert('Siswa Berhasil di Tambah')                    </script>                  ";                }elseif ($_GET['pesan'] == "update") {                    echo "                    <script>                    alert('Siswa Berhasil di Update')                    </script>                  ";                }                elseif ($_GET['pesan'] == "delete") {                    echo "                    <script>                    alert('Siswa Berhasil di Hapus')                    </script>                  ";                }            }	    ?>
        <br>        <a href="create.php" class="btn btn-primary mb-4">Tambah Siswa</a>
        <table class="table table-striped">            <thead>                <tr>                    <th scope="col">#</th>                    <th scope="col">Nama</th>                    <th scope="col">Umur</th>                    <th scope="col">Jenis Kelamin</th>                    <th scope="col">Tgl Lahir</th>                    <th scope="col">hobi</th>                    <th scope="col">Kelas</th>                    <th scope="col">Deskripsi</th>                    <th scope="col">Opsi</th>                </tr>            </thead>            <tbody>            <?php                         include 'koneksi.php';            $data = mysqli_query($koneksi, "select * from siswa");            while($d = mysqli_fetch_array($data)){                ?>                <tr>                    <th scope="row"><img class="foto" src="<?php echo "foto/".$d['foto']; ?>"></th>                    <td><?php echo $d['nama'] ?></td>                    <td><?php echo $d['umur'] ?> Tahun</td>                    <td><?php echo $d['jenis_kelamin'] ?></td>                    <td><?php echo $d['tgl_lahir'] ?></td>                    <td><?php echo $d['hobi'] ?></td>                    <td><?php echo $d['kelas'] ?> <?php echo $d['jurusan'] ?></td>                    <td><?php echo $d['deskripsi'] ?></td>                    <td>                        <a href="update.php?id=<?php echo $d['id']; ?>" class="btn btn-warning text-white mb-2">Edit</a>                        <a href="delete.php?id=<?php echo $d['id']; ?>" class="btn btn-danger mb-2">Hapus</a>                    </td>                </tr>                <?php            }            ?>            </tbody>        </table>
    </div></body>
</html>

2.Paste code berikut pada file koneksi.php yang sudah dibuat :

<?php

$koneksi = mysqli_connect("localhost", "root", "", "formsiswa");

if (mysqli_connect_errno()) {

echo "Database Tidak Terkoneksi";

}

mysqli_connect_error();

3.Paste code berikut pada file create.php yang sudah dibuat :

<!DOCTYPE html>

<head>

<title>Tambah Data Siswa</title>

<style>

* {

margin: 0;

padding: 0;

font-family: 'Arial';

font-weight: 500;

}

Cari Blog Ini

haikalblog

MEMBUAT DATA SISWA

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat project E-Ticketing Maskapai