[Studi Kasus Web Galery Sekolah Part 1] Membuat Login Dan Register Pada Laravel 11

Untuk Membuat Projek Laravel 11 dibutuhkan tools/software yang sudah terinstal sebelumnya di pc/laptop kamu untuk mempermudah kita samakan peralatannya : 

1. PHP >8.2
2. Database Mysql dan PhpMyadmin (untuk kemudahan gunakan xampp yang sudah terdapat php, mysql dan phpmyadmin
3. Git dan Akun github
4. Nodejs 22
5. Laravel 11

Pegencekan Tools/Software  
1. Cek Versi PHP dengan Perintah : php --version -> seharusnya akan menampilkan versi php yang terinstall contoh php version 8.2

2. Cek Database dengan Membuka browser ketikan  : localhost/phpmyadmin
3. Cek Git : git --version
4. cek nodejs : node --version

Membuat project laravel 11 baru dengan starter kit mengetikkan di console/cmd : 

composer create-project --prefer-dist laravel/laravel:^11 web-galery
sebelumnya pastikan command prompt anda aktif berada pada folder apa contoh di laptop saya taruh di desktop 

 
 
 

Secara default Laravel 11 dilengkapi dengan kolasi basis data sebagai  utf8mb4_0900_ai_ci , yang mungkin menimbulkan masalah saat melakukan migrasi tabel ke basis data. Oleh karena itu, saya juga menambahkan  DB_COLLATION  dengan nilai  utf8mb4_unicode_ci  dalam kredensial basis data saya untuk menghindari kesalahan.

buka folder projek menggunakan visual studio code dan edit .env untuk koneksi ke database mysql 


Buka phpmyadmin di browser buat database : webgalery


kemudian masih menggunakan console di direktori projek kita ketikkan perintah : php artisan migrate

Catatan: Laravel 11 dilengkapi dengan tabel pengguna , jadi kita tidak perlu membuat migrasi atau model untuknya.


untuk mengecek hasil migrate tabel kita bisa buka database dari phpmyadmin 

jalankan perintah artisan serve : php artisan server 


tampilan welcome screen laravel

Langkah 2: Tentukan Rute Registrasi & Login Kustom

Sekarang perbarui file routes/web.php Anda  dengan rute pendaftaran pengguna, login, logout, dan home berikut.

 


Langkah 3: Buat Controller LoginRegister

Buat  controller LoginRegisterController  menggunakan perintah artisan di bawah ini.

php artisan make:controller Auth\LoginRegisterController
Setelah berhasi di generate edit controller menjadi 

 

Langkah 4: Buat File Tampilan Blade Login & Registrasi

Sekarang, kita perlu membuat file tampilan blade, ini hanyalah formulir HTML sederhana dengan beberapa kelas bootstrap untuk menampilkan registrasi pengguna, login, dan layar beranda aman yang baik.

Jalankan perintah artisan di bawah ini untuk membuat berkas tampilan.

php artisan make:view layouts.app
php artisan make:view auth.register
php artisan make:view auth.login
php artisan make:view auth.home

Perintah di atas akan membuat file berikut di dalam subfolder layouts dan auth:

  1. app.blade.php
  2. register.blade.php
  3. login.blade.php
  4. home.blade.php

Perbarui kode berikut di resources/views/layouts/app.blade.php

Perbarui kode berikut di  resources/views/auth/register.blade.php

Perbarui kode berikut di resources/views/auth/login.blade.php

 

Perbarui kode berikut di  resources/views/auth/home.blade.php


Selamat! Anda telah mengembangkan sistem pendaftaran dan login pengguna khusus di Laravel 11. Sekarang Anda dapat melanjutkan dan menguji aplikasi dengan mendaftarkan pengguna baru dan memasukkan pengguna tersebut ke dalam aplikasi Anda.

Jalankan perintah artisan di bawah ini untuk memulai server pengembangan Laravel.

php artisan serve

Buka link berikut di browser web.
https://localhost:8000/register



 

 
Kemudian Login menggunakan user dan password yang anda buat 

 setelah berhasil login maka halaman akan di pindahkan ke home 



Comments

Post a Comment

Popular posts from this blog

[Studi Kasus Web Galery Sekolah Part 2] Membuat Post Galery menggunakan Laravel 11

Image
Melanjutkan projek Web Galery Sekolah Menggunakan Laravel 11  ilustrasi Router dalam Laravel    Langkah 1: Membuat Model dan migration kita lanjutkan membuat model dan migration dengan mengetikan perintah berikut di terminal  php artisan make:model Posts -m  jika perintah diatas berhasil di jalankan maka akan menghasilkan 2 file  Langkah 2: Menambahkan Field/kolom pada file migration posts   Langkah 3: Menambahkan Field/kolom pada file model models/posts Kemudian jalankan perintah : php artisan migrate Langkah 4: Menampilkan Data Posts(galery) dari database : membuat Controller PostController.php   Kemudian jalankan perintah : php artisan make:controller PostController jika berhasil akan menampilkan pesan sukses membuat file di path : app/Http/Controllers/PostController.php Selanjutnya modifikasi PostController sesuai dengan kode berikut  menambahkan routing gallery pada route/web.php Pada routing diatas yang di berikan tanda kotak merah se...
Read more

[Studi Kasus Web Galery Sekolah Part 3] Membuat Form Insert Gallery Sekolah

Image
 Melanjutkan tahap sebelumnya pada studi kasus web galery sekolah, kita akan membuat form insert dan validasinya : yang akan kita buat dalam PostController.php adalah :  1. function create : untuk menampilkan form create galery sekolah 2. function store : untuk memproses isian data dari form ke database dan menghandle file gambar untuk di upload ke direktori public  Langkah 1: Menambahkan Function Create dan Store pada PostController.php path dari file ini adalah app/http/controllers/PostController.php Langkah 2: Membuat Form Create Gallery  path dari file ini adalah resources/posts/create.blade.php Langkah 3: Menguji Form Insert di browser  silahkan kunjungi url : localhost:8000/gallery dan klik tombol add galery  seperti tampak pada gambar di bawah ini uji dengan tidak mengisikan data apapun terlebih dahulu dan akan menampilkan form validasi yang sudah kita buat sebelumnya sekarang kita isi inputan dengan data lengkap setelah berhasil maka halaman akan di...
Read more