Langakah -Langkah Dalam Pembuatan Crud menggunakan PHP dan Bootstrap

18 Mei, 2015

Langakah -Langkah Dalam Pembuatan Crud menggunakan PHP dan Bootstrap

1. Membuat Database

CREATE DATABASE dbuas;

USE `dbuas`;

2. Membuat Table Dokter

DROP TABLE IF EXISTS `dokter`;

CREATE TABLE `dokter` (

`idDokter` int(11) NOT NULL AUTO_INCREMENT,

  `nama_dokter` varchar(250) DEFAULT NULL,

  `gelar` varchar(100) DEFAULT NULL,

  `spesialis` varchar(500) DEFAULT NULL,

  `telp` varchar(12) DEFAULT NULL,

  PRIMARY KEY (`idDokter`)

)

kita Insert data ke dalam table dokter Sebagai berikut:

INSER  INTO `dokter`(`idDokter`,`nama_dokter`,`gelar`,`spesialis`,`telp`)

 VALUES

(10,'Dinda','Sp.A','Spesialis Anak','446475686'),

(20,'Putri Silfiana','Sp.B','Spesialis Bedah','087532626274'),

(9,'Budi','Sp.BS','Spesialis Bedah Saraf','080843682648'),

(19,'Khoirul Mustofa','Sp.And','Spesialis Andrologi','081230400086'),

(11,'Lusiana Safara','Sp.A','Spesialis Anak','097888737737'),

(12,'Bentran Antrolin','Sp.F','Spesialis Forensik','089686348273'),

(13,'Narmin Listiana','Sp.And','Spesialis Andrologi','089786767687'),

(14,'Gugus Supriadi','Sp.EM','Spesialis Kedaruratan Medik','089787686767'),

(15,'Yudi Rudiana','Sp.And','Spesialis Andrologi','081232424242'),

(18,'Kevin Aprilio','Sp.EM','Spesialis Kedaruratan Medik','082773716279'),

(17,'Ananda Yesa','Sp.BS','Spesialis Bedah Saraf','088686879136')

3. Membuat Projek PHP

kita buat folder di dalam htdoc disini saya beri nama tugasuas .seperti contoh strukture foldernya sebagai berikut C:\xampp\htdocs\tugasuas.dimana saya menggunakan windows sebagai OS dengan aplikasi server Xampp maka strukture foder sebagai berikut.

A. Membuat File PHP koneksi.php

File ini sebagai untuk mengkoneksikan applikasi php dengan database.

dengan script sebagai berikut:

<?php

$host = "localhost";

$user = "root";

$pss = "";

$db = "dbuas";



$menghubungkan = mysql_connect($host, $user, $pss)

;// FUNGSI UNTUK MENGUBUNGKAN KE DATABASE

if ($menghubungkan) {

    $pilihdb = mysql_select_db($db); // MEMILIH DATABASE

    if (!$pilihdb) {

        die ("Database Tidak bisa di buka ");

    }

} else {

    die("Mysql Tidak terhubung");

}

B.    Membuat File index.php

Sebagai file yang akan diakses langsung saat file diakses di browser.

Didalam file index.php saya buatakan fungsi Read (menampilkan data

dari database).Dalam file ini menggunakan Bahasa HTML  dan PHP sebagai

bahasa pemrograman dan Bootsrtap sebagai CSS dan JQuery nya.

Dimana dalam Setiap tag HTML dapat di sisipkan class CSS yang membuat

tampilan form/apalikasi menjadi indah dan resposife.Seperti contoh agar tampilan

table responsife maka digunakan

<table class="table table-striped table-bordered table-hover"

 id="dataTables-example">

Dimana CSS di taruh di luar file index.php maka di lakukan pemanggilan file

engan menempatkan script seperti

<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.css"/>

Berikut cuplikas cript code table yang membuat tampilan menjadi responsif ,

sehingga di lihat dengan ukuran layar bisa meyesuaikan sesuai bentuk.

<table class="table table-striped table-bordered table-hover"

 id="dataTables-example">

    <thead>

    <tr>

        <th>No</th>

        <th>Nama Dokter</th>

        <th>GElar</th>

        <th>Spesialis</th>

        <th>No. Telephone</th>

        <th>Aksi</th>

    </tr>

    </thead>



    <?php

    include "koneksi.php";

    $select = mysql_query("SELECT * FROM dokter ORDER BY nama_dokter");

    $no = 1;



    /*untuk menampilan data dengan cara proses loop while*/

    while ($data = mysql_fetch_array($select)) {

        echo "

        <tr>

        <td>$no</td>

        <td>$data[nama_dokter]</td>

        <td>$data[gelar]</td>

        <td>$data[spesialis]</td>

        <td>$data[telp]</td>

        <td><a href='frm_update_dokter.php?id=$data[0]'

class='btn btn-primary btn-xs btn-round btn-line'>Edit</a>&nbsp;

<a href='delete_dokter.php?id=$data[0]'

class='btn btn-danger btn-xs btn-round btn-line'>Hapus</a></td>

        </tr>";



        /*Untuk Menambah nilai nomer +1*/

        $no++;

    }

    ?>

</table>

Dimana data dari database dari table dokter ditampilan ketampilan .dengan

cara looping WHILE karena batasan data yang akan di tampilkan belum diketahui

 sebelumnya. di sini juga terdapat fungsi search data dengan JQuery sehingga

dalam proses search data tidak menggunakan query SQL ke dalam database.

sehinga proses nya lebih ringan dan tidak memberatkan database.

Untuk mempercantik tampilan juga ada JQuery pagging yangmengatur jumlah

data yang ditampilan dalam satu halaman. berikut hasil tampilkan Script index.php.

C.   Membuat File form_add_dokter.php

Dimana dalam form ini digunakan untuk menginput data dokter baru .

di form ini saya sertakan validasi untuk mengurangi kesalahan saat user input.

berikut cupilkan script file form_add_dokter.php

<div id="collapseOne" class="accordion-body collapse in body">

    <form action="insert_dokter.php" method="post" class="form-horizontal"

 id="block-validate">



        <div class="form-group">

            <label class="control-label col-lg-4">Nama Dokter</label>



            <div class="col-lg-4">

                <input type="text" id="required2" name="nama_dokter" class="form-control"/>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label col-lg-4">*Gelar</label>



            <div class="col-lg-2">

                <select name="gelar" class="form-control" >

                    <option value="Sp.A">Sp.A</option>

                    <option value="Sp.An">Sp.An</option>

                    <option value="Sp.BA">Sp.BA</option>

                    <option value="Sp.BM">Sp.BM</option>

                    <option value="Sp.BP">Sp.BP</option>

                    <option value="Sp.BS">Sp.BS</option>

                    <option value="Sp.And">Sp.And</option>

                    <option value="Sp.B">Sp.B</option>

                    <option value="Sp.EM">Sp.EM</option>

                    <option value="Sp.F">Sp.F</option>

                    <option value="Sp.FK">Sp.FK</option>

                    <option value="Sp.JP">Sp.JP</option>



                </select>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label col-lg-4">Spesialis</label>



            <div class="col-lg-4">

                <label style="font-size: small">*Spesilisasi Dokter Mengikuti Gelar yang di

                    Input</label>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label col-lg-4">No Telephone</label>



            <div class="col-lg-4">

                <input type="text" id="required2" name="telp"

class="form-control"/>

            </div>

        </div>



        <div class="form-actions no-margin-bottom"

 style="text-align:center;">

            <input type="submit" value="Simpan" name="Simpan"

class="btn btn-success btn-lg "/>

        </div>



    </form>



</div>

Berikut hasil tampilan dari form_add_dokter.php

D.   Membuat insert_dokter.php

Untuk dapat melakukan penyimpanan data yang telah di input pada

form_add_dokter.php maka di pelukan proses insert ,dimana proses

ini dilakukan di file insert_dokter.php.Jadi data yang di inputkan akan di simpan

 dalam varibale untuk dilakukan proses insert query SQL ke database.

Berikut cuplikan script insert_dokter.php

<?php

include "koneksi.php";

if (isset($_POST['Simpan'])) {

    if (empty($_POST['nama_dokter'])) {

        echo "Nama Dokter Belum Di Input";

    } elseif (empty($_POST['telp'])) {

        echo "No Telephone Masih Kosong";

    }elseif (!is_numeric($_POST['telp'])) {

        echo "No Telepohone Harus Angka";

    }else{

        $nama_dokter = ucwords($_POST['nama_dokter']);

        $gelar = $_POST['gelar'];

        if ($gelar == 'Sp.A') {

            $spesialis = 'Spesialis Anak';

        } else if ($gelar == 'Sp.An') {

            $spesialis = 'Spesialis Anestesiologi Dan Reanimasi';

        } else if ($gelar == 'Sp.BA') {

            $spesialis = 'Spesialis Bedah Anak';

        } else if ($gelar == 'Sp.BM') {

            $spesialis = 'Spesialis Bedah Mulut Dan Maksilofasial';

        } else if ($gelar == 'Sp.BP') {

            $spesialis = 'Spesialis Bedah Plastik';

        } else if ($gelar == 'Sp.BS') {

            $spesialis = 'Spesialis Bedah Saraf';

        } else if ($gelar == 'Sp.And') {

            $spesialis = 'Spesialis Andrologi';

        } else if ($gelar == 'Sp.B') {

            $spesialis = 'Spesialis Bedah';

        } else if ($gelar == 'Sp.EM') {

            $spesialis = 'Spesialis Kedaruratan Medik';

        } else if ($gelar == 'Sp.F') {

            $spesialis = 'Spesialis Forensik';

        } else if ($gelar == 'Sp.F') {

            $spesialis = 'Spesialis Farmalogi Klinik';

        } else if ($gelar == 'Sp.JP') {

            $spesialis = 'Spesialis Jantung Dan Pembuluh Darah';

        } else {

            $gelar = '';

        }

        $telp = $_POST['telp'];

        $insert = mysql_query("INSERT INTO dokter VALUES ('','$nama_dokter',

'$gelar','$spesialis','$telp')");

        if ($insert) {

            header("location:index.php");

        }

    }

}

?>

Setelah data Berhasil Di eksekusi insert makan halaman akan dilempar ke index.php

makan akan ada penambahan data di table.

E.   Membuat delete_dokter.php

Didalam file ini terdapat fungsi delete data .dimana dengan menekan tombol delete

 pada table di file index.php.Maka hapus  akan menghapus data.Berikut cuplikan

script delete_dokter.php.

include "koneksi.php";

$idDokter=$_GET['id'];

$delete=mysql_query("DELETE FROM dokter WHERE idDokter='$idDokter'");



if($delete){

    header("location:index.php");

}

F.    Membuat form_edit_dokter.php

Dengan form ini untuk menampilan data by Id yang akan di edit.untuk dilakukan

proses update. dimana proses ini disebut proses populate data .berikut cuplikan

script form_edit_dokter.php

<?php

include "koneksi.php";

$idDokter = $_GET['id'];

$selectbyid = mysql_query("SELECT * FROM dokter WHERE idDokter='$idDokter'");

$data = mysql_fetch_array($selectbyid);

?>

<div class="row">

    <div class="col-lg-12">

        <div class="box">

            <header>

                <div class="icons"><i class="icon-th-large"></i></div>

                <h5>Anda Sedang Edit Data Dengan ID Dokter

 <strong style="color: red"><?php echo $data[0] ?></strong></h5>



                <div class="toolbar">

                </div>

            </header>

            <div id="collapseOne" class="accordion-body collapse in body">



                <form action="update_dokter.php" method="post" class="form-horizontal" id="block-validate">



                    <div class="form-group">

                        <label class="control-label col-lg-4"></label>



                        <div class="col-lg-4">

                            <input type="hidden" id="required2" name="idDokter"

                                   value="<?php echo $data[idDokter] ?>" class="form-control"/>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-4">Nama Dokter</label>



                        <div class="col-lg-4">

                            <input type="text" id="required2" name="nama_dokter"

                                   value="<?php echo $data[nama_dokter] ?>" class="form-control"/>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-4">*Gelar</label>



                        <div class="col-lg-2">

                            <select name="gelar" class="form-control">

                                <option value="<?php echo $data[gelar] ?>"><?php echo $data[gelar] ?></option>

                                <option value="Sp.A">Sp.A</option>

                                <option value="Sp.An">Sp.An</option>

                                <option value="Sp.BA">Sp.BA</option>

                                <option value="Sp.BM">Sp.BM</option>

                                <option value="Sp.BP">Sp.BP</option>

                                <option value="Sp.BS">Sp.BS</option>

                                <option value="Sp.And">Sp.And</option>

                                <option value="Sp.B">Sp.B</option>

                                <option value="Sp.EM">Sp.EM</option>

                                <option value="Sp.F">Sp.F</option>

                                <option value="Sp.FK">Sp.FK</option>

                                <option value="Sp.JP">Sp.JP</option>



                            </select>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-4">Spesialis</label>



                        <div class="col-lg-4">

                            <label style="font-size: small">*Spesilisasi Dokter Mengikuti Gelar yang di

                                Input</label>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="control-label col-lg-4">No Telephone

</label>

                        <div class="col-lg-4">

                            <input type="text" id="required2" name="telp"

 value="<?php echo $data[telp] ?>" class="form-control"/>

                        </div>

                    </div>

                    <div class="form-actions no-margin-bottom"

 style="text-align:center;">

                        <input type="submit" value="Update" name="Update"

 class="btn btn-success btn-lg "/>

                    </div>



                </form>

G.   Membuat update_dokter.php

Proses ini adalah proses dimana data yang telah ditampilkan

di form_edit_dokter.php untuk di rubah dan di update atau menyimpan data yang

telah di rubah kedalam database.berikut cuplikan cript update_dokter.php

<?php

include "koneksi.php";

if (isset($_POST['Update'])) {

    if (empty($_POST['nama_dokter'])) {

        echo "Nama Dokter Belum Di Input";

    } elseif (empty($_POST['telp'])) {

        echo "No Telephone Masih Kosong";

    }elseif (!is_numeric($_POST['telp'])) {

        echo "No Telepohone Harus Angka";

    }else{

        $idDokter=$_POST['idDokter'];

        $nama_dokter = ucwords($_POST['nama_dokter']);

        $gelar = $_POST['gelar'];

        if ($gelar == 'Sp.A') {

            $spesialis = 'Spesialis Anak';

        } else if ($gelar == 'Sp.An') {

            $spesialis = 'Spesialis Anestesiologi Dan Reanimasi';

        } else if ($gelar == 'Sp.BA') {

            $spesialis = 'Spesialis Bedah Anak';

        } else if ($gelar == 'Sp.BM') {

            $spesialis = 'Spesialis Bedah Mulut Dan Maksilofasial';

        } else if ($gelar == 'Sp.BP') {

            $spesialis = 'Spesialis Bedah Plastik';

        } else if ($gelar == 'Sp.BS') {

            $spesialis = 'Spesialis Bedah Saraf';

        } else if ($gelar == 'Sp.And') {

            $spesialis = 'Spesialis Andrologi';

        } else if ($gelar == 'Sp.B') {

            $spesialis = 'Spesialis Bedah';

        } else if ($gelar == 'Sp.EM') {

            $spesialis = 'Spesialis Kedaruratan Medik';

        } else if ($gelar == 'Sp.F') {

            $spesialis = 'Spesialis Forensik';

        } else if ($gelar == 'Sp.F') {

            $spesialis = 'Spesialis Farmalogi Klinik';

        } else if ($gelar == 'Sp.JP') {

            $spesialis = 'Spesialis Jantung Dan Pembuluh Darah';

        } else {

            $gelar = '';

        }

        $telp = $_POST['telp'];

        $update="UPDATE dokter SET nama_dokter='$nama_dokter',gelar='$gelar'

,spesialis='$spesialis',telp='$telp' WHERE idDokter='$idDokter'";

        $update = mysql_query($update);



        if ($update) {// KONDIDI JIKA UPDATE BERHASIL

            header("location:index.php");

        }

    }

}

?>

khoirul blog's

Langakah -Langkah Dalam Pembuatan Crud menggunakan PHP dan Bootstrap

Posting Komentar

Chat WhatsApp

khoirul blog's

Langakah -Langkah Dalam Pembuatan Crud menggunakan PHP dan Bootstrap

Posting Komentar