Rabu, 13 April 2016

Membuat DataBase & CRUD

Langkah – Langkah membuat Data Base dan Cara membuat CRUD

CRUD apa sih?
CRUD adaalah cara bagaimana membuat Create, Reading, Update dan Delete,
Pada Data Base yang kita buat dengan pengkodean yang terhubung dengan Data Base,
Yang harus dipersiapan adalah,
Data Base MySql
Dan pengkodean PHP,
Langsung saja kita buat data base nya dengan nama jadwal_ngajar,
Klik browser ( Mozila, Google Chrom, atau Internet Explore ),
Oia sebelum kita ke browser untuk memanggil http://localhost/xampp/, aktifkan terlebih dahulu perintah Apache dan MySQL di XAMPP Control Pnel supaya bisa terhubngng ke http://localhost/xampp/, seperti gambar dibawah ini,


Gambar.1 ( XAMPP Control Pnel )

Dan jika sudah spserti itu arti Apache dan MySQL sudah terhubung melalui URL, pada url ketik 
http://localhost/xampp/, dan akan muncul tampilan seperti dibawah ini,

Gambar.2 ( Tampilan Menu XAMPP )

dan jika tampilan sudah seperti gambar diatas lalu klik phpMyAdmin yang dilingkari kuning
setelah itu klik pada bagian Basis Data dan pada kolom Buat basis data kita isi dengan nama data base yang diingin kan, kaena ingin membuat data baase “jadwal_ngajar” maka diisi dengan “jadwal_ngajar”, setelah itu klik tombol buat / create, seperti gambar dibawah ini:


Gambar.3 ( Membuat Data Base )

Setelh itu kita akan membuat “Tabel” pada data base tersebut yang nanti nya akan dibuat pengkodean CRUD, cara membuat tabel klik data base yang sudah di buat (“jadwal_ngajar”) à setelah ini pada kolom buat buat table à ( isi dengan sesuai keperluan ) kita akan membuat tabel “ngajar” dan banyak kolom “8” ketika itu semua sudah dilakukan kemudian klik tombol Kirim / Send, dan kita akan mebuat field pada kolomg tersebut, kita akan mengisinya dengan “class, time, day, teacher, start, room, remark” seperti gamar dibawah:

 Gambar.4.1 ( langakh membuat tabel )

Gambar.4.2 (Langakah membuat field pada tabel dan menentukan primsry key)

Disini yang ingin saya tekankan pada pembaca untuk A.I ( AUTO_INCREMENT ) atau yang lebih dikenal dengan primary ky, padabagian tersebut centang salah satu dari field-field untuk menjadi primary ky nya ( data yang tidak bernilai ganda atau data yang unik ) Karen itu nanti nya akan menjadi acuan kita dalam membuat CRUD, disitu saya mencentang pada bagian field id, karena data id tidak mungking ada yang sama, contoh nya saja seperti No KTP.

Gambar.5

Jika ketika kita klik data base “jadwal_ngajar”dan muncul table ngajar artinya anda sudah sukses membuat data base dan table,

Tugas kita sekarang bagaimana cara nya suapaya dapat Create, Read, Update, dan Delete tanpa harus masuk kedalam data base,

Langkah pertama:
 Kita membaut kode ( Koding ) config yang nanti nya menghubungkan kodingan yang kita buat ke data base, sedikit sekilas info saja dalam penulisan kodingan biasa nya menggu media editor seperti netbin, dreamwever, notpad++, dll
Kodingan nya seperti dibawah ini:

<?php

mysql_connect("localhost","root","");
mysql_select_db("jadwal_ngajar")
?>

Disini yang ini saya tekan kan pada penulisan pada  “ mysql_select_db("jadwal_ngajar") “ karena ini menentukan tehubung nya nya data base kita yang buat, karena dari awal kita sepak dengan nama data base “jadwal_ngajar” maka pada bagain ini “mysql_select_db("jadwal_ngajar") “  saya buat “jadwal_ngajar”. Setelah dibuat kita save di  C:\xampp\htdocs\jadwal_ngajar ( dengan membaut folder baru jadwal_ngajar ), karena localhost maka kita simpan di drive C: dan menyimpan nya didalam folder jadwal_ngajar oia tentunya dengan format .php iya menyimpan nya ^_^ , dan untuk pengujian kita bisa mengetkan di url ( browser ) http://localhost/jadwal_ngajar/config.php .
 “Sekedar sekilas info ^_^ kakak, untuk semua kodingan yang kita buat di save di C:\xampp\htdocs\jadwal_ngajar” ketika di raning tidak memunclkan masalah J


Gambar.6 ( Data Bae Berhasil tehubung ) 

Gambar.6.1 ( Data Base Gagal Terhubung )


Langlah kedua: Selanjutnya kita akan membuat index.php dan jadwal.phap kode nya seperti dibawah ini,

" Kode index.php "

<?php
            include("config.php");
?>
<html>
            <head>
            <title>Tabel Jadwal Mengajar</title>
            </head>
            <body>
                        <div id="container">             
                                    <div id="header"> </div>                             
                                    <?php include("jadwal.php"); ?>          
                                    </div>                        
                                   
                        </div>
            </body>
  </html>

" Kode jadwal.php "


<?php
include 'config.php';
?>
            <H1>Tabel Jadwal Mengajar</H1>
<a href="tambah.php">Tambah Jadwal</a>
<table width="60%" cellspacing="0" class="data" border="1">
            <tr>
                        <th>No</th>
                        <th>Class</th>
                        <th>Time</th>
                        <th>Day</th>
                        <th>Teacher</th>
                        <th>Start</th>
                        <th>Room</th>
                        <th>Remark</th>
                        <th>Edit| Hapus</th>
            </tr>
           
<?php
                        $no=1;
                        $sql = mysql_query("SELECT * FROM ngajar ") or die(mysql_error());
                        while($data=mysql_fetch_array($sql)){
?>       
                                    <td> <?php echo $no; ?> </td>
                                    <td> <?php echo $data['class']; ?> </td>
                                     <td > <?php echo $data['time']; ?> </td>
                                    <td width="12%"> <?php echo $data['day'];?> </td>
                                    <td width="12%"> <?php echo $data['teacher']; ?> </td>
                                    <td> <?php echo $data['start']; ?> </td>
                                    <td> <?php echo $data['room']; ?> </td>
                                    <td> <?php echo $data['remark']; ?> </td>
            <td width="12%">
                <a href="menu_edit.php?id=<?php echo $data['id']; ?>"> Edit | </a>
                <a href="menu_hapus.php?id=<?php echo $data['id']; ?>"> Hapus </a>
            </td>
        </tr>
                        <?php
                                    $no++;
                        }
                        ?>
</table>


Untuk kodingan disini saya menekan pada pemanggilan field yang ada di dat base dengan sperti ini <?php echo $data['class']; ?> dan seterus nya sesaui dengan field yang ada di data base

Dan di kodingan ini:
          
  <td width="12%">
                <a href="menu_edit.php?id=<?php echo $data['id']; ?>"> Edit | </a>
                <a href="menu_hapus.php?id=<?php echo $data['id']; ?>"> Hapus </a>
            </td>

Untuk yang beri tanda Bold “id” karena id berfungsi sebagai primary ky ketika kita ingin mengedit atau atau mengapus teracuh apa satu data yang unik, yang tidak menyebabkan kesalahan dalam mengedit atau mengapus data

untuk mencoba kodingan tersebut berhasil atau tidak ketik perintah ini di URL localhost/jadwal_ngajar/index.php jika sukses maka tampilan sperti gambar dibawah ini:


Gambar.7 ( Tampilan Index )

Langkah ke-Tiga: membuat kodingan “tambah” save dengan nama “ tambah.php ” dan tambah2 save dengan nama “ tambah2.php ”, yang nanti nya berguna untuk “Create” atu memasukan data didalam data base

( Kodingan tambah.php )

<?php
include 'config.php';
?>
<h2>Tambah Jadwal</h2>
<form name="tambah" method="POST" action="tambah2.php">
            <table>
                        <tr>
                                    <td>Class</td>          
                                    <td><input type="text" name="class"></td>
                        </tr>
                        <tr>
                                    <td>Time</td>                                  
                                    <td><input type="text" name="time"></td>
                        </tr>
                        <tr>
                                    <td>Day</td>           
                                    <td><input type="text" name="day"></td>
                        </tr>
                        <tr>
                                    <td>Teacher</td>                  
                                    <td><input type="text" name="teacher"></td>
                        </tr>
                        <tr>
                                    <td>Start</td>                      
                                    <td><input type="text" name="start"></td>
                        </tr>
                        <tr>
                                    <td>Room</td>                    
                                    <td><input type="text" name="room"></td>
                        </tr>
                        <tr>
                                    <td>Remark</td>                  
                                    <td><input type="text" name="remark"></td>
                        </tr>
                        <tr>
                                    <td></td>                                          
                                    <td><input type="submit" name="tambah" value="Tambah"></td>
                                    </tr>
                        <tr>
                                    <td></td>
                                    <td><a href="index.php" >Kembali</a></td>
                        </tr>
                       
            </table>
</form>

( Kodingan tambah2.php )


<?php
include 'config.php';
            mysql_query("INSERT INTO ngajar (class,time,day,teacher,start,room,remark)
            VALUES ('".$_POST['class']."','".$_POST['time']."','".$_POST['day']."','".$_POST['teacher']."','".$_POST['start']."','".$_POST['room']."','".$_POST['remark']."')") or die(mysql_error());
           
            echo"Data telah tersimpan";
            echo"<meta http-equiv='refresh' content='1; url=index.php';>";
?>

pada kodingan ini saya menekan kan pad kode yang saya cetak tebal karean semua kodingan berpusat pada index.php maka di " url= " saya isi dengan " index.php '

untuk mencoba kodingan tersebut berhasil atau tidak ketik perintah ini di URL localhost/jadwal_ngajar/index.php dan klik pada tambah jadwal,  jika sukses maka tampilan sperti gambar dibawah ini:




 Gambar.8 ( Tampilan form tambah )

Gambar.8.1 ( Tampilan data sudah di tambah )


Langkah ke-Empat: membuat " menu_edit.php " dan " menu_editproses.php "

( kodingan  menu_edit.php )

<?php
include 'config.php';

            $sql = mysql_query("select * from ngajar where id='".$_GET['id']."'") or die(mysql_error());
            $data  = mysql_fetch_array($sql);
?>

<h3>Edit Jadwal Guru</h3>

<form name="edit" method="POST" action="menu_editproses.php">
            <input type="hidden" name="id" value="<?php echo $data['id']; ?>">
            <table>
                        <tr>
                                    <td>Class</td>          
                                    <td><input type="text" name="class" value="<?php echo $data['class']; ?>"></td>
                        </tr>
                       
                        <tr>
                                    <td>Time</td>                                  
                                    <td><input type="text" name="time" value="<?php echo $data['time']; ?>"></td>
                        </tr>
                       
                        <tr>
                                    <td>Day</td>           
                                    <td><input type="text" name="day" value="<?php echo $data['day']; ?>"></td>
                        </tr>
                        <tr>
                                    <td>Teacher</td>                  
                                    <td><input type="text" name="teacher" value="<?php echo $data ['teacher']; ?>"><td>
                        </tr>
                        <tr>
                                    <td>Start</td>                      
                                    <td><input type="text" name="start" value="<?php echo $data ['start']; ?>"></td>
                        </tr>
                        <tr>
                                    <td>Room</td>                    
                                    <td><input type="text" name="room" value="<?php echo $data ['room']; ?>"></td>
                        </tr>
                        <tr>
                                    <td>Remark</td>                  
                                    <td><input type="text" name="remark" value="<?php echo $data ['remark']; ?>"></td>
                        </tr>
                        <tr>
                                    <td></td>                                          
                                    <td><input type="submit" name="edit" value="Ubah"></td>
                        </tr>
                        <tr>
                                    <td></td>                                          
                                    <td><a href="index.php">Kembali</a></td>
                        </tr>
            </table>
</form>

pada kodigan menu_edit saya menekan kan pada kode inn " value="<?php echo $data ['remark']; ?> " value fungsi nya untuk membuat masukan ( nilai )  "<?php echo $data ['remark']; ?> " ( dengan tanda petik dua, ini berfungsi untuk menganil field sekaligus data yang ada di field Data Base tersebut


( Kodingan  menu_editprose.php )

<?php

include 'config.php';

?>

<?php

                                   
            mysql_query("update ngajar set class='".$_POST['class']."', time='".$_POST['time']."',
            day='".$_POST['day']."', teacher='".$_POST['teacher']."', start='".$_POST['start']."', room='".$_POST['room']."', remark='".$_POST['remark']."'
                                                WHERE id='".$_POST['id']."'") or die(mysql_error());
           
            echo"Data telah diedit";
            echo"<meta http-equiv='refresh' content='1; url=index.php'>";

?>

berikut adalah tampulan dari form menu_edit.php







 Gambar.9 ( memsuakn data baru )




Gambar.9.1 ( Data telah berhasil di edit )

Langkah ke-Lima: membuat menu_hapus.php
kodingan nya seperti dibawah ini:

<?php
include 'config.php';
?>

<?php
                       
            mysql_query("delete from ngajar where id ='$_GET[id]'") or die(mysql_error());
            echo"Data telah hapus";
            echo"<meta http-equiv='refresh' content='1; url=index.php'>";
?>


Dikodingan ini saya ingin menekan nya pada kode where disini berfungsi untuk menunjukan / acuan data manah yang ingin dihapu, karena dari awal kita sepakat Primary ky nya kita buat di " id " maka disini yang menjadi acuan nya ada " id "


cukup sudah pembahan pembuatan Data Base serta pembuatan pekodean CRUD,
kritik dan saran nya ditunggu ^_^, dan terima kasih telah mengunjungi Blog saya karena berbagi ilmu yang bermanfaat itu indah


Tidak ada komentar:

Posting Komentar