Kamis, 13 Agustus 2020

Membuat CRUD Dasar PHP dan MySQLi part 1

Assalamualaikum Wr, Wb
Sesuai Judul Postingan Kali ini akan share cara membuat crud dengan php dan mysqli
Tujuannya agar temen temen bisa membuat website yang dinamis, langsung saja ya
Persiapan
  1. Berdoa Dulu ya biar ilmunya nanti bermanfaat
  2. Laptop sudah tersinstall server seperti XAMPP untuk windows, cara install dan download xampp Disini
  3. laptop sudah terinstall text editor, kalau saya suka pakai visual studio code, silahkan download visual studio Disini
  4. Persiapkan juga cemilan atau kopi ya
File File yang dibutuhkan
  1. file koneksi.php
  2. file index.php
  3. file tambah_data.php
  4. file edit_data.php
  5. file hapus_data.php
  6. Buat Database db_crud dan buat tabel mahasiswa
kode tabel mahasiswa

CREATE TABLE `mahasiswa` (
  `id` int(10) NOT NULL,
  `npm` varchar(10) DEFAULT NULL,
  `nama_mhs` varchar(40) DEFAULT NULL,
  `prodi` varchar(40) DEFAULT NULL,
  `tgl_lulus` date DEFAULT NULL,
  `no_ijazah` varchar(40) DEFAULT NULL,
  `ipk` decimal(3,2) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
File koneksi.php

<?php
//variabel koneksi
$konek = mysqli_connect("localhost","root","","db_crud");

if(!$konek){
	echo "Koneksi Database Gagal...!!!";
}
File index.php

<!-- panggil file koneksi -->
<?php include "koneksi.php" ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar CRUD</title>
</head>
<body>
    <h1>Tampil Semua Mahasiswa</h1>
    <table border="1px solid">
        <tr>
            <th>No</th>
            <th>NPM</th>
            <th>Nama Mahasiswa</th>
            <th>Program Studi</th>
            <th>Tanggal Lulus</th>
            <th>Nomor Ijazah</th>
            <th>IPK</th>
        </tr>
        <?php
        $sql = mysqli_query($konek, "SELECT * FROM mahasiswa ORDER BY id ASC");
        $no = 1;
        while ($d = mysqli_fetch_array($sql)) {
            echo "<tr>
                        <td width='40px' align='center'>$no</td>
                        <td>$d[npm]</td>
                        <td>$d[nama_mhs]</td>
                        <td>$d[prodi]</td>
                        <td>$d[tgl_lulus]</td>
                        <td>$d[no_ijazah]</td>
                        <td>$d[ipk]</td>
                    </tr>";
            $no++;
        }
        ?>
    </table>
</body>
</html>

Penjelasan Sedikit tentang kode diatas
pertama kita panggil file koneksi.php, code untuk memanggil file koneksi seperti dibawah ini
<!-- panggil file koneksi -->
<?php include "koneksi.php" ?>

kemudian kita buat query untuk menampilkan data dari tabel mahasiswa kode querynya seperti ini

 $sql = mysqli_query($konek, "SELECT * FROM mahasiswa ORDER BY id ASC");
variabel $konek di ambil dari file koneksi.php

kemudian untuk menampilkan data kita menggunakan perulangan while untuk kode perulangan wihile seperti dibawah ini

while ($d = mysqli_fetch_array($sql)) {
  echo "<tr>
              <td width='40px' align='center'>$no</td>
              <td>$d[npm]</td>
              <td>$d[nama_mhs]</td>
              <td>$d[prodi]</td>
              <td>$d[tgl_lulus]</td>
              <td>$d[no_ijazah]</td>
              <td>$d[ipk]</td>
          </tr>";
  $no++;
}

Jika sudah panggil dibrowser temen temen, kurang lebih hasil tampilanya seperti dibawah ini

Untuk Pemanis tampilan temen temen bisa menambakan code css, taruh diantara taq
<head></head>
Code cssnya

<style>
    tr, th, td{
        padding: 10px;
    }
    th{
        background-color: indianred;
        color:#fff;
        font-size:large;
    }
    h1{
        text-transform: uppercase;
    }
</style>

Next Postingan akan kita lannjutkaan bagaimana cara menambahkan data ke database

Tidak ada komentar:
Tulis komentar

Kategori