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

Tips Menjadi Web Programmer Dengan Mudah dan Cepat

Tips MenjadiWeb Programmer Dengan Mudah dan Cepat..

caranya gampang, cukup copy paste aj gan hehe.. ngomong" soal copy paste, maka akan muncul pertanyaan

Bolehkah programmer copy paste ?

Nanti kalau copy paste kita gak hafal koding dll dong ?
hahaha copy paste itu sah" sah saja gan, kalo gak boleh copy paste tentunya programmer yang tidak mempunyai kemampuan menghafal dan memiliki kecerdasan pas pasan seperti saya gak bakal bisa jadi programmer gan.

Yang terpenting untuk menjadi programmer itu tahu konsep, apalagi programmer modern seperti sekarang, kita sudah tidak membutuhkan dreamweaver lagi gan, cukup dengan menggunakn notepad++, Sublime, dll yang sangat ringa, dan tentunya full coding hahaha..

Full koding kok lebih mudah ? mudah apanya ?

Tentusaja mudah, karena kita menggunakan fremework, komponen sudah disediakan semua, dan yang pasti Free alias Gratis.. saya ambil contoh untuk tampilan kita bisa menggunakan bootstrap.
agan bisa lihat componen nya disini gan, tinggal copy paste aj.. http://getbootstrap.com/components/
dan yang pasti tampilannya modern, dinamis, dan responsive..

Kemudian masuk ke sebuah group atau forum yang membahas web programming, jika anda gagal atau mengalami error maka tanyakan ke group dan kalian akan dibantu oleh para mastah di group tersebut.

Jika kalian sudah tau dasar pemrograman dan dimana meletakkan coding tentunya kalian dapat dengan mudah dan cepat untuk menyelesaikan sebuah website.. karena kita tinggal copy paste.. dan yang terpenting adalah jam terbang, semakin sering ada belajar maka akan semakin cepat anda menguasai nya..

Read More

Membuat Gambar Kotak, Rounder, dan Bulat pada HTML, CSS, PHP, Bootstrap

Bagaimana membuat gambar kotak, rounder, atau bulat ?
Sebagai contoh perhatikan gambar berikut :

caranya cukup mudah, kita hanya tinggal menambahkan style sedikit pada CSS
Berikut adalah scrip untuk menampilkan gambar sebelum di buat style
Kemudia tambahkan script berikut untuk membuat gambar rounder
Dan tambahkan script berikut untuk membuat gambar menjadi bulat..
Sesusaikan scrip dengan ukuran gambar yang ditampilkan..
Atau langsung download script yang sudah jadinya dibawah ini
DOWNLOAD DISINI

Read More

Membuat Pencarian dan Pagination Pada Tabel Dengan Mudah Menggunakan Data Table Bootstrap (PHP, HTML, JS, CSS)

Pada postingan kali ini saya akan membagikan cara membuat pencarian data dan pagination pada sebuah tabel dengan mudah.. sebagai programmer modern kita tidak harus membuat kode dari awal karena sudah banyak plugin" di internet.. tentunya yang paling penting adalah

Bisakah kita menggunakannya ?

Seperti pada gambar tabel berikut :

Keren kan tabel nya, sudah ada pencarian, record per page, dan paginationnya..

Saat Pencarian Data

cara menggunakannya cukup mudah, perhatikan baik" tutorial berikut ini hehe..
Upss.. kok bingung yaa mau ngasih tutorial.. yaudah langsung download aj contoh jadinya gan..
DOWNLOAD DISINI

Read More