Anda di halaman 1dari 7

CRUD PHP MySQLi Bootstrap terbaru 21/02/20 18.

27

CRUD PHP MySQLi Bootstrap terbaru New Phones

CRUD PHP dan Mysql menggunakan MySQli dan Bootstrap – CRUD adalah singkatan dari
Create Read Update dan Delete. Ke empat kata itu merupakan fungsi dasar sebuat aplikasi
yang digunakan untuk mengolah sebuah database.
Dalam contoh CRUD berikut saya akan membuat aplikasi CRUD PHP Mysql sederhana Redmi Note 7 Redmi Note 7 Pro
menggunakan OS Window dan XAMPP (/phone/Xiaomi- (/phone/Xiaomi-
Redmi-Note-7) Redmi-Note-7-Pro)
Coding yang saya pakai pun sangat sederhana gan, agar mudah dimengerti oleh semua
newbie

CRUD PHP Mysql Bootstrap :


Artikel Terbaru

XAMPP • Koneksi Internet Lambat ? Berikut


MySQLi driver Alasan dan Solusinya (/koneksi-
internet-lambat-berikut-alasan-dan-
Bootstrap 4 solusinya)
Font Awesome 5 (karena Bootstrap 4 tidak tersedia icon pendukung) • Penyebab printer bermasalah dan
solusinya (/penyebab-printer-
Jquery bermasalah-dan-solusinya)

• CRUD PHP MySQLi Bootstrap terbaru


(/crud-php-mysqli-bootstrap-terbaru)
Kenapa memilih MySQLi ?
• Dasar PABX Panasonic KX-TES824-
KX-TEM824 (/dasar-pabx-panasonic-
kx-tes824-kx-tem824)
Koneksi PHP dan Mysql ada beberapa jenis, untuk contoh kali saya menggunakan MySQLi
walaupun sebenarnya saya lebih prefer menggunakan PDO. MySQLi biasanya digunakan oleh • Perbedaan PHP 5 dan PHP 7
(/perbedaan-php-5-dan-php-7)
pengguna yang baru mempelajari PHP dan mysql karena dianggap lebih popular ataupun lebih
• 7 Fitur Rahasia Pengguna Whatsapp
mudah digunakan Terbaru Yang Anda Harus Tahu (/fitur-
rahasia-pengguna-whatsapp-terbaru-
yang-anda-harus-tahu)
baca juga
• CRUD PHP dan Mysql menggunakan
CRUD PHP dan Mysql menggunakan PDO dan Bootstrap (https://www.caritahu.id/crud-php-dan- PDO dan Bootstrap (/crud-php-dan-
mysql-menggunakan-pdo-dan-bootstrap) mysql-menggunakan-pdo-dan-
bootstrap)

• Koneksi Database PHP dan Mysql


(/koneksi-database-php-dan-mysql)
Kenapa menggunakan Bootstrap ?
• Membuat Database Mysql di XAMPP
dengan CMD phpMyAdmin Navicat
(/membuat-database-mysql-di-xampp-
Bootstrap atau bisa juga disebut Twitter Bootstrap , sebuah Framework CSS yang di dengan-cmd-phpmyadmin-navicat)

kembangkan oleh Twitter. Untuk kalian yang baru belajar HTML dan CSS saya sarankan • Perbedaan Antara Android Versi
Nougat Dengan Marshmallow
jangan langsung menggunkan Bootstrap ya, tapi jika ingin menggunakan sebagai bahan (/perbedaan-antara-android-versi-
nougat-dengan-marshmallow)
pembelajaran boleh saja.
Trial and Error, ubah-ubah codingnya, save trus F5 alias refresh dan lihat perubahannya. Itulah
metode terbaik dan termudah belajar pemrograman scripting seperti PHP.

Kenapa menggunakan Font Awesome ?

Agar tampilan aplikasi lebih menarik, diperlukan icon pendukung seperti icon edit, view delete
dan yang lainnya. Kalian tidak perlu mencari icon satu persatu, cukup includekan file javascript
dan file CSSnya, lalu tambahkan di class atribut HTML, refresh jadi deh. Simpel kan

https://www.caritahu.id/crud-php-mysqli-bootstrap-terbaru Page 1 of 7
CRUD PHP MySQLi Bootstrap terbaru 21/02/20 18.27

Kenapa menggunakan Jquery ?

Jquery adalah sebuah library dari javascript, fungsi-fungsinya lebih simple digunakan
ketimbang kita coding menggunakan javascript murni. Tetapi di boostrap versi 5 tidak
lagi menggunakan jquery, tetapi menggantinya dengan VanillaJS. Entah kenapa, tapi saya
menyarankan kalian untuk mempelajari jquery secara khusus. Luangkan waktu kalian untuk
mempelajari javascript, dikarenakan bahasa pemrograman javascript sedang naik daun
beberapa tahun terakhir.

Disini saya menggunakan Bootstrap versi 4. Silahkan download Bootstrapnya di sini


https://getbootstrap.com

Tahap awal, jalankan terlebih dahulu service Apache dan Mysqlnya di XAMPP. Untuk database
yang akan kita gunakan kalian bisa melihat atau menggunakan source code dari artikel berikut

baca juga

Cara membuat database mysql di XAMPP menggunakan CMD phpMyAdmin Navicat


(https://www.caritahu.id/cara-membuat-database-mysql-di-xampp-menggunakan-cmd-phpmyadmin-
navicat)

Jika databasenya sudah ada, tahap selanjutnya silahkan buat sebuah folder di
C:\xampp\htdocs
Buat lah sebuah folder dengan nama : caritahu
Sehingga menjadi
C:\xampp\htdocs\caritahu
Buatlah folder baru di dalam folder caritahu dengan nama vendor
C:\xampp\htdocs\caritahu\vendor
C:\xampp\htdocs\caritahu\vendor\bootstrap
C:\xampp\htdocs\caritahu\vendor\fontawesome

Jadi ada 2 folder baru yang kita buat, yaitu bootstrap dan fontawesome

Setelah kalian mendownload Bootstrap, extract folder js dan css ke dalam folder bootstrap,
Extract juga hasil download-an fontawesome ke foldernya

Langsung ke source code nya ya

Koneksi database php mysql dengan MySQLi

$server = "localhost"; // ini IP server databasenya, localhost jika di local PC


$username = "root"; // Username database, defaultnya root
$password = ""; // password database, defaultnya kosong
$database = "caritahu"; // Nama database, sesuaikan dengan nama database anda

// Script Koneksi dan Memilih database di server

$conn = mysqli_connect($server,$username,$password, $database) or die("Koneksi gagal ".mysq


li_connect_errno(). PHP_EOL);

Insert data mysql dengan PHP MySQLi

https://www.caritahu.id/crud-php-mysqli-bootstrap-terbaru Page 2 of 7
CRUD PHP MySQLi Bootstrap terbaru 21/02/20 18.27

$nik = htmlentities(stripslashes($_POST['NIK']));
$nama = htmlentities(stripslashes($_POST['NAMA']));
$alamat = htmlentities(stripslashes($_POST['ALAMAT']));
$tanggal_lahir = htmlentities(stripslashes($_POST['TANGGAL_LAHIR']));
$email = htmlentities(stripslashes($_POST['EMAIL']));

$stmt = $conn->prepare("INSERT INTO karyawan


VALUES (?, ?, ?, ?, ?)");
$stmt->bind_param("sssss",$nik, $nama, $alamat, $tanggal_lahir, $email);

// insert a row
$stmt->execute();

Update data mysql dengan PHP MySQLi

$nik = htmlentities(stripslashes($_POST['NIK']));
$nama = htmlentities(stripslashes($_POST['NAMA']));
$alamat = htmlentities(stripslashes($_POST['ALAMAT']));
$tanggal_lahir = htmlentities(stripslashes($_POST['TANGGAL_LAHIR']));
$email = htmlentities(stripslashes($_POST['EMAIL']));

$stmt = $conn->prepare("UPDATE karyawan


set NAMA = ?, ALAMAT = ?, TANGGAL_LAHIR = ?, EMAIL = ? where NIK = ?");
$stmt->bind_param('sssss', $nama, $alamat, $tanggal_lahir, $email,$nik);

// insert a row $stmt->execute();

Menampilkan menampilkan data database dengan PHP MySQLi

$data = $conn->query("SELECT * FROM karyawan");

while($row = $data->fetch_assoc()){

echo $row['NIK'].'-'.$row['NAMA'].'-'.$row['ALAMAT'].'-'.$row['TANGGAL_LAHIR'].'-'.$row['
EMAIL'];

//membuat barus baru, ini hanya potongan kodenya saja.


//untuk lih rapi kalian bisa menggunakan tabel
echo '\n';
}

Delete data mysql dengan PHP MySQLi

$stmt = $conn->prepare("DELETE from karyawan where NIK = ?");


$stmt->bind_param('s', $_GET['NIK']);
$stmt->execute();

dan berikut screenshoot hasil aplikasi CRUDnya

halaman utama

https://www.caritahu.id/crud-php-mysqli-bootstrap-terbaru Page 3 of 7
CRUD PHP MySQLi Bootstrap terbaru 21/02/20 18.27

Halaman Form

Halaman tabel data

https://www.caritahu.id/crud-php-mysqli-bootstrap-terbaru Page 4 of 7
CRUD PHP MySQLi Bootstrap terbaru 21/02/20 18.27

Tampilan delete dengan bootstrap modal

Halaman report dengan print

https://www.caritahu.id/crud-php-mysqli-bootstrap-terbaru Page 5 of 7
CRUD PHP MySQLi Bootstrap terbaru 21/02/20 18.27

Bagaimana ? sangat sederhana bukan tampilannya..hehehe

Coding diatas menggunakan PHP native gan tanpa framework PHP, sangat cocok bagi pemula
atau yang baru belajar PHP. Coding PHP native merupakan dasar dari pemrograman PHP,
sebuah tahapan sebelum kalian jauh melangkah ke tingkat mahir.

Mudah-mudahan bisa cepat dipelajari agar lebih cepat paham

untuk source codenya bisa langsung di download link dibawah ini gan

Download (https://www.caritahu.id/download/CRUD-PHP-MySQLi-caritahu.id.rar)

Searches related:
crud php bootstrap
crud php mysqli
crud php mysqli bootstrap
contoh aplikasi crud php mysql sederhana dengan tampilan bootstrap
php crud source code
aplikasi crud sederhana dengan php
cara membuat crud dengan php dan mysql untuk pemula

https://www.caritahu.id/crud-php-mysqli-bootstrap-terbaru Page 6 of 7
CRUD PHP MySQLi Bootstrap terbaru 21/02/20 18.27

© Caritahu.id 2020 Contact (/site/contact) Terms of Service (/site/termofservice) About Us (/site/about) Privacy Policy
(/site/privacy-policy) Disclaimer (/site/disclaimer)

https://www.caritahu.id/crud-php-mysqli-bootstrap-terbaru Page 7 of 7

Anda mungkin juga menyukai