Tugas PBKK - Laravel 5 (Membuat halaman dan registrasi)

1. Install Laravel

Sebelum menginstal Laravel, install terlebih dulu composer.

Kemudian buka Xampp/htdocs/ dan masukan sytax sebagai berikut

composer create-project --prefer-dist laravel/laravel [namaweb]

Laravel akan diinstall.


2. Menjalankan Laravel

Setelah menginstall laravel, buka folder yang telah dibuat dan masukan syntax berikut untuk menjalankan Laravel yang sudah dinstall.

>cd htdocs/latihan1
>php artistan serve


Project tersebut bisa dilihat pada alamat yang ditunjukan (disini localhost:8000)
Hasilnya akan muncul seperti berikut.


3. Memuat Halaman Halo

Tutorial Laravel 5 : www.malasngoding.com/
Arahan Pembelajaran : Id-Laravel : Halo Bro

a) Konfigurasi router

Untuk tutorial router ini akan dibuat sebuah halaman bertuliskan "Hello" yang berada pada alamat localhost:8000/halo

Pertama, buka routes/web.php lalu tambahkan kode sebagai berikut untuk routing

Route::get('/halo', function(){
return "Hello";
});

Kemudian buka localhost:8000/halo maka akan muncul tampilan sebagai berikut

b) Konfigurasi Controller 

Membuat halaman menggunakan controller dengan alamat "/halo-juga".
1. Membuat router baru
buat router baru dengan memasukan syntax sebagai berikut pada halaman router/web.app

Route::get('/halo-juga', 'SiteController@haloJuga');


Artinya adalah laravel akan mengeksekusi fungsi halojuga() pada controller SiteController.
Kemudian buka direktori app/Http/Controller dan buat file baru bernama SiteController.php. Isi file tersebut dengan syntax sebagai berikut.


Hasilnya adalah sebagai berikut


c) Membuat View

Membuat view untuk haloJuga()
Agar dapat menampilkan view haloJuga, maka ubah isi fungsi haloJuga() menjadi seperti berikut.

return view('halo_juga');





Setelah itu, dibuat file view halo_juga dengan menambahkan '.blade.php' pada direktori resources/views dan isi sebagai berikut.


Jika halaman 'halo-juga' dibuka, maka akan tampak seperti berikut


4. Membuat Form Registrasi

Tutorial Laravel 5 : www.malasngoding.com/
Arahan Pembelajaran : Id - Laravel : Form Registrasi

Pada pembelajaran ini, akan dibuat halaman form registrasi yang berisi e-mail (harus unik), password (6 char), konfirmasi password.

a) Routing

Buka routes/web.app dan tambahkan syntax sebagai berikut.

Route::get('/register', function () {
    return view('register');
});

b) Membuat View

Sebelum membuat halaman registrasi, sesuai dengan arahan tutorial yang diikuti maka harus styling dengan kube dengan mendownload dan menyalin kube.min.css ke 'public/css'.


Lalu buat halaman viewnya dengan membuat file register.blade.php pada resouces/views

Setelah dimasukan, maka akan tampil sebagai berikut.

Mengapa error? karena belum terdapat class Form pada Laravel 5
Oleh karena itu selanjutnya adalah membuat class form

c) Menambahkan Controller Form

Tutorial : Laravel Collective
Jalankan syntax berikut


Kemudian tambahkan kodingan berikut pada config/app/php pada providers:
Collective\Html\HtmlServiceProvider::class 
dan aliases:
'Form' => Collective\Html\FormFacade::class,'Html' => Collective\Html\HtmlFacade::class,

Hasilnya adalah sebagai berikut. ('/register')


d) Membuat Database

Membuat database seperti berikut

e) Submit Form

Menambahkan kodingan sebagai berikut ke route (web.php) untuk menangani $_POST

Route::post('/register', function() { var_dump($_POST); });

f) Menyimpan Data Menggunakan Model

Tambahkan 

'Input' => Illuminate\Support\Facades\Input::class,

pada aliases config/app/php.

Agar dapat menyimpan data, maka ubah User.php yang terletak di direktori app/ seperti berikut.


Kemudian route yang sudah ditambahkan tadi diubah menjadi sebagai berikut.


g) Validasi Form

Modifikasi kembali file route menjadi seperti berikut.

h) Pesan Berhasil

Ubah route bagian Post register menjadi seperti berikut

Ubah tambah bagian view register dengan kodingan berikut


5. Hasil Akhir

 











Komentar

Postingan populer dari blog ini

FP PBKK