SERI MEMBUAT WEBSITE MENGGUNAKAN LARAVEL 5.5 BAGIAN 2 : MEMBUAT INPUT HALAMAN POSTINGAN

 Haloo Sobat semuanya, kembali berjumpa kembali dengan saya .Kali ini kita akan melanjutkan pembahasan kita mengenai pembuatan Website menggunakan Laravel.Setelah kemarin kita telah berhasil membuat page tampilan utama yang terinclude dengan halaman register dan halaman login, belajar memasukan Javascript dan Css style sederhana , maka pada tahap ini kita akan belajar bagaimana membuat post yang terkoneksi dengan database. Database yang kemarin kita telah buat memang masih kosong , jadi kali ini kita akan mencoba mengisinya dengan halaman postingan   .Oia , Jika sobat mengikuti Pembahasan bagian pertama ,pasti sobat sudah mencoba-coba beberapa perubahan baik itu tampilan warna atau tata letaknya.Saya juga sedikit melakukan perubahan , tetapi hanya pada bagian warna saja sedang tata letak masih sama dengan halaman pad tutorial bagian pertama.Seandainya sobat masihmenggunakan template yang pertama juga tidak masalah atau sama saja. Berikut sedikit perubahan warna yang saya lakukan  :

Gambar1

Pada tahap awal pembuatan postingan kita akan membuat sebuah model baru dengan nama posting, maka pada command line kita ketikan sebagai berikut :

php artisan make:model posting --migration

Gambar 2

Setelah model berhasil dibuat maka pada tampilan Text editornya akan muncul seperti berikut :

Gambar 3

Next, kita juga buatkan controlernya dengan nama posting controller

php artisan make:controller PostingController –resource

gambar4

dan pada view kita tambahkan juga view barunya,Caranya sama seperti pembuatan Controller sebelumnya,pada halaman PostController yang baru kita buat, edit pada bagian Public Function create dengan penambahan view dengan nama “blog” ,

gambar 5

Pada Views kita buatkan satu folder baru dengan nama blog, sesuai dengan yang kita daftarkan pada PostingController.Didalamnya kita tambahkan juga 1 file blade bernama create.blade.php

Gambar 6

Isi dari create.blade.php sobat semua bebas dan jika ingin tampilan sederhananya bias mengunakan form seperti yang saya gunakan,intinya ada  2 buah inputan pada form guna memunculkan judul atau title denga nisi atau contentnya.jika menggunakan form sederhana seperti saya maka kodenya seperti ini

[code hl="1, 4, 7"] @extends('includes.head') @section('content') <br> <div class="container"> <div class="col-md-8 col-md-offset-2"> <div class="well"> <form> <div class="text-center"><h4>MEMBUAT POST BARU</h4></div> <div class="form-group"> <label>TITLE:</label> <input type="text" name="title" class="form-control" placeholder="Input title.."> </div> <div class="form-group"> <label>CONTENT:</label> <textarea type="" name="content" class="form-control" placeholder="Input content..."></textarea> </div> <button class="btn btn-success">Save</button> </form> </div> </div> </div> @endsection [/code]

Next, jangan lupa juga tambahkan route baru, pada web.php kita tambahkan

Gambar 7

Sehingga apabila kita ketikan route listnya pada command line akan muncul seperti ini

gambar 8

Dan jika kita running di browser dengan alamat http://website.dev/postings/create , maka akan tampak deperti ini

Selanjutnya yang akan kita lakukan adalah membuat database yang akan menampung dari postingan kita, terlebih dahulu kita setting pada env ;

Dalam pembuatan database karena saya menggunakan web server laragon maka untuk pembuatannya menggunakkan Heidisql, jika sobat menggunakan Xampp bisa menggunakan Phpmyadmin sama saja.

kemudian kita tambahkan pada Migration  untuk pembuatan tablenya

Untuk mengirim perubahannya kita perlu mengetikan perintah pada command line 

ketikan " php artisan migrate"

kita bisa melihat perubahannya pada database yang tadi kita buat

Next....

kita tambahkan lagi pada create.blade.php 

<form action="{{route('postings.store')}}" method="postings">

sehingga keseluruhan isi dari create.blade.php akan berisi seperti ini

[code hl="1, 4, 7"] @extends('includes.head') @section('content') <br> <div class="container"> <div class="col-md-8 col-md-offset-2"> <div class="well"> <form action="{{route('postings.store')}}" method="postings"> <div class="text-center"><h4>MEMBUAT POST BARU</h4></div> {{csrf_field()}} <div class="form-group"> <label>TITLE:</label> <input type="text" name="title" class="form-control" placeholder="Input title.."> </div> <div class="form-group"> <label>CONTENT:</label> <textarea type="" name="content" class="form-control" placeholder="Input content..."></textarea> </div> <button type="submit" class="btn btn-success">Save</button> </form> </div> </div> </div> @endsection [/code]

Selanjutny kita sudah bisa menginput Post baru

Selamat Mencoba, jika gagal ulangi lagi, ungkin ada code anda yang terlewat atau bisa berkomentar dibawah, Salam Luar biasa !!!.