Laravel adalah salah satu framework PHP yang paling populer dan banyak digunakan oleh para pengembang web. Laravel terkenal dengan sintaksisnya yang elegan, sederhana, dan memberikan pengalaman yang menyenangkan bagi para pengembang. Versi terbaru, Laravel 11, hadir dengan sejumlah fitur baru dan peningkatan yang dirancang untuk meningkatkan produktivitas dan kinerja.

Pengenalan Laravel 11

Laravel 11 adalah iterasi terbaru dari framework Laravel yang dirilis oleh Taylor Otwell dan tim Laravel. Versi ini membawa berbagai perbaikan dan fitur baru yang dirancang untuk membuat pengembangan aplikasi web menjadi lebih efisien dan menyenangkan.

Fitur Utama Laravel 11

1. Pembaruan Sistem Auth

Laravel 11 memperkenalkan sistem autentikasi yang lebih fleksibel dan mudah disesuaikan. Sistem ini memungkinkan pengembang untuk dengan mudah mengatur metode autentikasi yang berbeda seperti API token, OAuth, dan session-based authentication.

2. Komponen Livewire yang Lebih Baik

Livewire adalah library full-stack yang memungkinkan Anda membangun antarmuka pengguna dinamis menggunakan Laravel. Pada Laravel 11, Livewire mendapat sejumlah peningkatan performa dan kemudahan penggunaan, termasuk integrasi yang lebih baik dengan Alpine.js dan dukungan untuk komponen yang lebih kompleks.

3. Sanctum Token Expiry

Sanctum adalah sistem autentikasi sederhana untuk SPA (Single Page Applications) dan API. Pada Laravel 11, Sanctum memperkenalkan fitur pengaturan waktu kedaluwarsa token, yang memungkinkan pengembang mengatur masa aktif token untuk meningkatkan keamanan aplikasi.

4. Pembaruan Eloquent ORM

Eloquent, ORM (Object-Relational Mapping) dari Laravel, mendapatkan pembaruan signifikan di Laravel 11. Fitur baru termasuk metode query yang lebih fleksibel dan peningkatan kinerja untuk operasi basis data besar. Eloquent juga mendapatkan dukungan untuk eager loading yang lebih efisien.

5. Task Scheduling yang Lebih Baik

Fitur penjadwalan tugas pada Laravel 11 sekarang mendukung lebih banyak opsi konfigurasi dan peningkatan keandalan. Fitur ini memungkinkan pengembang untuk mengatur tugas yang kompleks dengan lebih mudah dan memastikan bahwa tugas berjalan sesuai jadwal.

Peningkatan Kinerja

Laravel 11 fokus pada peningkatan kinerja, termasuk optimasi di berbagai bagian framework seperti routing, middleware, dan sistem cache. Peningkatan ini dirancang untuk mengurangi waktu respon aplikasi dan meningkatkan efisiensi penggunaan sumber daya server.

Integrasi dan Ekosistem

Laravel 11 menawarkan integrasi yang lebih baik dengan berbagai alat dan layanan dalam ekosistem Laravel, seperti:

1. Laravel Octane

Laravel Octane adalah package yang memperkenalkan performa tinggi untuk aplikasi Laravel dengan menggunakan server yang berbasis Swoole atau RoadRunner. Laravel 11 mendukung Octane dengan lebih baik, memungkinkan aplikasi untuk melayani lebih banyak permintaan dengan waktu respon yang lebih cepat.

2. Laravel Sail

Laravel Sail adalah alat yang memungkinkan pengembang untuk mengatur lingkungan pengembangan Laravel dengan Docker. Laravel 11 membawa peningkatan pada Sail untuk mendukung lebih banyak konfigurasi dan mempermudah pengaturan lingkungan pengembangan.

Pengembangan yang Lebih Mudah

Laravel 11 hadir dengan berbagai alat dan perbaikan yang dirancang untuk mempermudah proses pengembangan, seperti:

1. Jetstream

Jetstream adalah starter kit yang menyediakan autentikasi, pendaftaran, dua faktor autentikasi, manajemen sesi, API token, dan lain-lain. Laravel 11 membawa peningkatan pada Jetstream, termasuk dukungan yang lebih baik untuk stack teknologi terbaru.

2. Laravel Mix

Laravel Mix adalah alat untuk mengelola dan mengkompilasi aset frontend seperti CSS dan JavaScript. Pada Laravel 11, Mix mendapatkan peningkatan performa dan fleksibilitas, mendukung lebih banyak konfigurasi dan pengaturan.

Dokumentasi dan Komunitas

Laravel dikenal dengan dokumentasinya yang sangat baik dan komunitas yang aktif. Laravel 11 melanjutkan tradisi ini dengan menyediakan dokumentasi yang lengkap dan mudah diikuti, serta komunitas yang siap membantu melalui forum, Discord, dan platform lainnya.

Kesimpulan

Laravel 11 membawa berbagai peningkatan dan fitur baru yang dirancang untuk meningkatkan produktivitas dan kinerja pengembang. Dengan sistem autentikasi yang lebih fleksibel, komponen Livewire yang lebih baik, pembaruan Eloquent ORM, dan peningkatan kinerja secara keseluruhan, Laravel 11 adalah pilihan yang sangat baik bagi pengembang yang ingin membangun aplikasi web modern dan efisien. Ekosistem yang kaya dan dukungan komunitas yang kuat membuat Laravel 11 menjadi salah satu framework PHP terbaik yang tersedia saat ini.

Buka file web.php, lalu ketikan kode berikut :

Route::get('/students/create', [StudentsController::class, 'create'])->name('create');

Penjelasan

Route::get('/students/create', [StudentsController::class, 'create'])->name('create');

• Route::get berfungsi untuk mendefinisikan sebuah rute baru dengan metode GET pada aplikasi web Laravel.
• '/students/create' adalah URL endpoint yang akan menanggapi request dengan metode GET. Dalam konteks ini, ‘/students/create’ mungkin dipakai untuk menampilkan form untuk membuat data student baru.
• StudentsController::class, 'create' akan memanggil method ‘create’ dalam controller ‘StudentsController’. Method ini biasanya digunakan untuk menampilkan view atau form pembuatan data baru dalam paradigma MVC.
• ->name('create') adalah nama yang diberikan pada rute ini. Dengan memberikan nama pada rute, kita bisa merujuk pada rute ini dengan lebih mudah ketika menggunakannya untuk tujuan navigasi di dalam aplikasi, tanpa harus mengetahui URL sebenarnya.

Dengan demikian, baris kode ini secara umum berarti: “Pada aplikasi ini, saat ada HTTP GET request ke ‘/students/create’, panggil method ‘create’ dalam ‘StudentsController’, dan beri rute ini nama ‘create'”.

Langkah selanjutnya silahkan buat folder baru dengan nama students, kemudian setelah itu silahkan tambahkan 1 buah file dengan nama create.blade.php

Lalu tambahkan sintak html seperti dibawah ini

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Create Data Students') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg p-3">
                <h4 class="mb-2">Create Data</h4>

                <div class="card">
                    <div class="card-body">
                        -----------------------
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>

Dalam konteks Laravel, controller adalah kelas PHP yang bertanggung jawab untuk memproses permintaan HTTP dari pengguna dan mengembalikan respons yang sesuai. Controller menyatukan logika aplikasi dan memastikan bahwa permintaan dari pengguna diarahkan dengan benar ke model yang sesuai atau ke tampilan yang tepat.

Model dalam Laravel adalah representasi dari tabel database. Dengan menggunakan model, pengembang dapat melakukan operasi-operasi database seperti membuat, membaca, mengupdate, dan menghapus data dengan sangat mudah dan efisien.

Langsung saja buka file StudentsController.php pada folder App/Http/Controller, selanjutnya tulis code berikut :

    public function index()
    {
        return view('students')->with([
            'students' => Students::all(),
        ]);
    }

Penjelasan :

• public function index() {}: Fungsi index dideklarasikan dalam kontroler. Biasanya fungsi ini digunakan untuk menampilkan daftar semua data tertentu, dalam hal ini data dari semua “Students”.
• return view('students'): Kode ini mengembalikan tampilan yang bernama ‘students’. Tampilan ini adalah halaman yang akan dilihat user saat fungsi ini dijalankan.
• ->with([ 'students' => Students::all(), ]): Bagian ini mengirimkan data ke tampilan yang sedang dilihat. Fungsi with dalam Laravel digunakan untuk meneruskan data ke tampilan.
• 'students' => Students::all(),: Berarti kita memberikan array assosiatif ke method with, dimana ‘students’ adalah nama kunci yang akan digunakan di tampilan untuk mengakses data ini, dan Students::all() adalah operasi yang dipanggil pada model Eloquent Students untuk mendapatkan semua data siswa yang ada dalam database.

Jadi dalam konteks lengkap, fungsi index ini mengambil semua data siswa dari database dan mengirimkannya ke tampilan ‘students’ yang akan digunakan untuk menampilkan data siswa tersebut.

Lalu lengkapi code pada file web.php sebagai berikut :

    // menampilkan data
    Route::get('/students', [StudentsController::class, 'index'])->name('students');

Penjelasan :

Route::get('/students', [StudentsController::class, 'index'])->name('students');

• Route::get('/students', : Ini adalah bagian dari Route API Laravel, yaitu cara Laravel untuk mendefinisikan rute baru untuk aplikasi web Anda. get mengacu pada metode HTTP GET yang Paling Sering digunakan untuk mengambil sumber daya dari server. ‘/students’ adalah URL atau jalur tempat pengguna akan terhubung ketika mereka mengetik ‘www.yourwebsite.com/students’ di web browser mereka.
• [StudentsController::class, 'index']) : Ini menunjukkan bahwa ketika pengguna menavigasi ke ‘/students’, maka metode index dari StudentsController akan dipanggil.
• ->name('students'); : Menamai rute sangat bermanfaat jika Anda perlu merujuk ke rute khusus di tempat lain di aplikasi web Anda. Anda hanya perlu merujuk ke nama rute dan Laravel akan mengetahui URL yang harus digunakan. Dalam hal ini, rute dinamai ‘students’.

Secara keseluruhan, kode ini menginstruksikan Laravel untuk memanggil metode index pada StudentsController ketika seseorang mengakses ‘www.yourwebsite.com/students’ dan memberi nama ‘students’ ke rute ini untuk merujuk dengan mudah di tempat lain.

Selanjutnya kita akan menambahkan beberapa data didalam database sebagai berikut :

Lalu buka file students.blade.php dan tulislah code berikut :

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Students') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg p-3">
                <div class="p-2 text-gray-900">
                    <h4>Students Data</h4>
                </div>
                <div class="card">
                    <div class="card-body">
                        <table class="table table-sm table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Id Students</th>
                                    <th>Full Name</th>
                                    <th>Genre</th>
                                    <th>Adress</th>
                                    <th>Email</th>
                                    <th>Phone</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($students as $row)
                                    <tr>
                                        <th>{{ $loop->iteration }}</th>
                                        <td>{{ $row->idstudents }}</td>
                                        <td>{{ $row->fullname }}</td>
                                        <td>{{ $row->gender == 'M' ? 'Male' : 'Female' }}</td>
                                        <td>{{ $row->address }}</td>
                                        <td>{{ $row->emailaddress }}</td>
                                        <td>{{ $row->phone }}</td>
                                        <td>                                           
                                            <i class="fa fa-pencil-square-o"  aria-hidden="true" > | 
                                            <i class="fa fa-trash" aria-hidden="true"></i>                                              
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                            
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>

Penjelasan :

• <thead>: Ini adalah elemen HTML yang digunakan untuk membungkus baris tabel (<tr>) yang berisi sel header tabel (<th>). Biasanya berfungsi sebagai judul kolom dari tabel.
• <tr> adalah singkatan dari table row. Ini digunakan untuk mendefinisikan baris dalam tabel HTML.
• <th> adalah singkatan dari table head. Ini digunakan untuk mendefinisikan sel header dalam tabel HTML. Sel header adalah sel yang berfungsi sebagai judul kolom.
• "No", "Id Students", "Full Name", "Genre", "Address", "Email", "Phone", dan "Action" adalah teks yang akan ditampilkan dalam sel header tabel tersebut.

Jadi secara keseluruhan, kode ini mendefinisikan header tabel dengan kolom “No”, “Id Students”, “Full Name”, “Genre”, “Address”, “Email”, “Phone”, dan “Action”.

• <tbody>: Ini digunakan untuk mendefinisikan bagian tubuh dari tabel HTML yang berisi baris dan kolom data.
• @foreach ($students as $row) ... @endforeach: Kode ini merupakan loop dalam Laravel Blade yang berfungsi untuk mengulangi elemen dalam array $students. Setiap iterasi, sebuah elemen dari students diarahkan ke variabel $row.
• <tr>: Ini digunakan untuk membuat baris baru dalam tabel untuk setiap pengulangan.
• <th>{{ $loop->iteration }}</th>: Ini menampilkan nomor iterasi untuk setiap pengulangan. $loop adalah variabel khusus Laravel yang tersedia dalam lingkup setiap foreach, yang memuat informasi tentang loop saat ini.
• <td>{{ $row->xxx }}</td>: <td> digunakan untuk membuat kolom data dalam suatu baris tabel. {{ $row->xxx }} adalah sintaks Laravel Blade yang digunakan untuk menampilkan data dari variabel $row dengan xxx sebagai properti dari objek $row.
• {{ $row->gender == 'M' ? 'Male' : 'Female' }}: Ini adalah operan kondisi ternary dalam PHP. Jika jenis kelamin mahasiswa adalah ‘M’, maka ‘Male’ akan ditampilkan, jika bukan, maka ‘Female’.
• <i class="fa fa-pencil-square-o" aria-hidden="true"></i> dan <i class="fa fa-trash" aria-hidden="true"></i>: Ini adalah ikon berkelas Font Awesome yang bisa digunakan untuk berbagai aksi seperti edit (pensil) dan delete (trash).

Secara keseluruhan, kode ini membuat tabel datanya, lalu me-loop array $students untuk menampilkan setiap mahasiswa pada barisnya sendiri.

NOTE :

Jika tampilan website berantakan jangan lupa untuk menambahkan link css dan icon pada file app.blade.php pada folder layouts.

        <!-- Fonts -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
        <!-- Scripts -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
        @vite(['resources/css/app.css', 'resources/js/app.js'])

Hasilnya adalah sebagai berikut :

• MariaDB 10.2+ (Version Policy)
• MySQL 5.7+ (Version Policy)
• PostgreSQL 10.0+ (Version Policy)
• SQLite 3.8.8+
• SQL Server 2017+ (Version Policy)

Didalam laravel sudah memiliki tabel bawaan yang bisa kita gunakan, cara untuk memanggilnya adalah dengan :

php artisan migrate

Dan langkah awal untuk membuat migrasi database sudah dilakukan bersamaan dengan membuat model Students dan sudah di bahas pada

Langkah selanjutnya buka file migrasi Student

database/migrations/2024_01_30_015431_create_students_table.php

dan sesuaikan isi file nya seperti code berikut :

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class() extends Migration {
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('students', function (Blueprint $table) {
            // $table->id();
            $table->char('idstudents', 7);
            $table->string('fullname', 100);
            $table->enum('gender', ['M', 'F']);
            $table->string('address', 100);
            $table->string('emailaddress', 100);
            $table->char('phone', 20);
            $table->primary('idstudents');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('students');
    }
};

Selanjutnya kita akan edit Model Students

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Students extends Model
{
    use HasFactory;

    protected $table = 'students';
    protected $primaryKey = 'idstudents';

    // mematikan autoincrement
    public $incrementing = false;
    public $timestamps = true;
}

Kemudian jalankan code di terminal

php artisan migrate

Setelah selesai, selanjutnya kita akan menambahkan route baru untuk menampilkan data yang ada pada tabel students di database.

Langkah awal silahkan buka file web.php, lalu buat route students dan di labeli dengan nama students seperti code berikut :

    Route::get('/students', function () {
        return view('students');
    })->name('students');

Penjelasan :

Pada kode di atas:

• Route::get adalah cara Laravel untuk mendefinisikan rute baru. get merujuk pada metode HTTP GET, salah satu metode yang paling umum digunakan untuk membuat rute.
• '/students' adalah URL atau endpoint dari rute tersebut. Jadi saat pengguna mengunjungi situs web Anda di yoursite.com/students, mereka akan diarahkan ke rute ini.
• Fungsi anonim function () { return view('students'); } adalah apa yang disebut sebagai “Closure” atau callback. Fungsi ini akan dipanggil ketika rute diakses. Fungsi ini mengembalikan tampilan (view) dengan nama ‘students’.
• ->name('students') memberikan nama ke rute ini. Penamaan rute ini sangat bermanfaat untuk membangun link ke URL spesifik tersebut dalam kode Anda, tanpa harus mengetik URL secara manual.

Jadi, secara keseluruhan, kode ini menginstruksikan aplikasi Laravel Anda untuk merender tampilan ‘about’ ketika pengguna mengakses yoursite.com/students dalam browser mereka.

Selanjutnya pada tambahkan file students.blade.php pada folder views, lalu tuliskan baris code seperti dibawah ini :

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Dashboard') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 text-gray-900">
                    <h4>Halaman Students</h4>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>

Kemudian tambahkan menu navigasi pada file navigation.blade.php yang ada pada folder views/layouts seperti code berikut :

<x-nav-link :href="route('students')" :active="request()->routeIs('students')">
    Student
</x-nav-link>

Penjelasan :

<x-nav-link :href="route('students')" :active="request()->routeIs('students')"> Students </x-nav-link>

Bagian ini adalah Laravel Blade component. Bila dipecah, berikut penjelasan untuk masing-masing bagian:

• <x-nav-link>: Memanggil komponen Blade yang ditandai sebagai nav-link.
• :href="route('students')": Sintaks ini mengatur nilai dari href sebagai hasil dari pemanggilan fungsi route('students'), yang berarti URL dari rute yang diberi nama ‘students’ akan digunakan.
• :active="request()->routeIs('students')": Menentukan apakah rute saat ini (‘students’) adalah rute yang aktif. Fungsi request()->routeIs('students') mengembalikan nilai true atau false, tergantung pada apakah rute yang sedang diakses pengguna adalah rute ‘students’ atau bukan.
• Students </x-nav-link>: “Students” adalah teks tautan yang dilihat pengguna. </x-nav-link> adalah penutup dari tag komponen.

Jadi Kode ini menghasilkan link navigasi ke halaman ‘Students’. Jika pengguna sedang berada di halaman tersebut, link ini akan ditandai sebagai link ‘aktif’.

Maka hasilnya adalah sebagai berikut :

Pertama, Anda harus membuat aplikasi Laravel baru, mengkonfigurasi database Anda, dan menjalankan migrasi database Anda. Setelah Anda membuat aplikasi Laravel baru, Anda dapat menginstal Laravel Breeze menggunakan Composer:

composer require laravel/breeze --dev

Setelah Composer menginstal paket Laravel Breeze, Anda dapat menjalankan perintah Breeze:install Artisan. Perintah ini menerbitkan tampilan autentikasi, rute, pengontrol, dan sumber daya lainnya ke aplikasi Anda. Laravel Breeze memublikasikan semua kodenya ke aplikasi Anda sehingga Anda memiliki kontrol penuh dan visibilitas atas fitur dan implementasinya.

Perintah Breeze:install akan meminta Anda memilih tumpukan frontend dan kerangka pengujian pilihan Anda:

php artisan breeze:install

blade

no

Ikuti langkah seperti gambar berikut :

Setelah selesai install, kita akan membuat database baru dengan nama belajarlaravel10

Setelah membuat database silahkan buka file .env dan ubah database sesuai dengan database yang kita buat.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=belajarlaravel10
DB_USERNAME=root
DB_PASSWORD=

Selanjutnya kita akan lakukan migrasi database dengan cara ketikan perintah berikut :

php artisan migrate

Selanjutnya lakukan installasi npm dengan perintah berikut :

npm install

Kemudian jalankan npm yang sudah kita install dengan perintah berikut :

npm run dev

Selanjutnya, Anda dapat menavigasi ke URL /login atau /register aplikasi Anda di browser web Anda. Semua rute Breeze ditentukan dalam file rute/auth.php.

<?php

use Illuminate\Support\Facades\Route;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider and all of them will
| be assigned to the "web" middleware group. Make something great!
|
*/

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

pada halaman web.php terdapat code seperti gambar diatas, artinya ketika aplikasi dijalankan pertama kali maka akan mengakses url ‘/’ atau http://127.0.0.1:8000/ dan akan menampilkan view ‘welcome’ pada folder resources/view.

Untuk membuat function baru cukup dengan menambahkan dibawah code function yang lama, seperti contoh berikut :

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

Selanjutnya kita akan membuat sebuah halaman pada folder resource yaitu coba.blade.php yang berfungsi untuk menampilkan Halaman Coba.

Pada laravel 10 ada 2 struktur yang perlu difahami yaitu :

1. The Root Directory
2. The App Directory

Pada Root Directory harus memahami hal hal sebagai berikut:

Pada App Directory harus memahami hal hal sebagai berikut :

Untuk penjelasan detailnya bisa cek langsung pada dokumentasi laravel 10 pada link berikut :

https://laravel.com/docs/10.x/structure

Untuk beberapa struktur yang harus difahami bisa cek link berikut :