ASANOERDOTCOM – TRIK DAN TEKNIK SPA UNTUK CRUD BAGIAN TAMBAH DATA

Assalamu ‘alaikum temen-temen para programmer penggila web Yth.

Kali ini asanoer akan memberikan fasilitas baru dari artikel sebelumnya ASANOERDOTCOM – TRIK DAN TEKNIK MEMBUAT PONDASI SPA UNTUK PROSES CRUD SEDERHANA. Yaitu penambahan fasilitas add data atau Create data (CRUD). Fasilitas ini hanya dalam bentuk formulir untuk mengirimkan data secara POST melalui AJAX. Karena tentunya aplikasi web dengan teknik SPA juga tidak lepas dari pengiriman data sebagai tempat input data baru ke media database.

Teknik Dan Langkah-langkah

Ah, sepertinya terlalu monoton ya judul-judul dalam artikel-artikel asanoer. Mungkin bisa membosankan aGan2 sekalian Yth. Tapi, apa boleh buat, asanoer bagi-bagi pengalaman ini kepada aGan2 karena ada kepuasan tersendiri.

1. Buka Halaman Ini

Dari semua pembahasan artikel asanoer, maka aGan2 untuk dipersilahkan membuka halaman ini sebelum memulai proyek sederhana dari asanoer ini. InsyaAllah dengan memenuhi semua anjuran asanoer mudah-mudahan proyeknya dapat dimudahkan untuk aGan2 yang mau membaca dan belajar.

2. Membuat Pondasi

Untuk pondasinya masih sama dengan proyek di artikel sebelumnya. Hanya menambahkan satu skrip modul dalam folder asanoer-modul. Yaitu skrip dengan nama file asanoer.com-index-create.php. Silahkan lihat berikut.

asanoerdotcom-trik-dan-teknik-spa-untuk-crud-bagian-tambah-data-01-file-dan-folder-aplikasi

Gambar-01-file-dan-folder-aplikasi

aGan2 dapat melihatnya ada tambahan file baru yang dapat aGan ambil dari link ini (MENYUSUL). Dan silahkan aGan masukkan sendiri ke dalam folder asanoer-modul. Setelah itu, silahkan regristasikan modul ini ke dalam registri asanoer (maap, istilah sendiri). Registrasi modul ada di file asanoer.com-index-modul.php. Atau aGan dapat melihatnya langsung di LINK LINK LINK ini.

3. Fasilitas-fasilitas

Mengenai fasilitas, hanya penambahan modul Create Data User baru, sehingga tidak ada penjelasan yang lebih lanjut. Hanya saja silahkan aGan lihat perubahan dari sebelumnya dengan klik menu TAMBAH USER di samping kiri (mode dekstop) atau di klik i Menu di ukuran 5 inch smatpon.

asanoerdotcom-trik-dan-teknik-spa-untuk-crud-bagian-tambah-data-02-halaman-create-data-user

Gambar-02-halaman-create-data-user

Uji Coba

Tahap uji coba di cretae data meliputi mencoba simpan dengan salah satau / semua kolom kosong, simpan dengan username yang sama, dan mencoba simpan dengan karakter aneh (?’# dan lain-lain).

1. Simpan dengan kolom kosong

Saat asanoer mencoba simpan dengan salah satu / semua kolom kosong, maka asanoer akan mendapati pesan kesalahan di atas form seperti dalam gambar ini.

asanoerdotcom-trik-dan-teknik-spa-untuk-crud-bagian-tambah-data-03-post-empty-form

Gambar-03-post-empty-form

2. Coba Username Sama

Lalu asanoer mencoba input username yang baru tapi dengan nama yang sama persis di dalam database. Dan akan menghasilkan pesan error berikut.

asanoerdotcom-trik-dan-teknik-spa-untuk-crud-bagian-tambah-data-04-post-duplicate-entry

Gambar-04-post-duplicate-entry

3. Input Karakter Aprostop

Karakter petik satu (aprostop) dapat menyebabkan eror kesalahan dalam gambar berikut. Karena memang asanoer sengaja tidak membuat filter amannya. Silahkan aGan2 dapat menambahkannya sendiri.

asanoerdotcom-trik-dan-teknik-spa-untuk-crud-bagian-tambah-data-05-post-error-char

Gambar-05-post-error-char

Sumber-sumber :

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.