PHP MySQL; Cara Cepat Membuat Halaman CRUD Menggunakan Adobe Dreamweaver CS 5

1 Votes

Pengembangan aplikasi database tentunya tidak terlepas dari CRUD (Create, Read, Update dan Delete) baik berbasis desktop maupun web. Sebenarnya banyak cara untuk membuat halaman CRUD dengan PHP dan MySQL, bisa dengan code manual maupun menggunakan generator kode. Menulis kode manual memang akan bisa lebih ampuh dan juga lebih mudah untuk mengembangkan serta penggunaan ulang, akan tetapi ketika project menumpuk kadang kita kelamaan dalam menulis kodenya dan hasilnya project selesai dengan waktu yang lebih lama. Selain itu, dengan coding manual kita disibukkan untuk meneliti baris demi baris kode yang mengakibatkan fokus kita terposrsir pada itu dan validasi sistem akan terlupakan.

Cara berikut saya rasakan lebih mudah dan cepat untuk menyelesaikan project web yaitu dengan Adobe Dreamweaver. Adobe Dreamweaver menyediakan fasilitas generator kode PHP dan MySQL yang mudah dimodifikasi dan dikembangkan sesuai dengan kebutuhan.
Oke, langsung kita coba bersama. O iya pastikan semua peralatan seperti Adobe Dreamweaver, Apache, PHP dan MySQL sudah terpasang dan sudah berjalan dengan baik.
Langkah pertama adalah kita buat terlebih dahulu database nya. Berikut ini merupakan kode SQL untuk membuat database dan tabelnya

CREATE DATABASE IF NOT EXISTS komunitas;

USE komunitas;

CREATE  TABLE IF NOT EXISTS komunitas.anggota (

  id VARCHAR(20) NOT NULL ,

  nama VARCHAR(60) NULL DEFAULT NULL ,

  alamat VARCHAR(255) NULL DEFAULT NULL ,

  kota VARCHAR(40) NULL DEFAULT NULL ,

  email VARCHAR(60) NULL DEFAULT NULL ,

  telepon VARCHAR(20) NULL DEFAULT NULL ,

  PRIMARY KEY (id) );

Mendefinisikan Site dalam Dreamweaver

Pertama, buka Adobe Dreamweaver dan klik menu Site -> New Site, maka akan tampil dialog Site Setup.

Pada bagian SIte, ketikkan pada Site Name dengan “crud”, kemudian pada Local Site Folder pilih folder crud yang berada pada document root anda dengan mengklik gambar folder di samping kanan.

Selanjutnya pada bagian Servers, klik tombol plus (+) maka akan keluar dialog. Pada bagian Basic ketikkan “crud” pada Server Name dan pilih Local/Network pada Connect Using. Pilih folder crud yang berada dalam document root anda dengan mengklik folder di samping kanan. Isikan Web URL dengan “http://localhost/crud” dan klik tombol Save

Ahiri dengan mengklik tombol save pada dialog Site Setup.
Langkah selanjutnya adalah membuat file PHP yaitu dengan klik menu File -> New maka akan tampil dialog sebagai berikut.

Pilih Page Type PHP kemudian klik tombol Create, maka akan tercipta halaman baru. Sebelum memasukkan kode sebaiknya disimpan terlebih dahulu dengan nama anggota.php

Setting Koneksi Database

Dalam halaman project klik tab Databases. Apabila belum tampil dalam jendela project klik menu Window -> Databases. Pada tab databases, klik tombol plus (+) maka akan tampil dialog MySQL Connection. Isi Connection name : “conn”, MySQL Server : “localhost”, User name : “root”, Password : “”, Database : “komunitas”
Hasilnya akan seperti gambar di bawah ini. Klik tombol test untuk mengetest apakah koneksi sudah berhasil. Klik tombol OK untu menutup dialog ini.

Lihat hasilnya seperti gambar di bawah ini.

Membuat Halaman view_anggota.php

Buat file php baru dan simpan dengan nama create_anggota.php pada document root anda.
Pada tab insert pilih data, kemudian klik tombol Recordset. Pada dialog Recordset isi textbox name dengan “anggota” dan pilih anggota pada combo table. Untuk view dalam contoh ini akan menampilkan semua data yang ada dalam table anggota sehingga pada filternya dibiarkan saja, selanjutnya klik OK dan lihat pada tab binding akan tampil seperti berikut
Masih tetap pada tab insert pilih data, klik dynamic data table. Pada dialog dynamic data pilih recordset anggota dan pilih option All record untuk menampilkan semua data anggota dalam table. Klik tombol OK kemudian lihat hasilnya.Tampilan di atas tambahkan link “Tambah” yang ditujukan ke create_anggota.php, dan tambahkan satu kolom untuk kolom aksi. Kolom ini digunakan untuk link “edit” dan “hapus”. Tautkan link edit ke edit_anggota.php?id=<?php echo $row_anggota['id']; ?> dan link hapus ke delete_anggota.php<?php echo $row_anggota['id']; ?>. Selanjutnya lihat hasinya seperti di bawah ini

<?php require_once('Connections/conn.php'); ?>

<?php

if (!function_exists("GetSQLValueString")) {

function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")

{

  if (PHP_VERSION < 6) {

    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;

  }

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {

    case "text":

      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";

      break;

    case "long":

    case "int":

      $theValue = ($theValue != "") ? intval($theValue) : "NULL";

      break;

    case "double":

      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";

      break;

    case "date":

      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";

      break;

    case "defined":

      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;

      break;

  }

  return $theValue;

}

}

mysql_select_db($database_conn, $conn);

$query_anggota = "SELECT * FROM anggota";

$anggota = mysql_query($query_anggota, $conn) or die(mysql_error());

$row_anggota = mysql_fetch_assoc($anggota);

$totalRows_anggota = mysql_num_rows($anggota);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>

<body>

<p><a href="create_anggota.php">Tambah</a></p>

<table border="0" cellpadding="2" cellspacing="2">

  <tr>

    <td>ID. Anggota</td>

    <td>Nama Anggota</td>

    <td>Alamat</td>

    <td>Kota</td>

    <td>Email</td>

    <td>Telepon</td>

    <td>Aksi</td>

  </tr>

  <?php do { ?>

    <tr>

      <td><?php echo $row_anggota['id']; ?></td>

      <td><?php echo $row_anggota['nama']; ?></td>

      <td><?php echo $row_anggota['alamat']; ?></td>

      <td><?php echo $row_anggota['kota']; ?></td>

      <td><?php echo $row_anggota['email']; ?></td>

      <td><?php echo $row_anggota['telepon']; ?></td>

      <td><a href="edit_anggota.php?id=<?php echo $row_anggota['id']; ?>">Edit</a> | <a href="delete_anggota.php<?php echo $row_anggota['id']; ?>">Hapus</a></td>

    </tr>

    <?php } while ($row_anggota = mysql_fetch_assoc($anggota)); ?>

</table>

</body>

</html>

<?php

mysql_free_result($anggota);

?>

Membuat Halaman create_anggota.php

Buat file php baru dan simpan dengan nama create_anggota.php pada document root anda.
Pada tab insert pilih data, klik tombol Record Insertion Wizard. Masukkan semua input dalam dialog Record Insertion Form.
Pilih Connection = conn
Pilih Table = anggota
Tulis pada After inserting, go to “view_anggota.php”, maksudnya adalah setelah proses input maka akan langsung menuju file view_anggota.php.
Pada Form field anda dapat menambah atau menghapus sesuai dengan kebutuhan serta dapat mengubah label, display as, submit as dan default value.
Klik tombol OK maka hasilnya akan tampil seperti gambar di bawah ini.

Kode hasil generatornya adalah sebagai berikut
create_anggota.php

<?php require_once('Connections/conn.php'); ?>

<?php

if (!function_exists("GetSQLValueString")) {

function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")

{

  if (PHP_VERSION < 6) {

    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;

  }

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {

    case "text":

      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";

      break;

    case "long":

    case "int":

      $theValue = ($theValue != "") ? intval($theValue) : "NULL";

      break;

    case "double":

      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";

      break;

    case "date":

      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";

      break;

    case "defined":

      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;

      break;

  }

  return $theValue;

}

}

$editFormAction = $_SERVER['PHP_SELF'];

if (isset($_SERVER['QUERY_STRING'])) {

  $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);

}

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {

  $insertSQL = sprintf("INSERT INTO anggota (id, nama, alamat, kota, email, telepon) VALUES (%s, %s, %s, %s, %s, %s)",

                       GetSQLValueString($_POST['id'], "text"),

                       GetSQLValueString($_POST['nama'], "text"),

                       GetSQLValueString($_POST['alamat'], "text"),

                       GetSQLValueString($_POST['kota'], "text"),

                       GetSQLValueString($_POST['email'], "text"),

                       GetSQLValueString($_POST['telepon'], "text"));

  mysql_select_db($database_conn, $conn);

  $Result1 = mysql_query($insertSQL, $conn) or die(mysql_error());

  $insertGoTo = "view_anggota.php";

  if (isset($_SERVER['QUERY_STRING'])) {

    $insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";

    $insertGoTo .= $_SERVER['QUERY_STRING'];

  }

  header(sprintf("Location: %s", $insertGoTo));

}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head>

<body>

<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">

  <table align="center">

    <tr valign="baseline">

      <td nowrap="nowrap" align="right">Id:</td>

      <td><input type="text" name="id" value="" size="32" /></td>

    </tr>

    <tr valign="baseline">

      <td nowrap="nowrap" align="right">Nama:</td>

      <td><input type="text" name="nama" value="" size="32" /></td>

    </tr>

    <tr valign="baseline">

      <td nowrap="nowrap" align="right">Alamat:</td>

      <td><input type="text" name="alamat" value="" size="32" /></td>

    </tr>

    <tr valign="baseline">

      <td nowrap="nowrap" align="right">Kota:</td>

      <td><input type="text" name="kota" value="" size="32" /></td>

    </tr>

    <tr valign="baseline">

      <td nowrap="nowrap" align="right">Email:</td>

      <td><input type="text" name="email" value="" size="32" /></td>

    </tr>

    <tr valign="baseline">

      <td nowrap="nowrap" align="right">Telepon:</td>

      <td><input type="text" name="telepon" value="" size="32" /></td>

    </tr>

    <tr valign="baseline">

      <td nowrap="nowrap" align="right">&nbsp;</td>

      <td><input type="submit" value="Insert record" /></td>

    </tr>

  </table>

  <input type="hidden" name="MM_insert" value="form1" />

</form>

<p>&nbsp;</p>

</body>

</html>