0% menganggap dokumen ini bermanfaat (0 suara)
91 tayangan

Crud PHP HTML

Dokumen tersebut memberikan panduan untuk membuat proyek CRUD sederhana menggunakan PHP dan HTML. Beberapa langkah yang dijelaskan adalah persiapan perangkat lunak dan folder, pembuatan database, serta membuat tabel-tabel dalam database sesuai struktur yang ditentukan."

Diunggah oleh

Miranda Maskur
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
91 tayangan

Crud PHP HTML

Dokumen tersebut memberikan panduan untuk membuat proyek CRUD sederhana menggunakan PHP dan HTML. Beberapa langkah yang dijelaskan adalah persiapan perangkat lunak dan folder, pembuatan database, serta membuat tabel-tabel dalam database sesuai struktur yang ditentukan."

Diunggah oleh

Miranda Maskur
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 48

PANDUAN PEMROGRAMAN PHP 2023

BAGIAN I
CRUD DENGAN PHP DAN HTML

Proyek yang akan kita buat sebagai materi belajar adalah project CRUD (Create, Retrieve/Read,
Update dan Delete) sederhana dengan menggunakan bahasa pemrograman PHP.
Ada beberapa tahap yang perlu dipersiapkn dalam pembuatan project ini adalah sebagai berikut:
1.1 Kebutuhan Software
a. Web Server dan DBMS = XAMPP
XAMPP dapat diunduh dari laman apachefriends.org atau dari laman sourceforge.net.
b. Text Editor = Notepad++ (Recommended)
Notepad++ dapat diunduh dari laman notepad-plus-plus.org
c. Browser = Google Chrome (Recommended)
Browser Google Chrome dapat diunduh dari laman google.co.id
d. MySQL Tool = SQLyog (optional)
SQLyog dapat diunduh dari laman webyog.com atau dari laman github.com

1.2 Persiapan
Hal-hal penting yang harus dipersiapakan untuk pembuatan project CRUD ini selain kebutuhan
software di atas adalah:
1.2.1 Membuat Folder
Persiapan membuat folder ini sangat penting karena folder ini akan berfungsi sebagai wadah
untuk menampung file-file utama dan file-file pendukung project yang akan dibuat. Buat nama folder
sesuai format berikut ini crud_php_MK_KLS
MK = Singkatan nama Matakuliah
PT = Pemrograman Terstruktur
PBD = Praktikum Basis Data
MABD = Manajemen dan Administrasi Basis Data
PMW = Pemrograman Mobile Web
KLS = Nama Kelas. Misalnya kelas A, B, C dan seterusnya

PENTING !!!
Contoh: Untuk matakuliah Pemrograman Mobile Web Kelas G, maka penulisan nama
foldernya adalah crud_php_pmw_g (semuanya huruf kecil/lower case dan
menggunakan simbol underscore “_” sebagai pengganti spasi).
Misalnya matakuliah yang anda program adalah adalah Pemrograman Terstruktur
Kelas A maka nama folder yang harus anda buat adalah crud_php_pt_a sesuai format.

Powered By GladiatorSoft – Donzi Antonio 1


PANDUAN PEMROGRAMAN PHP 2023
Jika sudah memahami format penulisan nama folder di atas maka berikutnya adalah membuat
folder sesuai kasus yang diangkat sebagai contoh yaitu kasus matakuliah Pemrograman Mobile Web
Kelas G
1. Buka Windows explorer lalu buat folder sesuai kasus ini di dalam root directory 📁 C:\xampp\
htdocs\crud_php_pmw_g

CATATAN:
Bagian yang di-highlight warna MERAH pada penulisan nama folder di atas disesuaikan
dengan nama matakuliah dan nama kelas anda

2. Buat juga dua sub folder di dalamnya yaitu folder config dan modul
3. Di dalam folder modul, buat lagi sub folder dengan nama jenjang, prodi dan mahasiswa

Struktur folder crud_php_pmw_g sebagai berikut:

C:\xampp\htdocs
- crud_php_pmw_g
- config
- modul
- jenjang
- mahasiswa
- prodi

Gambar 1. Struktur folder crud_php_pmw_g

1.2.2 Membuat Database


Untuk pembuatan nama database ini disesuaikan dengan nama folder di atas dengan format
db_crud_MK_KLS. Karena dalam kasus ini nama matakuliahnya adalah Pemrograman Mobile Web Kelas
G maka nama database yang harus dibuat adalah db_crud_pmw_g (semuanya huruf kecil/lower case
dan menggunakan simbol underscore “_” sebagai pengganti spasi).
Cara membuatnya adalah sebagai berikut:
1. Buka aplikasi XAMPP
2. Jalankan Apache dan MySQL
3. Buka halaman phpMyAdmin di browser dengan link URL sebagai berikut:
http://localhost/phpmyadmin
4. Klik pada tab menu Databases atau boleh langsung menuju link ini
http://localhost/phpmyadmin/index.php?route=/server/databases
5. Ketikkan nama database pada bagian Database name yaitu db_crud_pmw_g

CATATAN:
Bagian yang di-highlight warna MERAH pada penulisan nama database di atas disesuaikan dengan
nama matakuliah dan nama kelas anda

Powered By GladiatorSoft – Donzi Antonio 2


PANDUAN PEMROGRAMAN PHP 2023

Gambar 2. Jendela form database name

6. Klik tombol Create di sebelah kanan textbox Database name untuk mulai proses pembuatan
database. Jika proses berhasil maka tampak jendela Create table dan anda diminta untuk
membuatkan tabel-tabel yang dibutuhkan di dalam database yang baru dibuat tersebut.

Gambar 3. Jendela form create table

Untuk membuat tabel pada gambar 3 di atas, berikut digambarkan struktur tabel-tabel yang akan
dibuat yang dapat dilihat pada sub-bab 1.2.3 Membuat Tabel

Powered By GladiatorSoft – Donzi Antonio 3


PANDUAN PEMROGRAMAN PHP 2023
1.2.3 Membuat Tabel
Dari jendela Database Sctructure pada gambar 3 di atas, tambahkan tabel-tabel berikut ini dengan
mengikuti langkah-langkahnya pada sub bab 1.2.3.1 di bawah.
Tabel 1. Tabel tbl_jenjang

tbl_jenjang
Name Type Length/Values Null Index A_I
kode_jenjang Varchar 3 No Primary No
nama_jenjang Varchar 50 No - No

Tabel 2. Tabel tbl_prodi


tbl_prodi
Name Type Length/Values Null Index A_I
kode_prodi Varchar 2 No Primary No
nama_prodi Varchar 50 No - No
kode_jenjang Varchar 3 No - No

Tabel 3. Tabel tbl_mahasiswa


tbl_mahasiswa
Name Type Length/Values Null Index A_I
nim Varchar 8 No Primary No
nama_mahasisw Varchar 60 No - No
a
jenis_kelamin Varchar 10 No - No
tempat_lahir Varchar 30 No - No
tanggal_lahir Date - No - No
kode_prodi Varchar 2 No - No

1.2.3.1 Membuat Tabel Tbl_jenjang


Melanjutkan dari proses pada gambar 3 di atas, untuk membuat tabel tbl_jenjang pada
phpMyAdmin, ikuti langkah-langah berikut ini:
1. Ketikkan nama tabel pada textbox Name yaitu tbl_jenjang
2. Tentukan jumlah kolom atau field yang akan dibuat untuk tabel tbl_jenjang ini pada spinner
Number of columns yaitu 2. Di sini diinputkan angka 2 karena jumlah field yang akan
diinputkan berjumlah 2 field yaitu field kode_jenjang dan field nama_jenjang (lihat struktur
tabel tbl_jenjang pada daftar Tabel 1)
3. Langkah terakhir adalah klik tombol Go untuk mulai membuat tabel tbl_jenjang

Powered By GladiatorSoft – Donzi Antonio 4


PANDUAN PEMROGRAMAN PHP 2023
Ketiga langkah di atas dapat diihat pada gambar 4 berikut ini:

Gambar 4. Jendela form create table dan langkah-langkahnya

Setelah tombol Go diklik maka tampil form isian untuk menginputkan kedua field yang diminta
pada proses pembuatan tabel pada langkah kedua di atas. Kedua field ini adalah kode_jenjang dan
nama_jenjang.

Gambar 5. Jendela form create field pada table tbl_jenjang

Ikuti langkah-langkah berikut ini untuk mengisi form pada gambar 5 di atas.
1. Ketikkan kode_jenjang di bagian nama pada baris pertama

Powered By GladiatorSoft – Donzi Antonio 5


PANDUAN PEMROGRAMAN PHP 2023
2. Pilih tipe data pada combo Type. Di sini anda harus memilih tipe data VARCHAR (lihat
struktur tabel tbl_jenjang pada daftar Tabel 1)
3. Ketikkan angka 3 pada textbox Length/Values VARCHAR (lihat struktur tabel tbl_jenjang
pada daftar Tabel 1)
Bagian Length/Values ini diinputkan angka 3 karena batas maksimal daya tampung untuk
field ini hanya 3 karakter misalnya D-3, D-4, S-1 dan seterusnya.

Untuk langkah ke-4 sampai langkah ke-6, ikuti langkah ke-1 sampai langkah ke-3 di atas
dengan mengikuti aturan yang tertera pada tabel daftar Tabel 1.

Gambar 6. Jendela form create field pada table tbl_jenjang dan isiannya

4. Tentukan primary key pada tabel tbl_jenjang.


Perhatikan Tabel 1, tampak bahwa Index pada baris kode_jenjang bernilai primary. Ini
berarti anda harus menentukan field kode_jenjang sebagai primary key.
Caranya adalah pilih PRIMARY pada dropdown select Index, lalu jika muncul kotak dialog
Add Index klik tombol Go lalu terakhir klik tombol Save untuk mengakhiri proses
pembuatan tabel tbl_jenjang.

Powered By GladiatorSoft – Donzi Antonio 6


PANDUAN PEMROGRAMAN PHP 2023

Gambar 7. Jendela form create field pada table tbl_jenjang dan add index

1.2.3.2 Membuat Tabel Tbl_prodi


Untuk membuat tabel tbl_prodi ini, caranya sama dengan cara membuat tabel tbl_jenjang di atas
dan mengikuti struktur tabel tbl_jenjang pada daftar Tabel 2.

1.2.3.3 Membuat Tabel Tbl_mahasiswa


Jika tabel tbl_prodi telah dibuat sesuai dengan cara membuat tabel tbl_jenjang di atas maka
pembuatan tabel mahasiswa ini juga sama persis proses pembuatannya seperti cara membuat kedua
tabel sebelumnya dengan mengikuti struktur tabel tbl_mahasiswa pada daftar Tabel 3.

1.3 Menulis Script PHP


Untuk mulai menulis script PHP, buka teks editor anda (Notepad++) lalu ketikkan script-script
yang diminta sesuai yang tertera di dalam tutorial ini
1.3.1 File-File Konfigurasi
File konfigurasi yang dimaksud di sini adalah file-file yang dikumpulkan di dalam folder config
untuk kebutuhan CRUD secara umum.
1.3.1.1 File Koneksi
File ini berisi script untuk melakukan koneksi PHP dengan database MySQL. Untuk membuat file
koneksi ini ikuti langkah berikut ini:
1. Salin (blok/seleksi semua script di bawah ini lalu tekan kombinasi tombol Ctrl + C)

<!-- SALIN MULAI DARI SINI -->


<?php
$server = "localhost";
$user = "root";
$password = "";
$nama_database = "db_crud_pmw_g";
$db = mysqli_connect($server, $user, $password, $nama_database);

if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}

Powered By GladiatorSoft – Donzi Antonio 7


PANDUAN PEMROGRAMAN PHP 2023
?>
<!-- SALIN SAMPAI SINI -->

2. Buka aplikasi text editor yaitu Notepad++


3. Tekan kombinasi tombol Ctrl + N untuk menambah dokumen baru
4. Tekan kombinasi tombol Ctrl + V untuk paste script yang disalin pada langkah 1 di atas

CATATAN:
Bagian yang di-highlight warna MERAH pada penulisan nama database di atas disesuaikan dengan
nama matakuliah dan nama kelas anda

5. Simpan script di atas dengan nama koneksi.php ke dalam folder config yang telah dibuat
sebelumnya yaitu di 📁 C:\xampp\htdocs\crud_php_pmw_g\config\koneksi.php

1.3.1.2 File Fungsi


Buat juga sebuah dokumen baru pada text editor (Notepad++) lalu ketikkan atau salin script
berikut ini ke dalamnya

<?php
function periksa_kode($namaTabel, $namaField, $nilaiField)

include "koneksi.php";
$sql = "SELECT * FROM $namaTabel WHERE $namaField='$nilaiField'";
$query = mysqli_query($db, $sql);
$row = mysqli_fetch_assoc($query);
return (is_array($row) && count($row)>0);
}

?>

Simpan script di atas dengan nama fungsi.php ke dalam folder config yang telah dibuat
sebelumnya yaitu di 📁 C:\xampp\htdocs\crud_php_pmw_g\config\fungsi.php

1.3.2 CRUD
1.3.2.1 CRUD Jenjang
Ada beberapa 6 file yang harus dibuat untuk menunjang proses CRUD jenjang yang disimpan di
dalam folder 📁 C:\xampp\htdocs\crud_php_pmw_g\modul\jenjang yaitu:
 daftar_data_read.php - Untuk menampilkan daftar data dari tabel (Read/Retrieve)
 form_tambah.php - Form untuk input data baru (Create)
 proses_tambah_create.php - Untuk menambahkan data baru ke dalam tabel (Create)
 form_edit.php - Form untuk edit/ubah data (Update)
 proses_edit_update.php - Untuk merubah isi data yang sudah ada (Update)
 proses_hapus_delete.php - Untuk menghapus data dari tabel (Delete)

Powered By GladiatorSoft – Donzi Antonio 8


PANDUAN PEMROGRAMAN PHP 2023
Karena kepanjangan dari CRUD adalah Create, Read/Retrieve, Update dan Delete maka keenam
file di atas memiliki peran masing-masing dalam proses CRUD ini. Setiap kelompok file dalam proses
CRUD dibedakan berdasarkan warna teks.
C:\xampp\htdocs
- crud_php_pmw_g
- config
- modul
- jenjang
- daftar_data_read.php
- form_edit.php
- proses_edit_update.php
- form_tambah_php
- proses_tambah_create.php
- proses_hapus_delete.php
- mahsiswa
- prodi
Gambar 8. Struktur folder jenjang file-filenya

1. Source Code
a. File daftar_data_read.php

<!-- SALIN MULAI DARI SINI -->


<!-- daftar_data_read.php -->
<?php
include "../../config/koneksi.php";
session_start();
$sessData = !empty($_SESSION['sessData'])?$_SESSION['sessData']:'';
if(!empty($sessData['pesan']['isi_pesan'])){
$nilai_isi_pesan = $sessData['pesan']['isi_pesan'];
$nilai_tipe_pesan = $sessData['pesan']['tipe_pesan'];
unset($_SESSION['sessData']['pesan']);
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Belajar CRUD</title>
</head>
<body>
<header>
<h3>Daftar Data Jenjang</h3>
</header>
<?php
if( !empty($nilai_isi_pesan) && !empty($nilai_tipe_pesan) ){
echo '<b>'.strtoupper($nilai_tipe_pesan) .'!!!<b> '.
$nilai_isi_pesan;
}
?>
<p>
<a href="form_tambah.php">[+] Tambah Data</a>
</p>
<table border="1">
<thead>
<tr>

Powered By GladiatorSoft – Donzi Antonio 9


PANDUAN PEMROGRAMAN PHP 2023
<th>No</th>
<th>Kode</th>
<th style="width:60%">Nama</th>
<th style="width:100px">Aksi</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM tbl_jenjang ORDER BY kode_jenjang ASC";
$query = mysqli_query($db, $sql);
$no_urut = 1;
while($baris = mysqli_fetch_array($query)){
?>
<tr>
<td><?=$no_urut?></td>
<td><?=$baris['kode_jenjang']?></td>
<td><?=$baris['nama_jenjang']?></td>
<td>
<a href="form_edit.php?id=<?=$baris['kode_jenjang']?
>">Edit</a> |
<a href="proses_hapus_delete.php?id=<?
=$baris['kode_jenjang']?>"
onclick="return confirm('Apakah anda yakin ingin
menghapus data ini?')">
Hapus
</a>
</td>
</tr>
<?php
$no_urut++;
}
?>
</tbody>
</table>
<p>Total Record: <b><?=mysqli_num_rows($query) ?></b></p>
</body>
</html>
<!-- daftar_data_read.php -->
<!-- SALIN SAMPAI DI SINI -->

Simpan script di atas dengan nama form_tambah.php pada folder folder 📁 C:\xampp\htdocs\
crud_php_pmw_g\modul\jenjang\form_tambah.php

b. File form_tambah.php

<!-- SALIN MULAI DARI SINI -->


<!-- form_tambah.php -->
<!DOCTYPE html>
<html>
<head>

Powered By GladiatorSoft – Donzi Antonio 10


PANDUAN PEMROGRAMAN PHP 2023
<title>Belajar CRUD</title>
</head>
<body>
<header>
<h3>Form Tambah Data</h3>
</header>
<form action="proses_tambah_create.php" method="POST">
<p>
<label for="kode_jenjang">Kode Jenjang: </label>
<input type="text" name="kode_jenjang" placeholder="Cth: S-1"
value="" size="8" maxlength="3" required />
</p>
<p>
<label for="nama_jenjang">Nama Jenjang: </label>
<input type="text" name="nama_jenjang" placeholder="Nama Jenjang"
value="" size="60" required />
</p>
<p>
<input type="submit" value="Simpan Data" name="tombol_simpan" />
</p>
</form>
</body>
</html>
<!-- form_tambah.php -->
<!-- SALIN SAMPAI DI SINI -->

Simpan script di atas dengan nama form_tambah.php di folder 📁 C:\xampp\htdocs\


crud_php_pmw_g\modul\jenjang\form_tambah.php

c. File proses_tambah_create.php

<!-- SALIN MULAI DARI SINI -->


<!-- proses_tambah_create.php -->
<?php
session_start();
include "../../config/koneksi.php";
include "../../config/fungsi.php";
if(isset($_POST['tombol_simpan'])){

Powered By GladiatorSoft – Donzi Antonio 11


PANDUAN PEMROGRAMAN PHP 2023
$kode_jenjang_dari_form = $_POST['kode_jenjang'];
$nama_jenjang_dari_form = $_POST['nama_jenjang'];
$cek=periksa_kode('tbl_jenjang', 'kode_jenjang', $kode_jenjang_dari_form);
if($cek){
$sessData['pesan']['tipe_pesan'] = 'warning';
$sessData['pesan']['isi_pesan'] = 'Maaf, data dengan Kode <b>'.
$kode_jenjang_dari_form.'</b> sudah ada di dalam tabel';
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');
exit();
}
$sql = "INSERT INTO tbl_jenjang (
kode_jenjang, nama_jenjang
)
VALUES (
'$kode_jenjang_dari_form',
'$nama_jenjang_dari_form'
)";
$query = mysqli_query($db, $sql);
if( $query ) {
$sessData['pesan']['tipe_pesan'] = 'success';
$sessData['pesan']['isi_pesan'] = 'Proses penambahan data baru
berhasil disimpan.';
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Proses penambahan data baru gagal
disimpan.';
}
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Maaf, akses dilarang...';
}
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');
?>
<!-- proses_tambah_create.php -->
<!-- SALIN SAMPAI DI SINI -->

Simpan script di atas dengan nama proses_tambah_create.php di folder 📁 C:\xampp\htdocs\


crud_php_pmw_g\modul\jenjang\proses_tambah_create.php
d. File form_edit.php

<!-- SALIN MULAI DARI SINI -->


<!-- form_edit.php -->
<?php
include "../../config/koneksi.php";
if( !isset($_GET['id']) ){
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Maaf, akses dilarang...';
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');
exit();

Powered By GladiatorSoft – Donzi Antonio 12


PANDUAN PEMROGRAMAN PHP 2023
}
$kode_dari_tabel = $_GET['id'];
$sql = "SELECT * FROM tbl_jenjang WHERE kode_jenjang='$kode_dari_tabel'";
$query = mysqli_query($db, $sql);
$baris = mysqli_fetch_assoc($query);
if( mysqli_num_rows($query) < 1 ){
die("data tidak ditemukan...");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Belajar CRUD</title>
</head>
<body>
<header>
<h3>Form Edit Data</h3>
</header>
<form action="proses_edit_update.php" method="POST">
<p>
<label for="kode_jenjang">Kode Jenjang: </label>
<input type="text" name="kode_jenjang" placeholder="Kode Jenjang"
value="<?=$baris['kode_jenjang'] ?>" size="8" readonly />
</p>
<p>
<label for="nama_jenjang">Nama Jenjang: </label>
<input type="text" name="nama_jenjang" placeholder="Nama Jenjang"
value="<?=$baris['nama_jenjang'] ?>" size="60" required />
</p>
<p>
<input type="submit" value="Edit Data" name="tombol_edit" />
</p>
</form>
</body>
</html>
<!-- form_edit.php -->
<!-- SALIN SAMPAI DI SINI -->

Simpan script di atas dengan nama form_edit.php di folder 📁 C:\xampp\htdocs\crud_php_pmw_g\


modul\jenjang\form_edit.php
e. File proses_edit_update.php

<!-- SALIN MULAI DARI SINI -->


<!-- proses_edit_update.php -->
<?php
session_start();
include "../../config/koneksi.php";
if(isset($_POST['tombol_edit'])){
$kode_jenjang_dari_form = $_POST['kode_jenjang'];
$nama_jenjang_dari_form = $_POST['nama_jenjang'];
$sql = "UPDATE tbl_jenjang SET
kode_jenjang='$kode_jenjang_dari_form'
, nama_jenjang='$nama_jenjang_dari_form'
WHERE kode_jenjang='$kode_jenjang_dari_form'";
$query = mysqli_query($db, $sql);

Powered By GladiatorSoft – Donzi Antonio 13


PANDUAN PEMROGRAMAN PHP 2023
if( $query ) {
$sessData['pesan']['tipe_pesan'] = 'success';
$sessData['pesan']['isi_pesan'] = 'Proses perubahan data berhasil di-
update.';
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Proses perubahan data gagal di-
update.';
}
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Maaf, akses dilarang...';
}
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');
?>
<!-- proses_edit_update.php -->
<!-- SALIN SAMPAI DI SINI -->

Simpan script di atas dengan nama proses_edit_update.php di folder 📁 C:\xampp\htdocs\


crud_php_pmw_g\modul\jenjang\proses_edit_update.php

f. File proses_hapus_delete.php

<!-- SALIN MULAI DARI SINI -->


<!-- proses_hapus_delete.php -->
<?php
session_start();
include "../../config/koneksi.php";
if( isset($_GET['id']) ){
$kode_dari_tabel = $_GET['id'];
$sql = "DELETE FROM tbl_jenjang WHERE kode_jenjang='$kode_dari_tabel'";
$query = mysqli_query($db, $sql);
if( $query ){
$sessData['pesan']['tipe_pesan'] = 'success';
$sessData['pesan']['isi_pesan'] = 'Data berhasil dihapus.';
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Data gagal dihapus.';
}

Powered By GladiatorSoft – Donzi Antonio 14


PANDUAN PEMROGRAMAN PHP 2023
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Maaf, akses dilarang...';
}
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');
?>
<!-- proses_hapus_delete.php -->
<!-- SALIN SAMPAI DI SINI -->

Simpan script di atas dengan nama proses_hapus_delete.php di folder 📁 C:\xampp\htdocs\


crud_php_pmw_g\modul\jenjang\proses_hapus_delete.php

Powered By GladiatorSoft – Donzi Antonio 15


PANDUAN PEMROGRAMAN PHP 2023
2. Hasil
a. Hasil daftar_data_read.php
Untuk melihat hasil program CRUD Jenjang dapat dilakukan dengan mengetikkan perintah
berikut pada address bar browser.
http://localhost/crud_php_pmw_g/modul/jenjang/daftar_data_read.php
Hasilnya adalah:

Gambar 9. Tampilan daftar data jenjang

Powered By GladiatorSoft – Donzi Antonio 16


PANDUAN PEMROGRAMAN PHP 2023
b. Hasil form_tambah.php
Jika link [+] Tambah Data pada gambar 11 di atas diklik maka akan tampil
form_tambah.php dan isikan data yang diminta untuk menambahkan data baru ke dalam
tabel tbl_jenjang

Gambar 10. Tampilan form tambah data baru

Powered By GladiatorSoft – Donzi Antonio 17


PANDUAN PEMROGRAMAN PHP 2023
Jika tombol Simpan Data diklik maka data inputan pada form akan dikirim ke file
proses_tambah_create.php kemudian dialihkan ke file daftar_data_read.php seperti
tampak pada gambar 11 berikut ini

Gambar 11. Tampilan daftar_data_read setelah proses penambahan data baru

Powered By GladiatorSoft – Donzi Antonio 18


PANDUAN PEMROGRAMAN PHP 2023
c. Hasil form_edit.php
Jika link Edit pada gambar 11 di atas diklik maka akan tampak form_edit.php sebagai
berikut

Gambar 12. Tampilan form edit_data.php


Jika nama jenjang pada form di atas diubah maka akan tampak seperti gambar berikut ini

Gambar 13. Tampilan form edit_data.php saat data diedit

Powered By GladiatorSoft – Donzi Antonio 19


PANDUAN PEMROGRAMAN PHP 2023
Dan jika tombol Edit Data diklik maka program akan mengirimkan data file proses_edit_update.php dan
akan dialihkan lagi ke halaman daftar_data_read.php seperti tampak pada gambar 14 berikut ini

Gambar 14. Tampilan form daftar_data_read untuk menghapus data

Powered By GladiatorSoft – Donzi Antonio 20


PANDUAN PEMROGRAMAN PHP 2023
d. Hasil proses_hapus_delete.php
Jika link Hapus pada gambar 14 di atas diklik maka akan muncul jendela konfirmasi
penghapusan data.

Gambar 15. Tampilan konfirmasi hapus

Jika tombol OK pada konfirmasi diklik maka data akan dikirimkan ke file
proses_hapus_delete.php dan proses akan dialihkan ke dafftar_data_read.php seperti
tampak pada gambar 16 berikut ini.

Powered By GladiatorSoft – Donzi Antonio 21


PANDUAN PEMROGRAMAN PHP 2023

Gambar 16. Tampilan daftar_data_read.php setelah proses hapus

Powered By GladiatorSoft – Donzi Antonio 22


PANDUAN PEMROGRAMAN PHP 2023
1.3.2.2 CRUD Prodi
Jika CRUD jenjang sudah berhasil dibuat maka untuk CRUD prodi ini sudah sangat mudah dibuat
karena cukup dengan menyalin source code jenjang dan kemudian mengganti beberapa item penting
seperti nama tabel dan nama-nama field dan juga beberapa penambahan script lainnya jika dibutuhkan.
Cara menyalin file hasil project dari jenjang ke prodi adalah sebagai berikut:
1. Buka folder Windows Explorer lalu menuju ke folder
📁 C:\xampp\htdocs\crud_php_pmw_g\modul\jenjang
2. Pilih semua file yang ada di dalam folder jenjang, tekan kombinasi tombol Ctrl + A di
keyboard untuk menyeleksi semua file yang ada di dalamnya

Gambar 17. Isi folder jenjang (select all)

3. Tekan tombinasi tombol Ctrl + C untuk menyalin/copy file-file terseleksi pada gambar 17 di
atas
4. Buka folder 📁 C:\xampp\htdocs\crud_php_pmw_g\modul\prodi lalu tekan kombinasi
tombol Ctrl + V untuk templekan/paste file-file yang disalin dari folder jenjang tadi

Powered By GladiatorSoft – Donzi Antonio 23


PANDUAN PEMROGRAMAN PHP 2023

Gambar 18. Isi folder prodi (paste)

5. Buka aplikasi text editor Notepad++ lalu tutup semua jendela lain yang sedang terbuka di
sana

Gambar 19. Jendela Notepad++ (blank)

6. Dari aplikasi text editor Notepad++ pada gambar 19 di atas, tekan kombinasi Ctrl + O untuk
membuka file-file dari folder prodi tadi:
📁 C:\xampp\htdocs\crud_php_pmw_g\modul\prodi
7. Jika folder prodi sudah ditemuka dan sudah terbuka maka selanjutnya tekan kombinasi
tombo Ctrl + A untuk memilih semua file

Powered By GladiatorSoft – Donzi Antonio 24


PANDUAN PEMROGRAMAN PHP 2023

Gambar 20. Jendela Notepad++ (select all)

8. Klik tombol Open pada gambar 20 di atas untuk membuka semua file yang ada di dalam
folder prodi maka hasilnya sebagai berikut

Gambar 21. Jendela Notepad++ (open files)

Pada dasarnya source code jenjang dan source code untuk prodi adalah sama untuk semua file
yang terbuka pada gambar 21 di atas. Yang berbeda adalah nama tabel dan nama-nama fieldnya.
Perhatikan struktur tabel kedua tabel yaitu tabel tbl_jenjang dan tabel tbl_prodi pada tabel 1 dan
tabel 2 di atas yang disalin kembali pada tabel 4 dan tabel 5 berikut.

Powered By GladiatorSoft – Donzi Antonio 25


PANDUAN PEMROGRAMAN PHP 2023
Tabel 4. Tabel tbl_jenjang
tbl_jenjang
Name Type Length/Values Null Index A_I
kode_jenjang Varchar 3 No Primary No
nama_jenjang Varchar 50 No - No

Tabel 5. Tabel tbl_prodi


tbl_prodi
Name Type Length/Values Null Index A_I
kode_prodi Varchar 2 No Primary No
nama_prodi Varchar 50 No - No
kode_jenjang Varchar 3 No - No

Tampak pada tabel 4 dan tabel 5 di atas perbedaan kedua tabel tersebut. Yang di-hightlight warna
merah adalah yang berubah dari tabel tbl_jenjang, dan yang di-hightlight warna ungu adalah yang tidak
ada pada tabel tbl_jenjang. Maka dari hasil perbandingan kedua tabel ini dapat diubah pada source code
ke-6 file pada folder prodi yang disalin dari folder jenjang.
Hal-hal yang perlu diubah pada source code tersebut dengan menggunakan teknik Find and
Replace pada text editor Notepad++ adalah:
Tabel 6. Tabel rangkuman untuk find dan replace
Find Replace
jenjang prodi
Jenjang Prodi

1. Dari jendela aplikasi text editor Notepad++ seperti tampak pada gambar 21 di atas, tekan
kombinasi tombol Ctrl + H untuk menampilkan jendela Replace

Gambar 22. Jendela replace (kosong)

Powered By GladiatorSoft – Donzi Antonio 26


PANDUAN PEMROGRAMAN PHP 2023
2. Ketikkan teks yang ingin dicari pada bagian Find what : misalnya jenjang dan teks pengganti
pada bagian Replace With : misalnya prodi
3. Beri tanda cek pada Match case dan Wrap around
4. Klik tombol Replace All in All Opened Documents

Gambar 23. Jendela replace (terisi data)


5. Jika muncul kotak dialog, klik tombol OK maka semua tulisan/teks jenjang pada keenam file
yang terbuka pada jendela Notepad++ akan diganti dengan teks prodi

Lakukan langkah 1 sampai langkah 6 di atas untuk mengganti semua teks yang ada pada tabel 6 di
atas maka hasil akhirnya akan seperti ini:
1. Source Code
a. File daftar_data_read.php

<!-- SALIN MULAI DARI SINI -->


<!-- daftar_data_read.php -->
<?php
include "../../config/koneksi.php";
session_start();
$sessData = !empty($_SESSION['sessData'])?$_SESSION['sessData']:'';
if(!empty($sessData['pesan']['isi_pesan'])){
$nilai_isi_pesan = $sessData['pesan']['isi_pesan'];
$nilai_tipe_pesan = $sessData['pesan']['tipe_pesan'];
unset($_SESSION['sessData']['pesan']);
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Belajar CRUD</title>
</head>

Powered By GladiatorSoft – Donzi Antonio 27


PANDUAN PEMROGRAMAN PHP 2023
<body>
<header>
<h3>Daftar Data Prodi</h3>
</header>
<?php
if( !empty($nilai_isi_pesan) && !empty($nilai_tipe_pesan) ){
echo '<b>'.strtoupper($nilai_tipe_pesan) .'!!!<b> '.
$nilai_isi_pesan;
}
?>
<p>
<a href="form_tambah.php">[+] Tambah Data</a>
</p>
<table border="1">
<thead>
<tr>
<th>No</th>
<th>Kode</th>
<th style="width:60%">Nama</th>
<th style="width:100px">Aksi</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM tbl_prodi ORDER BY kode_prodi ASC";
$query = mysqli_query($db, $sql);
$no_urut = 1;
while($baris = mysqli_fetch_array($query)){
?>
<tr>
<td><?=$no_urut?></td>
<td><?=$baris['kode_prodi']?></td>
<td><?=$baris['nama_prodi']?></td>
<td>
<a href="form_edit.php?id=<?=$baris['kode_prodi']?
>">Edit</a> |
<a href="proses_hapus_delete.php?id=<?
=$baris['kode_prodi']?>"
onclick="return confirm('Apakah anda yakin ingin
menghapus data ini?')">
Hapus
</a>
</td>
</tr>
<?php
$no_urut++;
}
?>
</tbody>
</table>
<p>Total Record: <b><?=mysqli_num_rows($query) ?></b></p>
</body>
</html>
<!-- daftar_data_read.php -->
<!-- SALIN SAMPAI DI SINI -->

Powered By GladiatorSoft – Donzi Antonio 28


PANDUAN PEMROGRAMAN PHP 2023

b. File form_tambah.php

<!-- SALIN MULAI DARI SINI -->


<!-- form_tambah.php -->
<!DOCTYPE html>
<html>
<head>
<title>Belajar CRUD</title>
</head>
<body>
<header>
<h3>Form Tambah Data</h3>
</header>
<form action="proses_tambah_create.php" method="POST">
<p>
<label for="kode_prodi">Kode Prodi: </label>
<input type="text" name="kode_prodi" placeholder="Cth: S-1"
value="" size="8" maxlength="3" required />
</p>
<p>
<label for="nama_prodi">Nama Prodi: </label>
<input type="text" name="nama_prodi" placeholder="Nama Prodi"
value="" size="60" required />
</p>
<p>
<input type="submit" value="Simpan Data" name="tombol_simpan" />
</p>
</form>
</body>
</html>
<!-- form_tambah.php -->
<!-- SALIN SAMPAI DI SINI -->

c. File proses_tambah_create.php

<!-- SALIN MULAI DARI SINI -->


<!-- proses_tambah_create.php -->
<?php
session_start();
include "../../config/koneksi.php";
include "../../config/fungsi.php";
if(isset($_POST['tombol_simpan'])){
$kode_prodi_dari_form = $_POST['kode_prodi'];
$nama_prodi_dari_form = $_POST['nama_prodi'];
$cek=periksa_kode('tbl_prodi', 'kode_prodi', $kode_prodi_dari_form);
if($cek){
$sessData['pesan']['tipe_pesan'] = 'warning';
$sessData['pesan']['isi_pesan'] = 'Maaf, data dengan Kode <b>'.
$kode_jenjang_dari_form.'</b> sudah ada di dalam tabel';
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');

Powered By GladiatorSoft – Donzi Antonio 29


PANDUAN PEMROGRAMAN PHP 2023
exit();
}
$sql = "INSERT INTO tbl_prodi (
kode_prodi, nama_prodi
)
VALUES (
'$kode_prodi_dari_form',
'$nama_prodi_dari_form'
)";
$query = mysqli_query($db, $sql);
if( $query ) {
$sessData['pesan']['tipe_pesan'] = 'success';
$sessData['pesan']['isi_pesan'] = 'Proses penambahan data baru
berhasil disimpan.';
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Proses penambahan data baru gagal
disimpan.';
}
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Maaf, akses dilarang...';
}
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');
?>
<!-- proses_tambah_create.php -->
<!-- SALIN SAMPAI DI SINI -->

d. File form_edit.php

<!-- SALIN MULAI DARI SINI -->


<!-- form_edit.php -->
<?php
include "../../config/koneksi.php";
if( !isset($_GET['id']) ){
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Maaf, akses dilarang...';
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');
exit();
}
$kode_dari_tabel = $_GET['id'];
$sql = "SELECT * FROM tbl_prodi WHERE kode_prodi='$kode_dari_tabel'";
$query = mysqli_query($db, $sql);
$baris = mysqli_fetch_assoc($query);
if( mysqli_num_rows($query) < 1 ){
die("data tidak ditemukan...");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Belajar CRUD</title>

Powered By GladiatorSoft – Donzi Antonio 30


PANDUAN PEMROGRAMAN PHP 2023
</head>
<body>
<header>
<h3>Form Edit Data</h3>
</header>
<form action="proses_edit_update.php" method="POST">
<p>
<label for="kode_prodi">Kode Prodi: </label>
<input type="text" name="kode_prodi" placeholder="Kode Prodi"
value="<?=$baris['kode_prodi'] ?>" size="8" readonly />
</p>
<p>
<label for="nama_prodi">Nama Prodi: </label>
<input type="text" name="nama_prodi" placeholder="Nama Prodi"
value="<?=$baris['nama_prodi'] ?>" size="60" required />
</p>
<p>
<input type="submit" value="Edit Data" name="tombol_edit" />
</p>
</form>
</body>
</html>
<!-- form_edit.php -->
<!-- SALIN SAMPAI DI SINI -->

e. File proses_edit_update.php

<!-- SALIN MULAI DARI SINI -->


<!-- proses_edit_update.php -->
<?php
session_start();
include "../../config/koneksi.php";
if(isset($_POST['tombol_edit'])){
$kode_prodi_dari_form = $_POST['kode_prodi'];
$nama_prodi_dari_form = $_POST['nama_prodi'];
$sql = "UPDATE tbl_prodi SET
kode_prodi='$kode_prodi_dari_form'
, nama_prodi='$nama_prodi_dari_form'
WHERE kode_prodi='$kode_prodi_dari_form'";
$query = mysqli_query($db, $sql);
if( $query ) {
$sessData['pesan']['tipe_pesan'] = 'success';
$sessData['pesan']['isi_pesan'] = 'Proses perubahan data berhasil di-
update.';
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Proses perubahan data gagal di-
update.';
}
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Maaf, akses dilarang...';
}
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');

Powered By GladiatorSoft – Donzi Antonio 31


PANDUAN PEMROGRAMAN PHP 2023
?>
<!-- proses_edit_update.php -->
<!-- SALIN SAMPAI DI SINI -->

f. File proses_hapus_delete.php

<!-- SALIN MULAI DARI SINI -->


<!-- proses_hapus_delete.php -->
<?php
session_start();
include "../../config/koneksi.php";
if( isset($_GET['id']) ){
$kode_dari_tabel = $_GET['id'];
$sql = "DELETE FROM tbl_prodi WHERE kode_prodi='$kode_dari_tabel'";
$query = mysqli_query($db, $sql);
if( $query ){
$sessData['pesan']['tipe_pesan'] = 'success';
$sessData['pesan']['isi_pesan'] = 'Data berhasil dihapus.';
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Data gagal dihapus.';
}
} else {
$sessData['pesan']['tipe_pesan'] = 'error';
$sessData['pesan']['isi_pesan'] = 'Maaf, akses dilarang...';
}
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');
?>
<!-- proses_hapus_delete.php -->
<!-- SALIN SAMPAI DI SINI -->

2. Source Code Tambahan


Setelah dilakukan modifikasi source code dengan teknik Find and Replace seperti pembahasan sebelumnya
yang menghasilkan sederetan perubahan source code pada keenam file prodi di atas, tampak pada source code
tersebut bahwa belum ditemukannya potongan script yang dapat berfungsi untuk melakukan CRUD pada fiel
kode_jenjang yang ada di dalam tabel tbl_prodi. Oleh karena itu, harus ditambahkan potongan script-script berikut
ini pada setiap file dari keenam file prodi tersebut

Berikut adalah potongan script yang harus ditambahkan pada setiap file prodi.

a. File daftar_data_read.php

...
...
...

<table border="1">
<thead>
<tr>
<th>No</th>

Powered By GladiatorSoft – Donzi Antonio 32


PANDUAN PEMROGRAMAN PHP 2023
<th>Kode</th>
<th style="width:60%">Nama</th>
<th>Jenjang</th>
<th style="width:100px">Aksi</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM tbl_prodi ORDER BY kode_prodi ASC";
$query = mysqli_query($db, $sql);
$no_urut = 1;
while($baris = mysqli_fetch_array($query)){
?>
<tr>
<td><?=$no_urut?></td>
<td><?=$baris['kode_prodi']?></td>
<td><?=$baris['nama_prodi']?></td>
<td><?=$baris['kode_jenjang']?></td>
<td>
<a href="form_edit.php?id=<?=$baris['kode_prodi']?
>">Edit</a> |
<a href="proses_hapus_delete.php?id=<?
=$baris['kode_prodi']?>"
onclick="return confirm('Apakah anda yakin ingin
menghapus data ini?')">
Hapus
</a>
</td>
</tr>
<?php
$no_urut++;
}
?>
</tbody>
</table>
...
...
...

Potongan script yang di-highlight warna MERAH adalah bagian yang harus ditambahkan pada source code hasil
find and replace

b. File form_tambah.php

...
...
...

<form action="proses_tambah_create.php" method="POST">


<p>
<label for="kode_prodi">Kode Prodi: </label>

Powered By GladiatorSoft – Donzi Antonio 33


PANDUAN PEMROGRAMAN PHP 2023
<input type="text" name="kode_prodi" placeholder="Cth: 12"
value="" size="8" maxlength="2" required />
</p>
<p>
<label for="nama_prodi">Nama Prodi: </label>
<input type="text" name="nama_prodi" placeholder="Nama Prodi"
value="" size="60" required />
</p>
<p>
<label for="kode_jenjang">Kode Jenjang: </label>
<input type="text" name="kode_jenjang " placeholder="Kode Jenjang"
value="" size="8" required />
</p>
<p>
<input type="submit" value="Simpan Data" name="tombol_simpan" />
</p>
</form>
...
...
...

Potongan script yang di-highlight warna MERAH adalah bagian yang harus ditambahkan pada source code hasil
find and replace dan yang berwarna UNGU adalah bagian yang harus diganti nilainya

c. File proses_tambah_create.php

...
...
...
if(isset($_POST['tombol_simpan'])){
$kode_prodi_dari_form = $_POST['kode_prodi'];
$nama_prodi_dari_form = $_POST['nama_prodi'];
$kode_jenjang_dari_form = $_POST['kode_jenjang'];
$cek=periksa_kode('tbl_prodi', 'kode_prodi', $kode_prodi_dari_form);
if($cek){
$sessData['pesan']['tipe_pesan'] = 'warning';
$sessData['pesan']['isi_pesan'] = 'Maaf, data dengan Kode <b>'.
$kode_prodi_dari_form.'</b> sudah ada di dalam tabel';
$_SESSION['sessData'] = $sessData;
header('Location: daftar_data_read.php');
exit();
}
$sql = "INSERT INTO tbl_prodi (
kode_prodi
, nama_prodi
, kode_jenjang
)
VALUES (
'$kode_prodi_dari_form'
, '$nama_prodi_dari_form'
, $kode_jenjang_dari_form
)";
$query = mysqli_query($db, $sql);
...

Powered By GladiatorSoft – Donzi Antonio 34


PANDUAN PEMROGRAMAN PHP 2023
...
...

Potongan script yang di-highlight warna MERAH adalah bagian yang harus ditambahkan pada source code hasil
find and replace

d. File form_edit.php

...
...
...

<form action="proses_edit_update.php" method="POST">


<p>
<label for="kode_prodi">Kode Prodi: </label>
<input type="text" name="kode_prodi" placeholder="Kode Prodi"
value="<?=$baris['kode_prodi'] ?>" size="8" readonly />
</p>
<p>
<label for="nama_prodi">Nama Prodi: </label>
<input type="text" name="nama_prodi" placeholder="Nama Prodi"
value="<?=$baris['nama_prodi'] ?>" size="60" required />
</p>
<p>
<label for="kode_jenjang">Kode Jenjang: </label>
<input type="text" name="kode_jenjang" placeholder="Kode Jenjang"
value="<?=$baris['kode_jenjang'] ?>" size="8" required />
</p>
<p>
<input type="submit" value="Edit Data" name="tombol_edit" />
</p>
</form>
...
...
...

Potongan script yang di-highlight warna MERAH adalah bagian yang harus ditambahkan pada source code hasil
find and replace

Powered By GladiatorSoft – Donzi Antonio 35


PANDUAN PEMROGRAMAN PHP 2023
e. File proses_edit_update.php

...
...
...

if(isset($_POST['tombol_edit'])){
$kode_prodi_dari_form = $_POST['kode_prodi'];
$nama_prodi_dari_form = $_POST['nama_prodi'];
$kode_jenjang_dari_form = $_POST['kode_jenjang'];
$sql = "UPDATE tbl_prodi SET
kode_prodi='$kode_prodi_dari_form'
, nama_prodi='$nama_prodi_dari_form'
, kode_jenjang='$kode_jenjang_dari_form'
WHERE kode_prodi='$kode_prodi_dari_form'";
$query = mysqli_query($db, $sql);

...
...
...

Potongan script yang di-highlight warna MERAH adalah bagian yang harus ditambahkan pada source code hasil
find and replace

f. File proses_hapus_delete.php

Source code pada file ini tidak ada penambahan maupun perubahan setelah proses find and replace

3. Hasil
a. Hasil daftar_data_read.php
Untuk melihat hasil program CRUD Prodi dapat dilakukan dengan mengetikkan perintah
berikut pada address bar browser.
http://localhost/crud_php_pmw_g/modul/prodi/daftar_data_read.php
Hasilnya adalah:

Powered By GladiatorSoft – Donzi Antonio 36


PANDUAN PEMROGRAMAN PHP 2023

Gambar 24. Tampilan daftar data prodi

b. Hasil form_tambah.php

Gambar 25. Tampilan form tambah data baru

Powered By GladiatorSoft – Donzi Antonio 37


PANDUAN PEMROGRAMAN PHP 2023
c. Hasil form_edit.php

Gambar 26. Tampilan form edit_data.

4. Hasil Tambahan
Hasil tambahan ini adalah hasil preview program di browser setelah menambahkan potongan-potongan
script untuk proses CRUD jenjang pada bagian 2 di atas

Gambar 27. Tampilan daftar data prodi

d. Hasil form_tambah.php

Powered By GladiatorSoft – Donzi Antonio 38


PANDUAN PEMROGRAMAN PHP 2023

Gambar 28. Tampilan form tambah data baru

Powered By GladiatorSoft – Donzi Antonio 39


PANDUAN PEMROGRAMAN PHP 2023
e. Hasil form_edit.php

Gambar 29. Tampilan form edit_data.

5. Tambahan
Perlu di perhatikan bahwa elemen Kode Jenjang pada form tambah data maupun form edit data
pada gambar 28 dah 29, sama-sama menggunakan elemen text input. Jika kode jenjang pada kedua
form ini harus diinputkan datanya melalui combo box atau dropdown select maka ganti bagian kode
jenjang dengan script berikut ini.
a. Dropdown Select Tambah

<p>
<label for="kode_jenjang">Jenjang: </label>
<select name="kode_jenjang">
<option value="">-- Pilih Jenjang --</option>
<?php
include "../../config/koneksi.php";
$sql = "SELECT * FROM tbl_jenjang ORDER BY nama_jenjang
ASC";
$query = mysqli_query($db, $sql);
if(mysqli_num_rows($query) > 0){
while($row = mysqli_fetch_array($query)){
?>
<option value="<?=$row['kode_jenjang']?>"><?
=$row['nama_jenjang']?> </option>
<?php
}
}
?>
</select>
</p>

b. Dropdown Select Edit

Powered By GladiatorSoft – Donzi Antonio 40


PANDUAN PEMROGRAMAN PHP 2023
Dan untuk_form_edit.php diganti scriptnya dengan script berikut;
<p>
<label for="kode_jenjang">Jenjang: </label>
<select name="kode_jenjang">
<option value="">-- Pilih Jenjang --</option>
<?php
include "../../config/koneksi.php";
$sql = "SELECT * FROM tbl_jenjang ORDER BY nama_jenjang
ASC";
$query = mysqli_query($db, $sql);
if(mysqli_num_rows($query) > 0){
while($row = mysqli_fetch_array($query)){
$selected = $baris['kode_jenjang'] ===
$row['kode_jenjang'] ? ' selected ' : '';
?>
<option value="<?=$row['kode_jenjang']?>" <?
=$selected?>><?=$row['nama_jenjang']?> </option>
<?php
}
}
?>
</select>
</p>

Powered By GladiatorSoft – Donzi Antonio 41


PANDUAN PEMROGRAMAN PHP 2023
Hasilnya sebagai berikut:

Gambar 30. Tampilan form edit_data.

1.3.2.3 CRUD Mahasiswa

Cara membuat CRUD Mahasiswa ini sama persis dengan membuat CRUD Prod di atasi. Oleh karena itu maka
semua file-file project yang ada di dalam folder prodi harus disalin ke folder mahasiswa

Gambar 31. Isi folder mahasiswa (paste)

Tabel 7. Tabel rangkuman untuk find dan replace mahasiswa


Find Replace
prodi mahasiswa

Powered By GladiatorSoft – Donzi Antonio 42


PANDUAN PEMROGRAMAN PHP 2023
Prodi Mahasiswa
kode_mahasiswa nim
Kode Mahasiswa NIM
jenjang prodi
Jenjang Prodi

1. Source Code
Setelah dilakukan manipulasi pada keenam file yang ada di folder mahasiswa maka harus
ditambahkan beberapa script yang dibutuhkan sesuai field-field yang ada di dalam tabel
tbl_mahasiswa seperti jenis_kelamin, tempat_lahir dan tanggal_lahir:
 Jenis kelamin harus dipilih dari dropdown select
 Tempat lahir bertipe text
 Tanggal lahir bertipe date

2. Hasil
Hasil dari find dan replace juga beberapa perubahan pada keenam file di dalam folder mahasiswa
akan tampak sebagai berikut:
a. Hasil daftar_data_read.php
Untuk melihat hasil program CRUD Mahasiswa dapat dilakukan dengan mengetikkan
perintah berikut pada address bar browser.
http://localhost/crud_php_pmw_g/modul/mahasiswa/daftar_data_read.php
Hasilnya adalah:

Gambar 32. Tampilan daftar data mahasiswa

b. Hasil form_tambah.php

Powered By GladiatorSoft – Donzi Antonio 43


PANDUAN PEMROGRAMAN PHP 2023

Gambar 33. Tampilan form tambah data baru

Powered By GladiatorSoft – Donzi Antonio 44


PANDUAN PEMROGRAMAN PHP 2023
c. Hasil form_edit.php

Gambar 34. Tampilan form edit_data.

1.3.3 Menu Utama

Menu utama ini berupa salah satu halaman yang berfungsi sebagai penghubung antar link yang ada di
dalam program CRUD yang dibuat. Cara membuat menu utama ini adalah dengan menyiapkan satu file
bernama index.php dan disimpan di dalam folder utama project ini yaitu folder crud_php_pmw_g
Script pada file index.php adalah sebagai berikut:

<!-- SALIN MULAI DARI SINI -->


<!-- index.php -->

<!DOCTYPE html>
<html>
<head>
<title>Belajar CRUD</title>
</head>
<body>
<header style="text-align:center">
<h1>BELAJAR CRUD PHP</h1>
<h2>Pendataan Mahasiswa</h2>
</header>
<nav style="background-color:#eeeeee; padding:10px">
<ul style="font-family:Arial;line-height:1.6">
<li><a href="modul/jenjang/daftar_data_read.php">Jenjang
Pendidikan</a></li>
<li><a href="modul/prodi/daftar_data_read.php">Program
Studi</a></li>
<li><a
href="modul/mahasiswa/daftar_data_read.php">Mahasiswa</a></li>
</ul>

Powered By GladiatorSoft – Donzi Antonio 45


PANDUAN PEMROGRAMAN PHP 2023
</nav>
</body>
</html>
<!-- index.php -->
<!-- SALIN SAMPAI DI SINI -->

Full source code CRUD dengan PHP dan HTML ini dapat diunduh pada link berikut ini:
CRUD dengan PHP dan HTML

Powered By GladiatorSoft – Donzi Antonio 46


PANDUAN PEMROGRAMAN PHP 2023

Powered By GladiatorSoft – Donzi Antonio 47


PANDUAN PEMROGRAMAN PHP 2023
BAGIAN II
CRUD DENGAN PHP DAN BOOTSTRAP

Powered By GladiatorSoft – Donzi Antonio 48

Anda mungkin juga menyukai