Tutorial : Menampilkan Data dari Database Di Laravel 10

• 12 min read • 4127 views

Halo Dev selamat datang, semoga Kalian dalam keadaan sehat selalu. Pada postingan lalu kita telah membahas Eloquent Accessor Di Laravel 10 beserta tutorialnya. Untuk kali ini mari kita bahas tentang Tutorial: Menampilkan Data Dari Database Di Laravel 10. Mari Kita lanjut untuk pembahasanya !

Restful API adalah salah satu cara untuk berkomunikasi antara aplikasi dengan menggunakan protokol HTTP. Dengan restful API, kita bisa mengirim dan menerima data dalam format JSON, XML, atau lainnya. Restful API juga mengikuti prinsip CRUD (Create, Read, Update, Delete) untuk melakukan operasi pada data.

`composer create-project --prefer-dist laravel/laravel:^10.0 laravel10-api` 

`DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel10_api
DB_USERNAME=root
DB_PASSWORD=`

php artisan make:model Data -m`

`php artisan make:seeder DataSeeder`

`public function run()
{
    // Menghapus semua data di tabel data
    DB::table('data')->truncate();

    // Membuat array data dummy
    $data = [
        ['name' => 'Alice', 'email' => '[email protected]'],
        ['name' => 'Bob', 'email' => '[email protected]'],
        ['name' => 'Charlie', 'email' => '[email protected]'],
        ['name' => 'David', 'email' => '[email protected]'],
        ['name' => 'Eve', 'email' => '[email protected]'],
    ];

    // Menyimpan data dummy ke tabel data
    DB::table('data')->insert($data);
}`

php artisan db:seed --class=DataSeeder`

php artisan make:controller DataController`

public function index()
{
    // Mengambil semua data dari tabel data
    $data = Data::all();

    // Mengembalikan response berupa data dalam format JSON
    return response()->json($data);
}`

php artisan make:resource DataResource

public function toArray($request)
{
    // Mengembalikan array data yang diinginkan
    return [
        'id' => $this->id,
        'name' => $this->name,
        'email' => $this->email,
    ];
}`

Route::get('/data', [DataController::class, 'index']);`

`[
    {
        "id": 1,
        "name": "Alice",
        "email": "[email protected]"
    },
    {
        "id": 2,
        "name": "Bob",
        "email": "[email protected]"
    },
    {
        "id": 3,
        "name": "Charlie",
        "email": "[email protected]".