Your browser does not support JavaScript!

Gaswad.Com

— Apapun Informasinya Yang Penting Berguna
    Follow :

Tutorial : Belajar Menggunakan Laravel – Part 5 (Form Input Data)
Nov 1st, 2018

Tutorial : Belajar Menggunakan Laravel – Part 5 (Form Input Data)

Category : Laravel, Tutorials | Posted by G-admin at at November 1st, 2018 06:55 am
991 | 0

Halo semua, kali ini penulis ingin melanjutkan tutorial cara Belajar Menggunakan Laravel, pada tutorial kali ini penulis ingin memberikan tutorial cara memasukan data ke dalam database yang mana salah satu bagian dari CRUD (Create, Read, Updata, Delete) dengan menggunakan Laravel, tentunya dengan form input yang akan kita buat nanti.

Ngemeng-ngemeng dari tutorial-tutorial sebelumnya ada yang merasa bingung atau kesulitan tidak yah?? Kayaknya engga yah?, yakin aja lah penulis sama kalianHehe…

Sekedar mengingatkan kembali, berikut adalah urutan-urutan tutorial dari mulai instalasi sampai tahap testing input data yang akan penulis jelaskan pada artikel kali ini.

  1. Instalasi Laravel
  2. Routing & Controller
  3. View & Blade Template
  4. Model & Konfigurasi Database
  5. Form Input Data – CRUD
  6. Menampilkan Data – CRUD
  7. Update/Edit Data – CRUD
  8. Delete Data – CRUD (END)

Pastikan bagi kalian yang belum berhasil atau masih gagal melakukan percobaan pada tutorial-tutorial sebelumnya agar tidak patah semangat dan terus mencoba, jadikan pesan error yang tampil sebagai acuan kalian untuk melakukan debugging dan perbaikan karena dari pesan error tersebut kalian bisa tahu dimana letak kesalahan pada kode yang kalian buat.

Membuat Halaman

Oh iya, untuk mengingatkan kembali, di tutorial yang ke 2 sebelumnya kita sudah berhasil membuat 2 buah permalink untuk halaman About Us (/about-us) dan Contact Us (/contact-us) yang sudah kita daftarkan di file Router (web.php) dan sudah kita buatkan juga function-nya di file Controller (webController.php).

Nah, untuk proses testing kali ini kita membutuhkan 2 buah halaman baru lagi yang berarti ada 2 buah permalink yang harus di daftarkan di file Router berikut function-nya di dalam file Controller.

Halaman-halaman tersebut antara lain :

  1. Input Data (/input-data), halaman ini akan kita gunakan untuk menampilkan form input data, baik itu input data baru ataupun data yang sudah ada (Edit/Update) ke dalam database.
  2. Show Data (/show-data), halaman ini akan kita gunakan untuk menampilkan data-data yang sudah berhasil di input ke database, di halaman ini nanti akan kita buatkan fitur Edit dan Delete, yaitu fitur untuk mengubah dan  menghapus data yang sudah di input.

Tambahkan permalink /input-data dan /show-data ke dalam file Router kalian.

Tambahkan juga function input_data dan show_data untuk meng-handle permalinkpermalink tersebut di dalam file Controller kalian.

Selanjutnya, kita akan membuat 2 buah file Blade yang akan berperan sebagai View dari halaman-halaman di atas, yaitu halaman input.blade.php dan halaman show.blade.php di dalam folder /views (C:\xampp\htdocs\project_laravel\resources\views). Pastikan isi file-nya sama dengan file index.blade.php, caranya tinggal kalian salin saja isi file index.blade.php ke dalam file input.blade.php dan show.blade.php.

NANYA: Btw, di dalam folder /views ini khan sebelumnya kita sudah buat file index.blade.php, kenapa tidak menggunakan file itu saja sebagai form input dan juga untuk menampilkan data sekaligus??

Hmmm… Bisa saja sih, untuk form input sekaligus menampilkan data di halaman yang sama sebenarnya tidak masalah, lalu kenapa untuk testing kali ini penulis buat 2 buah file Blade lagi??

Jawabannya ialah agar lebih terklasifikasi, anggaplah file index.blade.php untuk menampilkan data statis seperti About Us, Contact Us, FAQ, Term & Condition, dll., halaman input.blade.php khusus untuk menampilkan form input data, sedangkan halaman show.blade.php khusus untuk menampilkan data-data yang sudah di input.

Tapi jika kalian ingin menjadikannya sebagai satu halaman ya tidak masalah, fine-fine aja kok, tapi itu nanti kalau kalian sudah benar-benar paham bagaimana cara membuat permalink, Controller dan file Blade di Laravel, jadi untuk saat ini kalian nurut aja dulu apa kata penulis. Okey… Ha… ha…

Penyesuaian File Controller

Langkah di atas sudah selesai kalian lakukan, selanjutnya yaitu penyesuaian file Controller. Buka file Controller kalian (webController.php), di dalam function input_data(), lalu masukan baris perintah berikut :

$output = 'Form Input Sederhana';

return view('input', array(
  'content' => $output
));

Selanjutnya silahkan buka file Blade input.blade.php kalian, lalu tambahkan kode berikut setelah baris :

<p>{{$content}}</p>

Menjadi :

<form method="POST" action="{{url('/proses-input')}}">
  {{csrf_field()}}
  <input name="title" value="" placeholder="Judul..."><br />
  <textarea name="content" placeholder="Isi kontent..."></textarea><br />
  <button type="submit">Submit</button>
</form>

Kalau kalian perhatikan, baris perintah diatas adalah kode untuk membuat atau menampilkan form input, di tandai dengan adanya tag <form></form>, di dalam tag form tersebut terdapat atribut method dengan value-nya kita set ke metode POST, kenapa kita tidak menggunakan metode  GET karena kita tidak ingin menampilkan data-data yang kita input di alamat URL setelah tombol submit kita tekan, jadi kita menggunakan metode  POST. Dan terakhir kita menambahkan atribut action yang kita set ke permalink /proses-input.

Di dalam atribut action, kita menggunakan {{url(‘/’)}} yang berarti action ini akan meredirek ke alamat URL http://localhost/project_laravel/public/ untuk memulai proses input data setelah tombol submit kita tekan, karena kita menambahkan permalink /proses-input maka alamat URL-nya akan menjadi http://localhost/project_laravel/public/input-data.

Sedangkan di dalam body form terdapat kode {{csrf_field()}} yang harus di tambahkan ke setiap form yang kita buat, kode tersebut berisi token yang akan melakukan validasi bahwa proses input data memang berasal dari form tersebut, form yang tidak memiliki token tidak akan bisa di proses.

Di form tersebut kita akan coba memasukan data yang umum-umum saja, seperti title (<input name=”title” >) dan content (<textarea name=”content” >).

Kenapa cuma title dan content doank? Kalau buat belajar jangan yang ribet-ribet dulu ya gan, lagi pula pada tabel table_content, yang sudah kita buat di tutorial ke 4 sebelumnya, kita hanya membuat field title dan field content untuk menampung data-datanya, nanti kalau yang ini udah hatam baru kalian nanti bisa berkreasi sendiri dengan menambahkan tabel-tabel atau field-field baru di dalamnya. Okey…!

Oh iya, pada form tersebut terdapat permalink baru, yaitu permalink /input-data jadi jangan lupa kalian tambahkan ke dalam file Router kalian namun dengan menggunakan metode POST.

Pada route /proses-input di atas kita menggunakan fungsi proses_data untuk controller-nya, jadi silahkan kalian tambahkan fungsi proses_data() ke dalam file Controller kalian, tepatnya di bawah fungsi show_data().

Di dalam fungsi proses_data() kita menggunakan perintah dd($request->all()), perintah tersebut akan menampilkan semua data yang akan kita input ke dalam database.

Sekarang silahkan kalian coba meng-input data Dummy di dalam form milik kalian dengan mengakses alamat URL berikut di browser milik kalian lalu jangan lupa tekan tombol Submit :

  • http://localhost/project_laravel/public/input-data

Setelah tombol Submit kalian tekan maka akan tampil sebagai berikut :

Dari hasil di atas kita dapat melihat bahwa form input mengirimkan data _token (csrf_field()), title dan content (data _token umumnya tidak kita perlukan jadi bisa kalian abaikan saja karena perannya hanya untuk mem-validasi form input yang kalian buat).

Jika kalian sudah berhasil menampilkan raw data seperti di atas, selanjutnya kalian dapat memasukan data-data tersebut ke dalam database.

Input Data (create())

Untuk proses memasukan data ke dalam database kita menggunakan fungsi create() yang sudah di sediakan oleh Laravel. Caranya silahkan kalian ikuti langkah-langkah berikut ini :

  1. Buka file model table_content (app/table_content.php), lalu tambahkan baris perintah berikut :
    protected $table = 'table_contents';
    protected $fillable = [
      'title',
      'content',
    ];


    Pada skrip diatas terdapat terdapat 2 buah variabel, yaitu variabel $table yang isinya adalah nama tabel yang ada di dalam database yang sudah kita buat, lalu variabel $fillable yang isinya adalah nama field-field atau kolom dari tabel tersebut. Jika ada field atau kolom lain yang tidak di masukan ke dalam variabel $fillable, maka field atau kolom tersebut tidak akan bisa di isi atau di masukan data.

  2. Buka file Controller (webController.php) milik kalian, selanjutnya silahkan kalian tambahkan baris perintah berikut, tepatnya setelah baris perintah namespace App\Http\Controllers; :
    use App\table_content;

  3. Comment atau hapus baris perintah dd($request->all()) di dalam fungsi proses_data() lalu tambahkan baris perintah berikut :
    table_content::create([
      'title' => $request->input('title');
      'content' => $request->input('content');
    ]);
    
    return redirect()->back();

    Perintah di atas berfungsi untuk memasukan data title dan content ke dalam database, lalu kita tambahkan baris perintah return redirect()->back() yang berfungsi untuk mengembalikan kita ke halaman sebelumnya (halaman form input data). Jika baris perintah return redirect()->back() tidak kita tambahkan maka kita akan stuck di halaman kosong pada saat tombol Submit kita tekan (meskipun data sudah selesai ter-input).

  4. Jika langkah di atas sudah kalian lakukan, selanjutnya silahkan kalian kembali ke halaman form input data, isi form title dan content-nya lalu tekan tombol Submit.
    Jika semua langkah-langkah di atas sudah kalian lakukan dengan benar, maka secara otomatis satu buah record baru akan tampil di dalam tabel table_content di database kalian.

Sampai sini kalian sudah berhasil meng-input data ke dalam database, selanjutnya kita akan coba menampilkan data yang sudah berhasil kita input tersebut ke dalam halaman Blade show.blade.php pada artikel selanjutnya.

Di tunggu ya… Salam…

Share social media :



Your response about this article :


Leave a Reply

Your email address will not be published. Required fields are marked *

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

Latest Posts

Syntax error or access violation: 1071 Specified key was too long
Syntax error or access violation: 1071 Specified key was too long
Category : Laravel, Tips & Tricks | October 18th, 2018
394 | 0

Bagi kalian pengguna Framework Laravel, terutama Laravel mulai dari versi 5.4 keatas pasti pernah mengalami pesan error berikut pada saat melakukan migrasi tabel dengan menggunakan perintah migrate : SQLSTATE[42000]: Syntax error or access violation:...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 4 (Model & Konfigurasi Database)
Tutorial : Belajar Menggunakan Laravel – Part 4 (Model & Konfigurasi Database)
Category : Laravel, Tutorials | October 18th, 2018
663 | 0

Halo para pembaca Gaswad, menyambung artikel tutorial Belajar Menggunakan Laravel sebelumnya, kali ini kita akan membahas sedikit tentang pengenalan Model dan bagaimana melakukan Konfigurasi Database, namun pastikan kalian sudah membaca tutorial-tuto...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 3 (View & Blade Template)
Tutorial : Belajar Menggunakan Laravel – Part 3 (View & Blade Template)
Category : Laravel, Tutorials | October 9th, 2018
963 | 0

Di artikel sebelumnya, kita sudah berhasil menampilkan output langsung dari halaman Controller (webController.php) namun hanya sebatas sebagai Debugger saja. Halaman Controller memang tidak di khususkan untuk di kostumisasi sebagai Front-End website,...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 2 (Routing & Controller)
Tutorial : Belajar Menggunakan Laravel – Part 2 (Routing & Controller)
Category : Laravel, Tutorials | October 9th, 2018
720 | 0

Pada artikel kali ini, kita akan belajar menggunakan Routing dan Controller dimana Routing dan Controller ini sudah pasti ada dan disediakan di setiap framework khususnya framework PHP. Sebelum kita melangkah terlalu jauh sampai tidak kelihatan, perl...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 1 (Instalasi Laravel)
Tutorial : Belajar Menggunakan Laravel – Part 1 (Instalasi Laravel)
Category : Laravel, Tutorials | October 9th, 2018
856 | 0

Halo para pembaca Gaswad yang setia menunggu artikel baru dari penulis (pede), setelah sekian lama tidak update-update karena di sibukan dengan pekerjaan kantor akhirnya hari ini, jam ini, menit ini dan detik ini, penulis berhasil menyempatkan diri ...

Continue reading
Perbedaan Localhost Dan Web Hosting
Perbedaan Localhost Dan Web Hosting
Category : Others | September 17th, 2018
1234 | 0

Halo ghaes… Bagi beberapa dari kalian pasti masih belum ada yang begitu paham bagaimana suatu website bisa menampilkan konten-konten atau artikel seketika kita melakukan pencarian baik dengan menggunakan mesin pencari atau search engine seperti...

Continue reading
Membuat Efek Gradasi Warna Menggunakan CSS
Membuat Efek Gradasi Warna Menggunakan CSS
Category : Tutorials | September 4th, 2018
2510 | 2

Pada tutorial kali ini kita akan mencoba membuat gradasi warna, apa itu gradasi warna bisa kalian lihat contohnya pada gambar-gambar berikut : Yup, seperti yang sudah kalian lihat pada gambar-gambar tersebut dimana pada tiap gambar memiliki lebih dar...

Continue reading
Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
Category : Tips & Tricks | August 14th, 2018
746 | 0

Hallo guys, akhirnya kita berjumpa lagi setelah sekian lama kita berpisah… Hallah… Okey langsung saja, untuk artikel kali ini penulis ingin coba berbagi sedikit mengenai tips jika iklan adsense kamu ter-klik, mungkin lebih tepatnya ter-kl...

Continue reading
Tutorial : Cara Install Composer
Tutorial : Cara Install Composer
Category : Others | June 5th, 2018
935 | 0

Apa Itu Composer? Composer adalah suatu aplikasi manajemen paket selain Node.js (npm) dan Ruby (bundler) yang menyediakan format standar untuk mengelola dependensi PHP dan library-library yang diperlukan. Sumber : Wikipedia Jadi secara garis besar, d...

Continue reading
Error Reported Attack Page! Waw… Domain Di Blacklist Google??
Error Reported Attack Page! Waw… Domain Di Blacklist Google??
Category : Tips & Tricks | November 13th, 2017
1199 | 0

Seperti yang kalian lihat pada contoh tampilan gambar di atas, tampilan tersebut merupakan tampilan bahwa domain kalian di blacklist atau di blokir oleh Google, alhasil tentunya website kalian tidak akan bisa di akses. Ada yang pernah ngalamin?? Bebe...

Continue reading
Cara Menambah Ads Unit Atau Blok Iklan Adsense
Cara Menambah Ads Unit Atau Blok Iklan Adsense
Category : Tutorials | November 13th, 2017
1832 | 4

Halo para pembaca Gaswad yang ganteng dan yang cantik-cantik, yang jelek jangan kesinggung ya. Hehe… 😀 Ssetelah sekian lama ngga update akhirnya dapet kesempatan nyolong-nyolong waktu buat nge-update artikel Gaswad. Pada pembahasan artikel k...

Continue reading
Yang Baru Di Bootstrap 4
Yang Baru Di Bootstrap 4
Category : Others | October 31st, 2017
1268 | 0

Tidak terasa baru saja beberapa waktu lalu penulis menulis artikel tentang Bagaimana Cara Membuat Web Responsif Dengan Boostrap yang masih menggunakan versi 3, ehh… udah nongol aja ini adeknya yang versi 4. Yaaa’, sebenarnya sih’ ud...

Continue reading

Wordpress

  • Oct
    24
    2017
    Tutorial : Cara Membuat Template WordPress – Part 5 (Complete)
    Artikel ini merupakan artikel terakhir tentang bagaimana cara membuat template WordPress, bagi ...
    Read more
  • Oct
    20
    2017
    Tutorial : Cara Membuat Template WordPress – Part 4
    Pada sesi ini kita akan membuat Menu Navigasi dan Sidebar pada halaman template yang sudah kita...
    Read more
  • Oct
    20
    2017
    Tutorial : Cara Membuat Template WordPress – Part 3
    Pada artikel kali ini kita akan melanjutkan bagaimana cara membuat template WordPress menyambun...
    Read more
  • Oct
    13
    2017
    Tutorial : Cara Membuat Template WordPress – Part 2
    Artikel ini merupakan sambungan dari artikel pertama, pada artikel sebelumnya kita sudah membah...
    Read more
  • Oct
    10
    2017
    11 Cara Meningkatkan Keamanan Pada WordPress
    Pada artikel kali ini penulis ingin membagikan beberapa tips seputar keamanan pada website Word...
    Read more
  • More articles
Tips & Tricks

  • May
    15
    2019
    Multiple Versi PHP di XAMPP??? Kenapa Tidak!
    Pada artikel kali ini penulis ingin berbagi tips bagaimana menjalankan multiple versi PHP di da...
    Read more
  • Nov
    02
    2018
    8 Tips Memilih Jasa Server Hosting Terbaik
    Pada artikel kali ini penulis ingin memberikan beberapa tips memilih server hosting terbaik. Ba...
    Read more
  • Oct
    18
    2018
    Syntax error or access violation: 1071 Specified key was too long
    Bagi kalian pengguna Framework Laravel, terutama Laravel mulai dari versi 5.4 keatas pasti pern...
    Read more
  • Aug
    14
    2018
    Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
    Hallo guys, akhirnya kita berjumpa lagi setelah sekian lama kita berpisah… Hallah… ...
    Read more
  • Nov
    13
    2017
    Error Reported Attack Page! Waw… Domain Di Blacklist Google??
    Seperti yang kalian lihat pada contoh tampilan gambar di atas, tampilan tersebut merupakan tamp...
    Read more
  • More articles
Tutorials

  • Jul
    18
    2019
    Tutorial : Integrasi Custom Media Gallery Dengan TinyMCE Dan Bootstrap
    Holllaa…! Apa kabar para calon-calon programer handal yang baik dan budiman! Semoga setel...
    Read more
  • Jul
    18
    2019
    Instalasi Text Editor WYSIWYG TinyMCE
    Sesuai pada judul artikel ini, beberapa kalian pasti masih ada yang belum mengenal apa itu Text...
    Read more
  • Apr
    30
    2019
    Tutorial : Belajar Menggunakan Laravel – Part 8 (Delete Data) END
    Artikel kali ini merupakan artikel terakhir tentang tutorial Belajar Menggunakan Laravel, pada ...
    Read more
  • Apr
    30
    2019
    Tutorial : Belajar Menggunakan Laravel – Part 7 (Update/Edit Data)
    (Curcol) Sempat hilang kabar sampai berbulan-bulan akhirnya penulis kembali lagi untuk melanjut...
    Read more
  • Nov
    09
    2018
    Tutorial : Belajar Menggunakan Laravel – Part 6 (Menampilkan Data)
    Melanjutkan tutorial sebelumnya dimana kita sudah berhasil memasukan data ke dalam database mel...
    Read more
  • More articles
Others

  • Sep
    17
    2018
    Perbedaan Localhost Dan Web Hosting
    Halo ghaes… Bagi beberapa dari kalian pasti masih belum ada yang begitu paham bagaimana s...
    Read more
  • Jun
    05
    2018
    Tutorial : Cara Install Composer
    Apa Itu Composer? Composer adalah suatu aplikasi manajemen paket selain Node.js (npm) dan Ruby ...
    Read more
  • Oct
    31
    2017
    Yang Baru Di Bootstrap 4
    Tidak terasa baru saja beberapa waktu lalu penulis menulis artikel tentang Bagaimana Cara Membu...
    Read more
  • Oct
    09
    2017
    Pengertian Page View, Visitor Dan Bounce Rate
    Sebenarnya pada artikel kali ini penulis ingin membuat tutorial bagaimana cara membuat template...
    Read more
  • Sep
    29
    2017
    ​Apa Itu Web Framework?
    Beberapa dari kalian apalagi yang masih pemula dalam bidang pemrograman website pasti masih awa...
    Read more
  • More articles
Page generated in : 989.37 ms