Membuat Crud dengan PHP dan jquery ajax

-
CRUD DENGAN PHP DAN JQUERY AJAX

Haii iam comeback cieee wkwkwk gaje ya :D
kali ini saya akan berbagi pengalaman bagaimana cara membuat CRUD dengan PHP dan Jquery Ajax.

Sebelum anda membuat CRUD dengan PHP dan Jquery Ajax, anda harus menyiapkan bahannya terlebih dahulu diantaranya :
1. XAMPP atau WAMPserver
2. Jquery ( http://jquery.com/ )

Setelah anda mendownload XAMPP atau WAMPserver silahkan instal seperti menginstal aplikasi biasanya lalu simpan di C:\ , jika anda menggunakan XAMPP silahkan buat folder lat_ajax di C:\xampp\htdocts , sedangakan d wampserver anda membuat foldernya di C:\wamp64\www. lalu copy atau cut file jquery yang telah anda download ke dalam folder lat_ajax  tadi.

Kemudian anda buat database (saya anggap anda sudah bisa membuat database sendiri biar ga terlalu panjang lebar wkwkw), di sini saya membuat database orang dengan nama tabel biodata -> field nya nama dan alamat (tanpa primary key), sedikit ya? wkwkw iya yang penting singkat, jelas, padat :v

Langkah-langkah :
1. buat file koneksi.php (untuk mengkoneksikan ke database)



2. buat file index.php (untuk tampilan depan/awal)



3. buat file data.php (untuk menampilkan data dari database)



4. buat file simpan.php (untuk menyimpan data ke database)


5. buat file hapus.php (untuk menghapus data dari database)


6. buat file update.php (untuk mengupdate data yang sudah di edit)


Penjelasanya sudah ada di komentar pada coding ya, tiap baris coding sudah saya kasih penjelasan.
Hasilnya silahkan ujicoba sendiri, bila ada error komen aja ya *_^

Semoga bermanfaat :))

Comments

Post a Comment

Popular posts from this blog

TUTORIAL IONIC : Installasi Ionic (PART 1)

-
Image
Assalamu'alaikum Wr Wb 1.Pengenalan Kali ini saya akan membahas IONIC framework, apa itu IONIC? IONIC adalah suatu framework untuk membuat suatu aplikasi mobile hybrid, menggunakan HTML, CSS, JS (JavaScript) dan menggunakan teknologi CORDOVA. Sebenarnya bukan hanya CORDOVA, ionic juga bisa menggunakan CAPACITOR, hanya saja kalau CAPACITOR ini belum stabil, tidak seperti CORDOVA. 2. Installasi di tutorial ini kita menginstall ionic v4+ (versi terbaru dari ionic). Bahan-bahan untuk menggunakan IONIC sebenanya hanya node js , tapi jika teman-teman ingin membuild nya menjadi bentuk apk maka teman-teman membutuhkan: - node js (saran saya minimal versi 6 dan pilih yang LTS) download disini - JDK (saran saya minimal versi 8) download  disini - Android Studio (sudah sepaket dengan SDK android jika teman-teman install Android Studio) download disini jika teman-teman sudah download dan install, maka selanjutnya mengatur environment variable nya, kebetulan di tutorial ini saya me
Read more

TUTORIAL IONIC : Pindah Page/Move Page (PART 4)

-
Assalamu'alaikum Wr Wb Hallo, di bagian part 4 ini saya akan menjelaskan cara pindah/move page di ionic framework versi 4+, masih menggunakan project yang kita bikin dari part 1 , yang belum membuat project ionic bisa ikut tutorial dari part 1 , melanjutkan dari tutorial sebelumnya  kita masih menggunakan page home dan page login untuk membuat fungsi move/pindah page. Perhatikan langkah-langkah berikut : 1. buka file login.page.ts di folder  myApp\src\app \login edit semua menjadi seperti ini. Saya jelaskan sedikit code cara move/pindah page di atas, pertama teman-teman import dulu plugin Navcontroller (lihat line 2), setelah di import atau di panggil lalu di inisialisasi di bagian constructor (lihat line 12), lalu sesudah di inisialisasi plugin Navcontroller bisa digunakan, tapi ketika pemanggilan panggil nama variablenya saja (lihat line 19). Bisa dilihat pada line 19 di bagian this.navCtrl.navigateRoot('home');  fungsi untuk pindah pagenya itu ada pada navigateR
Read more

Cara menampilkan modal ketika halaman di reload

-
Image
MENAMPILKAN MODAL KETIKA HALAMAN DI RELOAD Bagaimana cara menampilkan modal ketika halaman di reload? mudah saja kalian siapkan terlebih dahulu : 1. Bootstrap (  https://getbootstrap.com/  ) 2. file jquery (  http://jquery.com/  ) Setelah anda mendownload keduanya, silahkan buat folder modal simpan di mana aja (saya menyimpan nya di drive C). Kemudian extract bootstrap yang sudah di download tadi , simpan di dalam folder modal yang tadi di buat. Jangan lupa juga simpan file jquery nya di dalam folder bootstrap/js. Jika sudah kita langsung saja ke coding nya, cukup simple dan insha allah mudah di pahami. Hasilnya seperti ini Bila Penjelasan tentang modal nya kurang jelas , bisa kalian baca di artikel saya sebelumnya. Terima Kasih semoga bermanfaat :))
Read more