menu

Website sederhana untuk pemula menggunakan PHP - CRUD (create)


Setelah sibuk merombak total tampilan website sekarang saatnya kembali coding..

Kali ini saya akan melanjutkan tutorial sebelumnya tentang membuat website sederhana untuk pemula dengan menggunakan php - CRUD (read).

Pada tutorial kemarin kita sudah membuat sebuah sistem read database sekarang saatnya kita membuat sistem create pada database.

Sistem create ini bertujuan untuk menambah isi database dengan data yang baru.

Sebelum melanjutkan tuturial ini pastikan koneksi database sudah benar jika belum silahkan koneksikan dulu lihat disini.

Oke langsung saja berikut tutorialnya.

Pertama kita ubah dulu sedikit struktur folder kita,
Buat folder baru pada path view dengan nama crud dan pindah kan file crud.php kedalam folder crud tersebut. Selanjutnya ubah nama file crud.php menjadi read.php, dan ubah nama model/read.php menjadi Read.php sehingga struktur folder akan tampak seperti ini.


Kemudian edit isi file index.php menjadi seperti ini.
<?php include_once "_header.php" ?>
<?php include_once "view/crud/read.php" ?>
<?php include_once "_footer.php" ?>

Edit isi file view/crud/read.php menjadi seperti ini.
<!-- custom css -->
<link rel="stylesheet" href="styles/style.css">
<!--  -->
<?php include_once "view/master/header.php" ?>
<div class="content">
  <div class="fill">
   <?php include_once "model/Read.php" ?>
  </div>
</div>
<?php include_once "view/master/footer.php" ?>

Edit juga isi file _header.php menjadi seperti ini
<?php include_once "koneksi.php" ?>
<!DOCTYPE html>
<html>
  <head>
    <title>Webcoboy</title>
  </head>
  <body>

Dan edit pula isi file model/Read.php menjadi seperti ini.
<table border="1px";>
 <tr>
  <th>No</th>
  <th>Name</th>
  <th>Email</th>
  <th>Address</th>
  <th>Created At</th>
  <th>Updated At</th>
 </tr>
<?php
 $sql="SELECT * FROM crud";
 $hsl=mysql_query($sql,$db);
 $no=0;
 while(list($name,$email,$address,$created_at,$updated_at,$id)=mysql_fetch_array($hsl)){
  $no++;
  ?>
    <tr>
     <td><?=$no?></td>
     <td><?=$name?></td>
     <td><?=$email?></td>
     <td><?=$address?></td>
     <td><?=$created_at?></td>
     <td><?=$updated_at?></td>
    </tr>
     <?php
 }
?>
</table>
<br>
<button class="button_def" onclick='window.location="view/crud/create.php"'>Create</button>

Setelah itu kita buat file baru dengan nama create.php dan letakkan pada path view/crud/create.php, isi dengan code berikut.
<!-- custom css -->
<link rel="stylesheet" href="../../styles/style.css">
<!--  -->
<!-- header -->
<?php include_once "../../_header.php" ?>
<?php include_once "../master/header.php" ?>
<!--  -->
<!-- content -->
<div class="content">
  <div class="fill">
   <?php include_once "../../model/Create.php" ?>
   <form method="POST" action="">
  <table>
   <tr>
    <td>Name</td><td>:</td><td><input type="text" name="name" id="name" required></td>
   </tr>
   <tr>
    <td>Email</td><td>:</td><td><input type="text" name="email" id="email" required></td>
   </tr>
   <tr>
    <td>Address</td><td>:</td><td><textarea style="width:100%" type="text" name="address" id="address" required></textarea></td>
   </tr>
   <tr><td></td><td></td><td><input type="submit" value="Add" name="simpan" id="simpan"></td></tr>
  </table>
 </form>
  </div>
</div>
<!--  -->
<!-- footer -->
<?php include_once "../master/footer.php" ?>
<?php include_once "../../_footer.php" ?>
<!--  -->

Setelah selesai, kemudian buat file baru dengan nama create.php dan letakkan pada path model/Create.php sebagai model dari create.
Isi dengan code berikut.
<?php
 $_simpan  = $_POST["simpan"];
 $_name   = $_POST["name"];
 $_email   = $_POST["email"];
 $_address = $_POST["address"];
 if ($_simpan) {
  $sql="INSERT INTO crud (name,email,address,created_at,updated_at) VALUES ";
        $sql.="('$_name','$_email','$_address',NOW(),NOW())";
     mysql_query($sql,$db);
 }
?>

Sehingga hasilnya akan menjadi seperti ini.


===DONE!===