Membuat CRUD (Create, Read, Update, Delete) pada PHP Mysqli Bootstrap

Selemat sore..
Pada postingan sebelumnya kita sudah membahas cara menyimpan dan menampilkan data dengan mysqli, bagi yang belum membacanya bisa dilihat dibawah ini

Membuat Konfirmasi Hapus Dengan Modal Bootstrap PHP, HTML, JavaScript

Menyimpan Data ke Database Mysql PHP, Mysqli, HTML, CSS, Bootsrap, Js, JavaScript, jQuery

Menampilkan Data Dari Database Mysql ke Table DataTables Mysqli, PHP, HTML, CSS, JavaScript, Bootstrap

Pada kesempatan kali ini kita akan membahas tentang bagaimana membuat CRUD (Create, Read, Update, Delete) pada PHP Mysqli Bootstrap..

Ok langsung saja yang pertama adalah menampilkan data pada php mysqli..
Buat koneksi PHP Mysqli koneksi.php
Buat file dengan nama index.php
Buat form tambah data dan beri nama data_add.php
Proses simpan data dengan nama data_add_s.php
Buat form edit atau update data dan beri nama data_edit.php
Proses edit data dan beri nama data_edit_s.php
Java script hapus data hapus.js
Proses hapus data dengan nama data_del.php

Atau download source code nya dibawah ini..

Read More

Membuat Konfirmasi Hapus Dengan Modal Bootstrap PHP, HTML, JavaScript

Selemat sore..
Pada postingan sebelumnya kita sudah membahas cara menyimpan dan menampilkan data dengan mysqli, bagi yang belum membacanya bisa dilihat dibawah ini

Menyimpan Data ke Database Mysql PHP, Mysqli, HTML, CSS, Bootsrap, Js, JavaScript, jQuery

Menampilkan Data Dari Database Mysql ke Table DataTables Mysqli, PHP, HTML, CSS, JavaScript, Bootstrap

Edit atau Update Data ke Database Mysql pada PHP Mysqli Bootstrap

Pada kesempatan kali ini kita akan membahas tentang bagaimana membuat konfirmasi hapus dengan modal bootstrap.. untuk penampakan nya bisa dilihat pada gambar dibawah ini.

Konfirmasi hapus dengan modal bootstrap

 Langsung saja yang pertama kita letakkan source code modal bootstrap di paling bawah, tepat diatas source code untuk memanggil javascrip agar tidak menggangu code program yang lain..
untuk source kode lengkapnya bisa dilihat pada code berikut..
langkah berikutnya yaitu kita akan membuat kode javascript dan berinama hapus.js dan letakkan dalam folder js..
kemudian kita buat file proses hapus dan beri nama data_del.php
berikut source code nya..
jadi alur kode nya yaitu ketika kita klik tombol hapus maka akan diarahkan ke file hapus.js dan kemudian file hapus.js mengarahkan ke file data_del.php untuk diproses atau dihapus..

untuk lebih jelasnya bisa download source code nya dibawah ini

Read More

Edit atau Update Data ke Database Mysql pada PHP Mysqli Bootstrap

Selemat sore..
Pada postingan sebelumnya kita sudah membahas cara menyimpan dan menampilkan data dengan mysqli, bagi yang belum membacanya bisa dilihat dibawah ini

Menyimpan Data ke Database Mysql PHP, Mysqli, HTML, CSS, Bootsrap, Js, JavaScript, jQuery

Menampilkan Data Dari Database Mysql ke Table DataTables Mysqli, PHP, HTML, CSS, JavaScript, Bootstrap

ok langsung saja, yang pertama kita akan menampilkan data yang sudah disimpan ke form edit atau update data seperti gambar berikut :

 Berikut source code nya data_edit.php

Kemudian berikut adalah proses simpan atau update ke database mysql dengan nama data_edit_s.php


 
Atau download source code nya langsung dibawah ini..

Read More

Menyimpan Data ke Database Mysql PHP, Mysqli, HTML, CSS, Bootsrap, Js, JavaScript, jQuery

Menyimpan data dengan menggunakan mysqli.. pada postingan sebelumnya kita sudah membahas tentang menampilkan data dari database menggunakan mysqli, jika belum membaca atau sudah lupa bisa dilihat kembali..
Menampilkan Data Dari Database Mysql ke Table DataTables Mysqli, PHP, HTML, CSS, JavaScript, Bootstrap
Dan pada kesempatan kali ini kita akan membahas tentang menambahkan data dengan mysqli

Form Tambah Data

Form menampilkan data setelah menyimpan data

Langsung saja bisa dilihat koding nya dibawah ini..
Form Input Data


Proses Simpan

Read More

Menampilkan Data Dari Database Mysql ke Table DataTables Mysqli, PHP, HTML, CSS, JavaScript, Bootstrap

Pada kesempatan kali ini saya akan membagikan cara menampilkan data dari database menggunakan Mysqli.

Gambar menampilkan data dari database ke table dengan php

Kenapa saya menggunakan mysqli ?

Terhitung dari PHP versi 5.5, extension mysql tidak lagi disarankan penggunaannya dan berstatus deprecated, yang berarti mungkin akan dihapus pada PHP versi berikutnya. Kita disarankan untuk mulai beralih menggunakan mysqli atau PDO. Mari kita bahas tentang mysqli terlebih dahulu.

Mysqli merupakan kependekan dari MySQL Improved Extension. Seperti yang terlihat dari namanya, extension ini merupakan versi perbaikan dan penambahan dari extension mysql sebelumnya yang umum digunakan. Extension mysqli dibuat untuk mendukung fitur-fitur terbaru dari MySQL Server versi 4.1 keatas.

Jadi intinya mysqli itu lebih terbaru gan, hosting" sekarang rata" menggunakan mysqli, dulu teman saya sempat membuat program dengan menggunakan mysql namun ternyata tidak bisa di upload di hosting karena hosting nya sudah update dan menggunakan mysqli. tapi tidak semua hosting menghilangkan fitur untuk upload website mysql.. tidak mungkin juga sih dihapuskan haha.. entah itu temen saya yang kurang tau atau gimana, saya kurang paham, karena saya sendiri tidak sempat mencobanya langsung.

ok langsung saja pada intinya gaes..
Membuat database



 Kode Program nya


atau bisa download file jadinya
DOWNLOAD DISINI

Read More

Membuat Form Wizard atau Tombol Next pada Sebuah Form HTML, Java Script, PHP, CSS, Bootstrap, jQuery

Form Wizard adalah cara paling mudah untuk membuat sebuah form. Dengan menggunakan Form Wizard, pengguna dapat memilih field apa saja yang perlu ditampilkan di form, mengelompokan dan mengurutkan sesuai dengan keinginan..

Form wizard ini biasanya digunakan untuk membuat ujian online, biasanya untuk menampilkan pertanyaan sehingga timer pada soal dapat terlihat dan tidak harus scrool kebawah..

atau biasa juga digunakan untuk melengkapi data, misalnya pada sebuah online shop..

Tahap pertama form wizard

Tahap kedua form wizard

Tahap terakhir form wizard

Form wizard ini bisa dimodifikasi sesuai dengan kebutuhan..
tentunya dengan adanya form wizard ini proses input data yang banyak akan lebih mudah karena kita tidak harus scrool kebawah, sudah ada tombol next dan back..
Untuk source codenya bisa download dibawah ini..

DOWNLOAD DISINI

Read More

Membuat Slide Show dengan List Carousel, Bootstrap, PHP, HTML, CSS, JavaScript, JQuery

Slide show dengan list ini biasanya digunakan pada halaman utama atau untuk halaman utama website berita seperti pada gambar berikut

Gambar Slide show dengan list berita

Pada kesempatan kali ini saya akan membagikan cara membuat sekaligus source kode jadinya yang anda bisa modifikasi sesuai kebutuhan ..

Berikut Kode HTML nya
Berikut Kode CSS nya
dan Berikut Kode JavaScript nya
Atau langsung download source code nya dibawah in
DOWNLOAD DISINI

Read More