Create Data (Data Base)

Oktober 16, 2019

Create Data (Data Base)

PRAKTIKUM 28

Nama : M.Fadlul Hafiizh

Kelas : XI-RPL 2

Assalamualaikum...

di postingan ini kita akan melanjutkan materi yang sebelumnya mengenai read data dan sekarang yang kita lakukan adalah create data. kita akan membuka pintu akses dari halaman web untuk mengedit database yang telah disediakan. Untuk langkah-langkahnya melanjutkan dari kodingan yang sudah kita dibuat di postingan saya sebelumya yaa.

1. Buka views/v_index.php

<style type="text/css">
  @keyframes rotate{
   100%{
    transform: rotate(2turn);
   }
  }
  .border {
      position: relative;
      z-index: 0;
      width: 1200px;
      height: 100px;
      border-radius: 10px;
      overflow: hidden;
      padding: 5rem;
  }
  .border::before {
      content: '';
      position: absolute;
      z-index: -7;
      left: -50%;
      top: -50%;
      width: 200%;
      height: 200%;
      background-repeat: no-repeat;
      background-size: 50% 50%, 50% 50%;
      background-position: 0 0, 100% 0, 100% 100%, 0 100%;
      background-image: linear-gradient(#FFC107, #FFC107), 
                    linear-gradient(#3F51B5, #3F51B5), 
                    linear-gradient(#E91E63, #E91E63), 
                    linear-gradient(#4CAF50, #4CAF50);
      animation: rotate 4s linear infinite;
    }
    .border::after {
      content: '';
      position: absolute;
      z-index: -1;
      left: 10px;
      top: 10px;
      width: calc(95% - 0px);
      height: calc(92% - 0px);
      background: linear-gradient(to bottom, #810771 0%, #ef1ed3 100%);
      border-radius: 5px;
  }
  th{
   border: outset 5px orange;
   background: silver;
  }
  td{
   border: inset 4px #eea41b;
   background: silver;
  }
 </style>
<a href="tambah.php">Tambah Data</a><br><br>

<table border="1" class="border">
 <thead>
<tr>
   <th>No</th>
   <th>NIS</th>
   <th>Nama Lengkap</th>
   <th>Jenis Kelamin</th>
   <th>Kelas</th>
   <th>Jurusan</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>
   </tr>
<?php }
  ?>
 </tbody>
</table>

Disini kita menambahkan <a href="tambah.php">Tambah Data</a><br><br>
yang digunakan untuk membuat link yang mengarah ke file tambah.php

2.Buat file baru views/v_tambah.php

3.Buat tambah.php

<?php
include 'lib/library.php';

include 'views/v_tambah.php';
?>

4.Coba buka di browser
hasilnya akan seperti ini

5.Buka file tambah.php dan tambahkan kodingan seperti dibawah ini

<?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'];

 $sql = "INSERT INTO siswa2 (nis, nama_lengkap, jenis_kelamin, kelas, jurusan) VALUES
   ('$nis', '$nama_lengkap', '$jenis_kelamin', '$kelas', '$jurusan')";

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

 header('Location: index.php');
 }

include 'views/v_tambah.php';
?>

if ($_SERVER['REQUEST_METHOD'] == 'POST') digunakan untuk memeriksa apakah ada request dalam bentuk POST yang dikirim ke halaman tambah.php

$sql = "INSERT INTO siswa2 (nis, nama_lengkap, jenis_kelamin, kelas, jurusan, alamat, golongan_darah, nama_ibu_kandung) VALUES ('$nis', '$nama_lengkap', '$jenis_kelamin', '$kelas', '$jurusan', '$alamat', '$goldar', '$nama_ibu')";
Digunakan untuk membuat SQL string untuk memasukan data ke tabel siswa

Bentuk Umum QUERY INSERT INSERT INTO nama_tabel (FIELD1, FIELD2, FIELD3, …) VALUES (‘VALUE1’, ‘VALUE2’, ‘VALUE3’, …)

$mysqli->query($sql) or die ($mysqli->error); digunakan untuk melakukan query ke SQL.

header('location: index.php'); digunakan untuk mengarahkan kembali (redirect) halaman ke index.php

StudiKasus

Baik, untuk menyelesaikan studi kasus diatas langkah pertama ialah.....

1. Tambah kolom di tabel database

2. Edit dan tambahkan kodingan di v_index.php menjadi seperti ini

<style type="text/css">
  @keyframes rotate{
   100%{
    transform: rotate(2turn);
   }
  }
  .border {
      position: relative;
      z-index: 0;
      width: 1200px;
      height: 100px;
      border-radius: 10px;
      overflow: hidden;
      padding: 5rem;
  }
  .border::before {
      content: '';
      position: absolute;
      z-index: -7;
      left: -50%;
      top: -50%;
      width: 200%;
      height: 200%;
      background-repeat: no-repeat;
      background-size: 50% 50%, 50% 50%;
      background-position: 0 0, 100% 0, 100% 100%, 0 100%;
      background-image: linear-gradient(#FFC107, #FFC107), 
                    linear-gradient(#3F51B5, #3F51B5), 
                    linear-gradient(#E91E63, #E91E63), 
                    linear-gradient(#4CAF50, #4CAF50);
      animation: rotate 4s linear infinite;
    }
    .border::after {
      content: '';
      position: absolute;
      z-index: -1;
      left: 10px;
      top: 10px;
      width: calc(95% - 0px);
      height: calc(92% - 0px);
      background: linear-gradient(to bottom, #810771 0%, #ef1ed3 100%);
      border-radius: 5px;
  }
  th{
   border: outset 5px orange;
   background: silver;
  }
  td{
   border: inset 4px #eea41b;
   background: silver;
  }
 </style>
<a href="tambah.php">Tambah Data</a><br><br>

<table border="1" class="border">
 <thead>
<tr>
   <th>No</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['golongan_darah']?></td>
    <td><?=$siswa['nama_ibu_kandung']?></td>
   </tr>
<?php }
  ?>
 </tbody>
</table>

3.Edit dan tambahkan juga pada v_tambah.php

4.Edit dan tambahkan kodingan berikut pada tambah.php

<?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'];
 $goldar = $POST['golongan_darah'];
 $nama_ibu = $POST['nama_ibu_kandung'];

 $sql = "INSERT INTO siswa2 (nis, nama_lengkap, jenis_kelamin, kelas, jurusan, alamat, golongan_darah, nama_ibu_kandung) VALUES
   ('$nis', '$nama_lengkap', '$jenis_kelamin', '$kelas', '$jurusan', '$alamat', '$goldar', '$nama_ibu')";

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

 header('Location: index.php');
 }

include 'views/v_tambah.php';
?>

5. Selesai dan jadinya seperti iniii

Terimakasih atas kunjungan kalian di blog ini, semoga bermanfaat....

Cari Blog Ini

Tutor Gesit

Create Data (Data Base)

Komentar

Posting Komentar

Postingan Populer

CRUD(Create, read, update, delete) data dalam relasi 2 tabel

If, If/Else, Else, Switch/Case On java script