Senin, 27 Oktober 2025

Menampilkan Data Tabel Guru ke web dengan bahasa pemrograman PHP

 Langkah -Langkah

1. Buka CMD; 

2. Masuk kedalam database MariaDB;

  • C:\Users\A-20>cd c://xampp/mysql/bin/
  • c:\xampp\mysql\bin>mysql -u root -p (enter)

3. Tampilkan semua database kemudian Aktifakan/Pilih database menggunakan query USE;

  • MariaDB [(none)]> show databases;
  • MariaDB [(none)]> use db_smk;

4. Buat Tabel tb_guru menggunakan perintah CREATE;

  • MariaDB [db_smk]> CREATE TABLE tb_guru(
  •     -> nip int(25)not null,
  •     -> nama_guru varchar(200)not null,
  •     -> jenis_kelamin varchar(15)not null,
  •     -> tempat_lahir varchar(50)not null,
  •     -> tanggal_lahir date,
  •     -> nama_ibukandung varchar(100)not null,
  •     -> primary key(nip));

5. Isi minimal 3 baris data menggunakan INSERT;

  • MariaDB [db_smk]> INSERT INTO tb_guru VALUES('1001','Agri','Laki-Laki','Sumedang','1994-08-17','Anah');
  • MariaDB [db_smk]> INSERT INTO tb_guru VALUES('1002','Fahrul','Laki-Laki','Pandeglang','1990-02-25','Anis');
  • MariaDB [db_smk]> INSERT INTO tb_guru VALUES('1003','Priambudi','Laki-Laki','Pandeglang','2007-05-10','Siti');

6. Tampilkan menggunakan perintah SELECT;

  • MariaDB [db_smk]> SELECT * FROM tb_guru;





7. Siapkan Aplikasi texteditor( VS Code);
8. Ketik Script/koding seperti di bawah;
Script / Koding  


<h1>Data Guru</h1>
<table border="1" width="800" cellspacing="0" cellpadding="5">
    <tr>
        <th>NIP</th>
        <th>Nama Guru</th>
        <th>Jenis Kelamin</th>
        <th>Tempat Lahir</th>
        <th>Tanggal Lahir</th>
        <th>Nama Ibu Kandung</th>
    </tr>

    <?php
    include "conn/config.php";
    $perintah = "SELECT * FROM tb_guru";
    $query = mysqli_query($koneksi, $perintah);

    while ($data = mysqli_fetch_assoc($query)) {
        echo "<tr>
            <td>{$data['nip']}</td>
            <td>{$data['nama_guru']}</td>
            <td>{$data['jenis_kelamin']}</td>
            <td>{$data['tempat_lahir']}</td>
            <td>{$data['tanggal_lahir']}</td>
            <td>{$data['nama_ibukandung']}</td>
        </tr>";
    }
    ?>
</table>



9. Tampilkan hasil dari script koding PHP di browser ( Crome )

Hasil Output:




Tidak ada komentar:

Posting Komentar

  Yang Sesuai dengan pencarian: