Dalam tutorial ini, kita akan meninjau PDO CRUD—alat pembuat formulir dan manajemen basis data. PDO CRUD membantu Anda membuat formulir untuk tabel database hanya dengan beberapa baris kode, membuatnya cepat dan mudah untuk mem-bootstrap aplikasi database.
Ada banyak ekstensi yang tersedia untuk abstraksi basis data dan khususnya pembuatan CRUD (buat, baca, perbarui, dan hapus) untuk PHP dan MySQL. Dan tentu saja, Anda juga akan menemukan opsi komersial yang menyediakan fitur siap pakai dan dukungan yang diperluas. Dalam hal opsi komersial, Anda juga dapat mengharapkan kode kualitas, perbaikan bug, dan peningkatan baru.
Hari ini, kita akan membahas alat PDO CRUD, tersedia di CodeCanyon untuk dibeli dengan harga yang sangat wajar. Ini adalah alat pembuat CRUD lengkap yang memungkinkan Anda membangun aplikasi hanya dengan menyediakan tabel database dan menulis beberapa baris kode.
Ia bekerja dengan beberapa back-end database, termasuk MySQL, Postgres, dan SQLite. Dalam tutorial PHP CRUD lanjutan ini, kita akan melihat cara menggunakan PDO CRUD untuk membangun sistem CRUD dengan back-end database MySQL.
Catatan:Lebih cepat dan lebih baik daripada CRUD en PHP dan mySQL, da clic aquí .
Instalasi dan Konfigurasi
Di bagian ini, kita akan melihat cara menginstal dan mengonfigurasi alat PDO CRUD setelah Anda membeli dan mengunduhnya dari CodeCanyon.
Segera setelah Anda membelinya, Anda akan dapat mengunduh file zip. Ekstrak, dan Anda akan menemukan direktori dengan kode plugin utama:PDOCrud/script . Salin direktori ini ke aplikasi PHP Anda.
Misalnya, jika proyek Anda dikonfigurasi di /web/demo-app/public_html , Anda harus menyalin direktori skrip ke /web/demo-app/public_html/script .
Selanjutnya, Anda perlu memasukkan detail back-end database Anda di file konfigurasi. File konfigurasi terletak di /web/demo-app/public_html/script/config/config.php . Buka file itu di editor teks favorit Anda dan ubah detail berikut di file itu.
$config["script_url"] ="https://my-demo-app";/************************ database * ***********************///Atur nama host untuk terhubung ke database$config["hostname"] ="localhost";//Setel database name$config["database"] ="demo_app_db";//Tetapkan nama pengguna untuk akses database$config["username"] ="demo_app";//Setel pwd untuk database user$config["password"] ="demo_app";//Setel tipe database yang akan digunakan$config["dbtype"] ="mysql"
Seperti yang Anda lihat, detailnya cukup jelas. $config["script_url"]
disetel ke URL yang Anda gunakan untuk mengakses situs Anda.
Setelah Anda menyimpan detail database, Anda siap menggunakan alat PDO CRUD. Dalam contoh kami, kami akan membuat dua tabel MySQL yang menyimpan data karyawan dan departemen.
- karyawan :menyimpan informasi karyawan
- departemen :menyimpan informasi departemen
Buka alat manajemen basis data Anda dan jalankan perintah berikut untuk membuat tabel seperti yang baru saja kita bahas di atas. Saya menggunakan phpMyAdmin untuk bekerja dengan back-end database MySQL.
Pertama, mari kita buat tabel departemen.
CREATE TABLE `department` ( `id` int(11) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `department_name` varchar(255) NOT NULL DEFAULT '') ENGINE=MyISAM DEFAULT CHARSET=utf8;
Selanjutnya, kita akan membuat tabel karyawan.
CREATE TABLE `employee` ( `id` int(12) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `dept_id` int(11) UNSIGNED NOT NULL, `first_name` varchar(255) NOT NULL DEFAULT '', `last_name` varchar(255) NOT NULL DEFAULT '', `email` varchar(255) NOT NULL DEFAULT '', `phone` varchar(255) NOT NULL DEFAULT '') ENGINE=MyISAM DEFAULT CHARSET=utf8;
Seperti yang Anda lihat, kami telah menggunakan dept_id
kolom di tabel karyawan, yang menyimpan id departemen terkait yang disimpan di tabel departemen.
Setelah Anda membuat tabel di database, kami siap membuat antarmuka aplikasi CRUD menggunakan alat PDO CRUD!
Cara Menyiapkan CRUD Dasar
Di bagian ini, kita akan melihat bagaimana Anda dapat mengatur antarmuka CRUD dasar menggunakan alat PDO CRUD dengan menulis beberapa baris kode saja.
Tabel Departemen
Kita akan mulai dengan tabel departemen.
Mari buat department.php dengan isi sebagai berikut. Jika root dokumen Anda adalah /web/demo-app/public_html/ , buat departemen.php file di /web/demo-app/public_html/department.php . Ingatlah bahwa kita telah menyalin direktori skrip ke /web/demo-app/public_html/script .
dbTable("department")->render();
Dan sekarang, jika Anda mengarahkan browser Anda ke department.php file, Anda akan melihat sesuatu seperti ini:
Fiuh! Hanya dengan dua baris kode, Anda memiliki UI CRUD siap pakai yang memungkinkan Anda melakukan semua tindakan yang diperlukan untuk membuat, membaca, memperbarui, dan menghapus pada model Anda. Belum lagi tampilan listingan defaultnya sendiri mengandung banyak fitur, antara lain:
- cari
- penomoran halaman bawaan
- cetak
- mengekspor catatan ke format CSV, PDF, atau Excel
- operasi penghapusan massal
- mengurutkan berdasarkan kolom
Klik Tambah tombol di sisi kanan, dan itu akan membuka formulir untuk menambahkan catatan departemen.
Mari tambahkan beberapa catatan menggunakan Tambah tombol dan lihat tampilannya.
Seperti yang Anda lihat, ini adalah antarmuka yang cukup ringan dan rapi. Dengan hampir tanpa usaha, kami telah membangun CRUD untuk model departemen! Selanjutnya, kita akan melihat cara melakukan hal yang sama untuk tabel karyawan.
Meja Karyawan
Di bagian ini, kita akan melihat cara membuat CRUD untuk tabel karyawan. Mari kita buat employee.php dengan konten berikut.
dbTable("karyawan")->render();
Ini cukup banyak kode yang sama seperti terakhir kali; kita hanya perlu mengubah nama tabel. Jika Anda mengeklik Tambah tombol, itu juga memberi Anda formulir bagus yang memungkinkan Anda menambahkan catatan karyawan.
Anda mungkin menemukan satu masalah:Dept id field adalah kolom teks, tetapi akan lebih baik sebagai drop-down yang berisi nama departemen. Mari kita lihat bagaimana mencapainya.
getPDOModelObj()->select("department");$options =array( );foreach($data as $record) { $options[$record['id']] =$record['department_name'];}// ubah jenis bidang dept_id dari bidang teks untuk memilih dropdown$pdocrud-> fieldTypes("dept_id", "select");$pdocrud->fieldDataBinding("dept_id", $options, "", "","array");echo $pdocrud->dbTable("karyawan")->render( );
Dalam kode ini, kami telah mengakses tabel departemen melalui PDO CRUD sehingga kami dapat mengaitkan nama departemen dengan id departemen. Kemudian, kami telah memperbarui opsi pengikatan untuk bidang id departemen sehingga akan ditampilkan sebagai tarik-turun (select
) daftar.
Sekarang, klik Tambah tombol untuk melihat tampilannya! Anda akan melihat Id Dept bidang sekarang diubah menjadi tarik-turun!
Mari tambahkan beberapa catatan karyawan dan lihat tampilan daftar karyawan:
Itu terlihat bagus! Namun kami memiliki masalah kecil lainnya di sini:Anda dapat melihat bahwa Dept id kolom menunjukkan ID departemen, dan akan lebih baik untuk menampilkan nama departemen yang sebenarnya. Mari cari tahu cara mencapainya!
Mari kita revisi kode employee.php dengan konten berikut.
getPDOModelObj()->select( "department");$options =array();foreach($data as $record) { $options[$record['id']] =$record['department_name'];}$pdocrud->fieldTypes("dept_id ", "select");$pdocrud->fieldDataBinding("dept_id", $options, "", "","array");$pdocrud->crudTableCol(array("first_name", "last_name", "department_name" , "email","telepon"));$pdocrud->joinTable("departemen", "karyawan.dept_id =departemen.id", "INNER JOIN");echo $pdocrud->dbTable("karyawan")-> render();
Di sini, kami telah membuat gabungan antara tabel karyawan dan departemen dengan $pdocrud->joinTable
, dan kemudian memberi tahu PDO CRUD untuk merender hanya nama karyawan, nama departemen, dan info kontak dengan $pdocrud->crudTableCol
.
Dan dengan perubahan itu, daftar karyawan akan terlihat seperti ini:
Seperti yang Anda lihat, skrip PDO CRUD cukup fleksibel dan memungkinkan Anda setiap opsi yang memungkinkan untuk menyesuaikan UI Anda.
Sejauh ini, kita telah membahas cara mengatur antarmuka CRUD dasar. Kami akan melihat beberapa opsi lainnya yang dapat Anda gunakan untuk menyempurnakan dan menyesuaikan UI CRUD di bagian berikutnya.
Opsi Penyesuaian
Di bagian ini, kita akan melihat beberapa opsi penyesuaian yang disediakan oleh alat PDO CRUD. Tentu saja, tidak mungkin untuk melewati semua opsi karena alat PDO CRUD menyediakan lebih dari yang dapat kita bahas dalam satu artikel, tetapi saya akan mencoba menyoroti beberapa yang penting.
Edit Sebaris
Pengeditan sebaris adalah salah satu fitur terpenting, yang memungkinkan Anda mengedit catatan dengan cepat di halaman cantuman itu sendiri. Mari kita lihat cara mengaktifkannya untuk halaman daftar departemen.
Mari kita revisi department.php script seperti yang ditunjukkan pada cuplikan berikut.
setSettings("inlineEditbtn", true);echo $pdocrud->dbTable("department")->render( );
Seperti yang Anda lihat, kami baru saja mengaktifkan inlineEditbtn
pengaturan, dan fitur pengeditan sebaris langsung tersedia!
Ini adalah fitur yang sangat berguna yang memungkinkan Anda mengedit catatan dengan cepat!
Filter
Seperti yang mungkin telah Anda perhatikan, halaman daftar departemen telah menyediakan pencarian teks gratis untuk menyaring catatan. Namun, Anda mungkin ingin menambahkan filter khusus Anda sendiri untuk meningkatkan fitur pencarian. Itulah tepatnya Filter disediakan karena memungkinkan Anda membuat filter khusus!
Kami akan menggunakan employee.php untuk fitur ini karena ini adalah kasus penggunaan demonstrasi yang sempurna. Di halaman listingan karyawan, kami menampilkan nama departemen untuk setiap catatan karyawan, jadi mari buat filter departemen yang memungkinkan Anda memfilter catatan menurut nama departemen.
Silakan dan perbaiki employee.php your Anda seperti yang ditunjukkan dalam cuplikan berikut.
getPDOModelObj()->select("department");$options =array();foreach( $data as $record) { $options[$record['id']] =$record['department_name'];}$pdocrud->fieldTypes("dept_id", "select");//ubah status untuk memilih dropdown $pdocrud->fieldDataBinding("dept_id", $options, "", "","array");//menambahkan data menggunakan array di dropdown pilih$pdocrud->crudTableCol(array("first_name","last_name", " department_name", "email","telepon"));$pdocrud->joinTable("department", "employee.dept_id =department.id", "INNER JOIN");$pdocrud->addFilter("department_filter", " Departemen", "dept_id", "dropdown");$pdocrud->setFilterSource("department_filter", $options, "", "", "array");echo $pdocrud->dbTable("karyawan")->render ();
Kami baru saja menambahkan dua baris, dengan panggilan ke addFilter
dan setFilterSource
, dan dengan itu, daftar karyawan akan terlihat seperti berikut:
Bukankah itu keren? Hanya dengan dua baris kode, Anda telah menambahkan filter khusus Anda!
Unggahan Gambar
Ini adalah fitur yang harus dimiliki jika Anda ingin mengatur unggahan file di formulir Anda. Hanya dengan satu baris kode, Anda dapat mengonversi bidang biasa menjadi bidang unggah file, seperti yang ditunjukkan dalam cuplikan berikut.
Saya akan berasumsi bahwa Anda memiliki profile_image
di tabel karyawan Anda, dan Anda siap mengonversinya menjadi bidang unggah file!
fieldTypes("profile_image", "image");echo $pdocrud->dbTable("karyawan")-> render();
Itu dia! Pengguna sekarang dapat mengupload gambar ke profile_image
lapangan.
CAPTCHA
Saat ini, jika Anda ingin menyelamatkan situs Anda dari spam, verifikasi CAPTCHA adalah fitur penting. Alat PDO CRUD sudah menyediakan beberapa opsi untuk dipilih.
Ini menyediakan dua opsi:CAPTCHA dan reCAPTCHA. Jika Anda memilih opsi CAPTCHA, ini menyajikan teka-teki matematika bagi pengguna untuk dipecahkan. Di sisi lain, jika Anda memilih opsi reCAPTCHA, ini akan menampilkanI'm not a robot yang terkenal teka-teki!
Jika Anda ingin menambahkan teka-teki CAPTCHA sederhana, Anda perlu menambahkan baris berikut sebelum merender CRUD.
$pdocrud->formAddCaptcha("captcha");
Di sisi lain, jika Anda lebih suka reCAPTCHA, Anda dapat mencapai hal yang sama dengan menggunakan cuplikan berikut.
$pdocrud->recaptcha("your-site-key","site-secret");
Anda hanya perlu mengganti your-site-key
dan site-secret
argumen dengan kredensial yang valid dari Google.
Sejauh ini, kita telah membahas opsi yang meningkatkan fungsionalitas aplikasi Anda. Selanjutnya, kita akan melihat bagaimana Anda dapat mengubah kulit serta tampilan dan nuansa aplikasi Anda.
Kulit
Jika Anda tidak menyukai kulit default, Anda memiliki beberapa opsi untuk dipilih. Alat PDO CRUD menyediakan kulit gelap, cerah, hijau, dan tingkat lanjut sebagai opsi lain untuk dipilih.
Misalnya, daftar berikut didasarkan pada tema hijau.
Kelihatannya bagus, bukan?
Bootstrap Murni
Meskipun skin default sudah mendukung tata letak responsif, alat PDO CRUD juga mendukung integrasi pustaka Bootstrap!
Anda perlu menggunakan cuplikan berikut jika Anda ingin membuat tata letak menggunakan pustaka Bootstrap.
dbTable("department")->render();Dan inilah tampilannya:
4 Antarmuka PHP CRUD Premade Teratas Dari CodeCanyon
CodeCanyon adalah rumah bagi lusinan antarmuka CRUD PHP yang ditinjau dengan baik dan mudah. Jika Anda tidak ingin menelusuri semua pembuat PHP CRUD di situs, lihat lima opsi ini:
1. Pembangkit PHP CRUD
Dengan lebih dari 20 tema Bootstrap dan fitur-fitur canggih yang hebat, antarmuka premade ini tampak hebat dan berkinerja baik. Ini melakukan pekerjaan yang bagus dalam melakukan analisis pada data Anda. PHP CRUD Generator juga dilengkapi dengan alat yang memungkinkan Anda membuat panel admin yang ideal.
2. Aplikasi Serbaguna Laravel
Apakah Anda memerlukan aplikasi HTML5 CRUD dengan semua lonceng dan peluit? Maka Laravel adalah pilihan yang baik untuk Anda. Aplikasi PHP CRUD yang mudah ini dilengkapi dengan fitur-fitur seperti:
- template front-end dan back-end
- ledakan email ke pengguna dan grup
- fitur lupa sandi
- alamat IP yang diblokir dan diizinkan
3. Admin Lite—Panel Admin PHP dan Manajemen Pengguna
Jika proyek Anda berikutnya sedang dibuat dengan CodeIgniter, Anda akan membutuhkan Admin Lite. Aplikasi HTML5 CRUD ini membantu Anda tetap di atas pengembangan web Anda dengan modul siap pakai. Admin Lite hadir dengan dasbor admin dan pengguna serta mendukung banyak bahasa. Anda dapat mengonversi panel yang ada menjadi panel ini sehingga Anda dapat melanjutkan dari bagian terakhir yang Anda tinggalkan.
4. Cicool—Halaman, Formulir, API REST, dan Generator CRUD
Kami melengkapi daftar ini dengan Cicool. Ini adalah generator CRUD PHP yang mudah dengan banyak fitur. Builder PHP CRUD WordPress ini juga dapat digunakan untuk membuat halaman, formulir, dan REST API. Menggunakan Cicool memungkinkan Anda menggunakan komponen dan input siap pakai untuk membuat apa yang Anda butuhkan. Berkat pembaruannya yang terus-menerus, Anda akan tahu bahwa Cicool tetap didukung.
Pelajari Lebih Lanjut Tentang Dunia Kode Dengan Envato Tuts+
Tidak ada keraguan coding adalah topik yang mendalam. Ada banyak yang harus dipelajari, dan mudah tersesat. Jika Anda ingin mengambil keterampilan pengkodean yang sangat berguna dengan beberapa panduan, lihat Envato Tuts+. Tutorial kode, panduan, dan kursus kami menawarkan instruksi yang Anda butuhkan saat belajar. Anda dapat melihat beberapa di antaranya di bawah ini:
- GRATIS Dasar-Dasar PHPHPJeremy McPeak
- Integer PHPHP, Float, dan String AngkaMonty Shokeen
- PHPCara Upload File di PHP (Dengan Contoh)Sajal Soni
- WordPressCara Menggunakan Caching Peramban di WordPressSajal Soni
Dan pastikan Anda menuju ke saluran YouTube kami! Itu diisi dengan video tutorial dan kursus yang diajarkan oleh instruktur ahli kami.
Bagaimana Menjadi Pengembang Web