Aplikasi CRUD Sederhana Dengan PHP Dan MySQL

Aplikasi CRUD Sederhana dengan PHP dan MySQL
Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL. Seperti judulnya yaitu
Membuat Aplikasi CRUD (Create, Read, Update, Delete) Sederhana dengan PHP dan MySQL.
Jadi nanti kita akan membuat Aplikasi sederhanya bagaimana cara Create/insert data ke
database, Read/Select/Menampilkan data dari database, Update/edit data dari database, dan
Delete/hapus data dari database dengan menggunakan bahasa pemrograman PHP dan database
MySQL.
Tutorial ini saya buat sangat mudah agar Anda yang pemula bisa mempelajarinya dengan mudah.
Karena ini hanya basicnya saja, jadi tidak ada yang namanya kemanan dalam query ke database,
saya bua sangat sederhana agar mudah dipelajari dengan mudah.
Oke, sebelumnya file-file yang akan kita buat adalah seperti tambah pada gambar di bawah ini:
Nah, sudah tau kan file apa saja yang nantinya kita buat.
Langsung saja za kita mulai tutorial yang panjang ini
Step #1 Database
Tahap pertama adalah membuat database dahulu di phpMyAdmin, saya umpamakan Anda sudah
membuat sebuah database dengan nama tutorialweb.
Jika database sudah dibuat, sekarang Dumping script SQL di bawah ini:
table siswa
CREATE TABLE `sisw a` (
`sisw a_id` int(11) NOT NULL a
`sisw a_nis` int(20) NOT NULL
`sisw a_nama` varchar(50) NO
1 CREATE TABLE `siswa` (

2 `siswa_id` int(11) NOT NULL auto_increment,
3 `siswa_nis` int(20) NOT NULL,
4 `siswa_nama` varchar(50) NOT NULL,
5 `siswa_kelas` varchar(10) NOT NULL,
6 `siswa_jurusan` varchar(30) NOT NULL,
7 PRIMARY KEY (`siswa_id`)
8 ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=7 ;
Dari script SQL di atas Anda akan mendapatkan sebuah table dengan nama siswa dengan field
siswa_id, siswa_nis, siswa_nama, siswa_kelas, siswa_jurusan.
Database dan Table sudah ada, biarkan saja datanya kosong.
Step #2 Koneksi ke Database
Tahap selanjutnya adalah melakukan koneksi ke database, file untuk koneksi ke database adalah
koneksi.php.
Silahkan buat file baru dan beri nama koneksi.php kemudian isi dari file ini seperti di bawah ini:
koneksi.php
PHP
<?php
$host = "localhost";
$user = "root";
$pass = "root";
1 <?php
2 $host = "localhost";
3 $user = "root";
4 $pass = "root";
5 $name = "tutorialweb";
6
7 $koneksi = mysql_connect($host, $user, $pass) or die("Koneksi ke database gagal!");
8 mysql_select_db($name, $koneksi) or die("Tidak ada database yang dipilih!");
9 ?>
Silahkan simpan dan jangan lupa merubah detail koneksinya, misalkan passwordnya beda ya
silahkan diganti dengan password Anda.
Step #3 Menampilkan Data (READ/SELECT)
Tahap ketiga adalah menampilkan data dari database atau jika dalam singkatan CRUD maka kali
ini adalah R -> Read.
Untuk menampilkan data, kita akan membuat file dengan nama index.php. Dan isi dari file
index.php adalah script di bawah ini:
index.php
<!DOCTYPE html>
<html>
<head>
<title>Simple CRUD by
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Simple CRUD by TUTORIALWEB.NET</title>
5 </head>
6 <body>
7 <h2>Simple CRUD</h2>
8 <p><a href="index.php">Beranda</a> / <a href="tambah.php">Tambah Data</a></p>
9 <h3>Data Siswa</h3>
10 <table cellpadding="5" cellspacing="0" border="1">
11 <tr bgcolor="#CCCCCC">
12 <th>No.</th>
13 <th>NIS</th>
14 <th>Nama Lengkap</th>
15 <th>Kelas</th>
16 <th>Jurusan</th>
17 <th>Opsi</th>
18 </tr>
19 <?php
20 //iclude file koneksi ke database
21 include('koneksi.php');
22 //query ke database dg SELECT table siswa diurutkan berdasarkan NIS paling besar
23 $query = mysql_query("SELECT * FROM siswa ORDER BY siswa_nis DESC") or
24 die(mysql_error());
25 //cek, apakakah hasil query di atas mendapatkan hasil atau tidak (data kosong atau tidak)
26 if(mysql_num_rows($query) == 0){ //ini artinya jika data hasil query di atas kosong
27 //jika data kosong, maka akan menampilkan row kosong
28 echo '<tr><td colspan="6">Tidak ada data!</td></tr>';
29 }else{ //else ini artinya jika data hasil query ada (data diu database tidak kosong)
30 //jika data tidak kosong, maka akan melakukan perulangan while
31 $no = 1; //membuat variabel $no untuk membuat nomor urut
32 while($data = mysql_fetch_assoc($query)){ //perulangan while dg membuat variabel $data
33 yang akan mengambil data di database
34 //menampilkan row dengan data di database
35 echo '<tr>';
36 echo '<td>'.$no.'</td>'; //menampilkan nomor urut
37 echo '<td>'.$data['siswa_nis'].'</td>'; //menampilkan data nis dari database
38 echo '<td>'.$data['siswa_nama'].'</td>'; //menampilkan data nama lengkap dari database
39 echo '<td>'.$data['siswa_kelas'].'</td>'; //menampilkan data kelas dari database
40 echo '<td>'.$data['siswa_jurusan'].'</td>'; //menampilkan data jurusan dari database
41 echo '<td><a href="edit.php?id='.$data['siswa_id'].'">Edit</a> / <a
42 href="hapus.php?id='.$data['siswa_id'].'" onclick="return
43 confirm(\'Yakin?\')">Hapus</a></td>'; //menampilkan link edit dan hapus dimana tiap link
44 terdapat GET id -> ?id=siswa_id
45 echo '</tr>';
46 $no++; //menambah jumlah nomor urut setiap row
47 }
48 }
49 ?>
50 </table>
51 </body>
52 </html>
53
54
55
56
57
58
59
60
Jangan lupa disimpan za..
Untuk penjelasan Script sudah saya masukkan pada Script di atas, silahkan di baca sendiri
kegunaan tiap-tiap baris kode.
Tampilan dari file index.php bisa terlihat seperti gambar di bawah ini:
Seperti terliha pada gambar di atas terdapat tulisan “Tidak ada data!” yang artinya memang data
pada database masih kosong.
Step #4 Memasukkan Data (Create/Insert)
Tahap ke empat adalah meng-insertkan data ke database dengan perintan INSERT INTO.
Pertama tertu saja kita buat Form utuk memasukkan datanya.
Form ini akan kita simpan dalam file tambah.php dengan script seperti di bawah ini:
tambah.php
<!DOCTYPE html>
<html>
<head>
1 <!DOCTYPE html>
2 <html>
3 <head>
5 </head>
6 <body>
9 <h3>Tambah Data Siswa</h3>
10 <form action="tambah-proses.php" method="post">
11 <table cellpadding="3" cellspacing="0">
12 <tr>
13 <td>NIS</td>
14 <td>:</td>
15 <td><input type="text" name="nis" required></td>
16 </tr>
17 <tr>
18 <td>Nama Lengkap</td>
19 <td>:</td>
20 <td><input type="text" name="nama" size="30" required></td>
21 </tr>
22 <tr>
23 <td>Kelas</td>
24 <td>:</td>
25 <td>
26 <select name="kelas" required>
27 <option value="">Pilih Kelas</option>
28 <option value="X">X</option>
29 <option value="XI">XI</option>
30 <option value="XII">XII</option>
31 </select>
32 </td>
33 </tr>
34 <tr>
35 <td>Jurusan</td>
36 <td>:</td>
37 <td>
38 <select name="jurusan" required>
39 <option value="">Pilih Jurusan</option>
40 <option value="Teknik Komputer dan Jaringan">Teknik Komputer dan Jaringan</option>
41 <option value="Multimedia">Multimedia</option>
42 <option value="Akuntansi">Akuntansi</option>
43 <option value="Perbankan">Perbankan</option>
44 <option value="Pemasaran">Pemasaran</option>
45 </select>
46 </td>
47 </tr>
48 <tr>
49 <td> </td>
50 <td></td>
51 <td><input type="submit" name="tambah" value="Tambah"></td>
52 </tr>
53 </table>
54 </form>
55 </body>
56 </html>
57
58
59
Dari Form tidak ada yang spesial, hanya form tersebut action nya tambah-proses.php.
Tampilannya seperti gambar di bawah ini:

Nah ketika form tersebut di isi, dan tombol Tambah di klik, maka akan menjalankan file
tambah-proses.php.
Jadi selanjutnya buat file baru dengan nama tambah-proses.php dan isinya adalah script di
bawah ini:
tambah-proses.php
<?php
//mulai proses tambah data
//cek dahulu, jika tombol tambah
1 <?php
2 //mulai proses tambah data
3
4 //cek dahulu, jika tombol tambah di klik
5 if(isset($_POST['tambah'])){
6 //inlcude atau memasukkan file koneksi ke database
8 //jika tombol tambah benar di klik maka lanjut prosesnya
9 $nis = $_POST['nis']; //membuat variabel $nis dan datanya dari inputan NIS
10 $nama = $_POST['nama']; //membuat variabel $nama dan datanya dari inputan Nama
11 Lengkap
12 $kelas = $_POST['kelas']; //membuat variabel $kelas dan datanya dari inputan dropdown
13 Kelas
14 $jurusan = $_POST['jurusan']; //membuat variabel $jurusan dan datanya dari inputan
15 dropdown Jurusan
16 //melakukan query dengan perintah INSERT INTO untuk memasukkan data ke database
17 $input = mysql_query("INSERT INTO siswa VALUES(NULL, '$nis', '$nama', '$kelas',
18 '$jurusan')") or die(mysql_error());
19 //jika query input sukses
20 if($input){
21 echo 'Data berhasil di tambahkan! '; //Pesan jika proses tambah sukses
22 echo '<a href="tambah.php">Kembali</a>'; //membuat Link untuk kembali ke halaman
23 tambah
24 }else{
25 echo 'Gagal menambahkan data! '; //Pesan jika proses tambah gagal
26 echo '<a href="tambah.php">Kembali</a>'; //membuat Link untuk kembali ke halaman
27 tambah
28 }
29
30 }else{ //jika tidak terdeteksi tombol tambah di klik
31
32 //redirect atau dikembalikan ke halaman tambah
33 echo '<script>window.history.back()</script>';
34
35 }
36 ?>
37
38
Beres deh untuk tambah data atau Insert data ke database.
Penjelasan kode juga sudah saya masukkan pada file tersebut, silahkan baca sendiri
Step #5 Update Data (Update/Edit)
Tahap ini adalah untuk melakukan edit data pada database. File yang akan kita buat adalah file
edit.php.
Link untuk menuju halaman edit adalah pada file index.php dimana disana pada tabel kolom
Opsi ada Link edit dan hapus. Dimana untuk Link edit yang di klik Anda akan mendapatkan
Link seperti <a href=”edit.php?id=12″>Edit</a> dimana id ini adalah nilai dari siswa_id. Jika id
tersebut adalah 12, maka akan menampilkan data siswa dimana siswa_id=12.
Oke, silahkan buat file edit.php dan paste script di bawah ini:
edit.php
<!DOCTYPE html>
<html>
<head>
1 <!DOCTYPE html>
2 <html>
3 <head>
5 </head>
6 <body>
9 <h3>Edit Data Siswa</h3>
10 <?php
11 //proses mengambil data ke database untuk ditampilkan di form edit berdasarkan siswa_id yg
12 didapatkan dari GET id -> edit.php?id=siswa_id
13 //include atau memasukkan file koneksi ke database
15 //membuat variabel $id yg nilainya adalah dari URL GET id -> edit.php?id=siswa_id
16 $id = $_GET['id'];
17 //melakukan query ke database dg SELECT table siswa dengan kondisi WHERE siswa_id =
18 '$id'
19 $show = mysql_query("SELECT * FROM siswa WHERE siswa_id='$id'");
20 //cek apakah data dari hasil query ada atau tidak
21 if(mysql_num_rows($show) == 0){
22 //jika tidak ada data yg sesuai maka akan langsung di arahkan ke halaman depan atau beranda
23 -> index.php
25 }else{
26 //jika data ditemukan, maka membuat variabel $data
27 $data = mysql_fetch_assoc($show); //mengambil data ke database yang nantinya akan
28 ditampilkan di form edit di bawah
29 }
30 ?>
31 <form action="edit-proses.php" method="post">
32 <input type="hidden" name="id" value="<?php echo $id; ?>"> 
34 <table cellpadding="3" cellspacing="0">
35 <tr>
36 <td>NIS</td>
37 <td>:</td>
38 <td><input type="text" name="nis" value="<?php echo $data['siswa_nis']; ?>"
39 required></td> 
40 </tr>
41 <tr>
42 <td>Nama Lengkap</td>
43 <td>:</td>
44 <td><input type="text" name="nama" size="30" value="<?php echo $data['siswa_nama'];
45 ?>" required></td> 
46 </tr>
47 <tr>
48 <td>Kelas</td>
49 <td>:</td>
50 <td>
51 <select name="kelas" required>
52 <option value="">Pilih Kelas</option>
53 <option value="X" <?php if($data['siswa_kelas'] == 'X'){ echo 'selected'; } ?>>X</option>
54 
55 <option value="XI" <?php if($data['siswa_kelas'] == 'XI'){ echo 'selected'; } ?>>XI</option>
56 
57 <option value="XII" <?php if($data['siswa_kelas'] == 'XII'){ echo 'selected'; }
58 ?>>XII</option> 
72 <option value="Multimedia" <?php if($data['siswa_jurusan'] == 'Multimedia'){ echo
73 'selected'; } ?>>Multimedia</option> 
75 <option value="Akuntansi" <?php if($data['siswa_jurusan'] == 'Akuntansi'){ echo 'selected'; }
76 ?>>Akuntansi</option> <!-- jika data di database sama dengan value maka akan
78 <option value="Perbankan" <?php if($data['siswa_jurusan'] == 'Perbankan'){ echo 'selected';
79 } ?>>Perbankan</option> <!-- jika data di database sama dengan value maka akan
81 <option value="Pemasaran" <?php if($data['siswa_jurusan'] == 'Pemasaran'){ echo 'selected';
82 } ?>>Pemasaran</option> <!-- jika data di database sama dengan value maka akan
84 </select>
85 </td>
86 </tr>
<tr>
<td> </td>
<td></td>
<td><input type="submit" name="simpan" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>
Jika sudah silahkan simpan, dan hasil tampilan dari script di atas seperti gambar di bawah ini:
Nah, form edit diatas jika di klik tombol Simpan, maka akan menjalankan file edit-proses.php,
dimana file ini adalah proses untuk melakukan update data ke database.
Buat file edit-proses.php dan paste script di bawah ini:
<?php
//mulai proses edit data
//cek dahulu, jika tombol simpan
1 <?php
2 //mulai proses edit data
3
4 //cek dahulu, jika tombol simpan di klik
5 if(isset($_POST['simpan'])){
8 //jika tombol tambah benar di klik maka lanjut prosesnya
9 $id = $_POST['id']; //membuat variabel $id dan datanya dari inputan hidden id
10 $nis = $_POST['nis']; //membuat variabel $nis dan datanya dari inputan NIS
11 $nama = $_POST['nama']; //membuat variabel $nama dan datanya dari inputan Nama
12 Lengkap
13 $kelas = $_POST['kelas']; //membuat variabel $kelas dan datanya dari inputan dropdown
14 Kelas
15 $jurusan = $_POST['jurusan']; //membuat variabel $jurusan dan datanya dari inputan
16 dropdown Jurusan
17 //melakukan query dengan perintah UPDATE untuk update data ke database dengan kondisi
18 WHERE siswa_id='$id' <- diambil dari inputan hidden id
19 $update = mysql_query("UPDATE siswa SET siswa_nis='$nis', siswa_nama='$nama',
20 siswa_kelas='$kelas', siswa_jurusan='$jurusan' WHERE siswa_id='$id'") or
22 //jika query update sukses
23 if($update){
24 echo 'Data berhasil di simpan! '; //Pesan jika proses simpan sukses
25 echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman
26 edit
27 }else{
28 echo 'Gagal menyimpan data! '; //Pesan jika proses simpan gagal
29 echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman
30 edit
31 }
32
33 }else{ //jika tidak terdeteksi tombol simpan di klik
34
35 //redirect atau dikembalikan ke halaman edit
37
38 }
39 ?>
Silahkan simpan. Dan seperti biasa penjelasan tiap baris kode sudah saya masukkan di dalamnya,
silahkan baca.
Step #6 Hapus data (Delete/Hapus)
Tahap ke enam ini adalah yang terakhir, yaitu melakukan perintah Delete untuk menghapus data
dari database.
file yang akan kita buat adalah hapus.php, dan isi scriptnya seperti di bawah ini:
hapus.php
<?php
//memulai proses hapus data
//cek dahulu, apakah benar URL
1 <?php
2 //memulai proses hapus data
3
4 //cek dahulu, apakah benar URL sudah ada GET id -> hapus.php?id=siswa_id
5 if(isset($_GET['id'])){
8 //membuat variabel $id yg bernilai dari URL GET id -> hapus.php?id=siswa_id
9 $id = $_GET['id'];
10 //cek ke database apakah ada data siswa dengan siswa_id='$id'
11 $cek = mysql_query("SELECT siswa_id FROM siswa WHERE siswa_id='$id'") or
13 //jika data siswa tidak ada
14 if(mysql_num_rows($cek) == 0){
15 //jika data tidak ada, maka redirect atau dikembalikan ke halaman beranda
17 }else{
18 //jika data ada di database, maka melakukan query DELETE table siswa dengan kondisi
19 WHERE siswa_id='$id'
20 $del = mysql_query("DELETE FROM siswa WHERE siswa_id='$id'");
21 //jika query DELETE berhasil
22 if($del){
23 echo 'Data siswa berhasil di hapus! '; //Pesan jika proses hapus berhasil
24 echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman
25 beranda
26 }else{
27 echo 'Gagal menghapus data! '; //Pesan jika proses hapus gagal
28 echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman
29 beranda
30 }
31 }
32 }else{
33 //redirect atau dikembalikan ke halaman beranda
35 }
36 ?>
37
38
39
40
41
42
43
44
45
46
47
48
Jangan lupa disimpan.

Sedikit penjelasan untuk script hapus di atas. Jika Anda mengklik tombol/link hapus pada file
index.php, Anda akan mendapatkan Link seperti ini www.hostingAnda.com/hapus.php?id=12,
ini artinya Script akan mendeteksi dari URL tersebut berapa id nya, misalkan disana id=12, maka
script akan menghapus data siswa dimana siswa_id=12.
Untuk penjelasan lebih detail sudah ada pada script di atas.
Hufftttt…. capek juga za bikin tutorial yang agak panjang ini..
Semoga bermanfaat bagi Anda semua, dan selamat berpuasa.

Aplikasi CRUD Sederhana Dengan PHP Dan MySQL

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Aplikasi CRUD Sederhana Dengan PHP Dan MySQL

Diunggah oleh

Hak Cipta:

Format Tersedia

Aplikasi CRUD Sederhana dengan PHP dan MySQL

Langsung saja za kita mulai tutorial yang panjang ini

1 CREATE TABLE `siswa` (

Database dan Table sudah ada, biarkan saja datanya kosong.

Step #2 Koneksi ke Database

Step #3 Menampilkan Data (READ/SELECT)

Jangan lupa disimpan za..

Step #4 Memasukkan Data (Create/Insert)

Pertama tertu saja kita buat Form utuk memasukkan datanya.

Tampilannya seperti gambar di bawah ini:

//cek dahulu, jika tombol tambah

Beres deh untuk tambah data atau Insert data ke database.

Step #5 Update Data (Update/Edit)

Buat file edit-proses.php dan paste script di bawah ini:

//cek dahulu, jika tombol simpan

Step #6 Hapus data (Delete/Hapus)

//cek dahulu, apakah benar URL

Jangan lupa disimpan.

Untuk penjelasan lebih detail sudah ada pada script di atas.

Hufftttt…. capek juga za bikin tutorial yang agak panjang ini..

Semoga bermanfaat bagi Anda semua, dan selamat berpuasa.

Anda mungkin juga menyukai