Panduan praktis dan terstruktur mengenai panduan crud laravel 7 & vue js: membuat restful api dengan laravel 7 (part 1) berstandar enterprise. Pelajari konsep, implementasi kode modern, dan tips arsitektur enterprise siap produksi.
Selamat datang di seri tutorial engineering SiHubung! Pada artikel ini, kita akan membedah secara komprehensif implementasi Panduan Crud Laravel 7 & Vue Js: Membuat Restful Api Dengan Laravel 7 (Part 1) Berstandar Enterprise dengan standar kode bersih (clean code), performa tinggi, dan arsitektur siap produksi.

Membangun aplikasi web di era modern memerlukan pondasi yang kokoh. Framework modern memberikan fleksibilitas luar biasa bagi developer untuk menghadirkan fitur kompleks secara cepat tanpa mengabaikan aspek keamanan dan keandalan sistem.

Tahapan Implementasi & Walkthrough Kode

Berikut adalah langkah demi langkah teknis yang dapat Anda ikuti langsung pada codebase Anda:

Tahap 1: Penulisan Kode & Konfigurasi

composer create-project --prefer-dist laravel/laravel:^7.0 lara-vue-spa

Tahap 2: Penulisan Kode & Konfigurasi

DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=

Tahap 3: Penulisan Kode & Konfigurasi

DB_DATABASE=db_lara_vue_spa
DB_USERNAME=root
DB_PASSWORD=

Tahap 4: Penulisan Kode & Konfigurasi

php artisan make:model Post -m

Tahap 5: Penulisan Kode & Konfigurasi

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    protected $fillable = [
        'title', 'content'
    ];
}

Tahap 6: Penulisan Kode & Konfigurasi

public function up()
{
    Schema::create('posts', function (Blueprint $table) {
      $table->id();
      $table->string('title');
      $table->text('content');
      $table->timestamps();
    });
}

Tahap 7: Penulisan Kode & Konfigurasi

php artisan migrate

Tahap 8: Penulisan Kode & Konfigurasi

Migration table created successfully.
Migrating: 2014_10_12_000000_create_users_table
Migrated:  2014_10_12_000000_create_users_table (0.04 seconds)
Migrating: 2019_08_19_000000_create_failed_jobs_table
Migrated:  2019_08_19_000000_create_failed_jobs_table (0.02 seconds)
Migrating: 2020_03_04_002819_create_posts_table
Migrated:  2020_03_04_002819_create_posts_table (0.03 seconds)

Tahap 9: Penulisan Kode & Konfigurasi

php artisan make:controller PostsController

Tahap 10: Penulisan Kode & Konfigurasi

<?php

namespace App\Http\Controllers;

use App\Post;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator;

class PostsController extends Controller
{
    public function index()
    {
        $posts = Post::latest()->get();
        return response([
            'success' => true,
            'message' => 'List Semua Posts',
            'data' => $posts
        ], 200);
    }

    public function store(Request $request)
    {
        //validate data
        $validator = Validator::make($request->all(), [
            'title'     => 'required',
            'content'   => 'required',
        ],
            [
                'title.required' => 'Masukkan Title Post !',
                'content.required' => 'Masukkan Content Post !',
            ]
        );

        if($validator->fails()) {

            return response()->json([
                'success' => false,
                'message' => 'Silahkan Isi Bidang Yang Kosong',
                'data'    => $validator->errors()
            ],400);

        } else {

            $post = Post::create([
                'title'     => $request->input('title'),
                'content'   => $request->input('content')
            ]);


            if ($post) {
                return response()->json([
                    'success' => true,
                    'message' => 'Post Berhasil Disimpan!',
                ], 200);
            } else {
                return response()->json([
                    'success' => false,
                    'message' => 'Post Gagal Disimpan!',
                ], 400);
            }
        }
    }


    public function show($id)
    {
        $post = Post::whereId($id)->first();

        if ($post) {
            return response()->json([
                'success' => true,
                'message' => 'Detail Post!',
                'data'    => $post
            ], 200);
        } else {
            return response()->json([
                'success' => false,
                'message' => 'Post Tidak Ditemukan!',
                'data'    => ''
            ], 404);
        }
    }

    public function update(Request $request)
    {
        //validate data
        $validator = Validator::make($request->all(), [
            'title'     => 'required',
            'content'   => 'required',
        ],
            [
                'title.required' => 'Masukkan Title Post !',
                'content.required' => 'Masukkan Content Post !',
            ]
        );

        if($validator->fails()) {

            return response()->json([
                'success' => false,
                'message' => 'Silahkan Isi Bidang Yang Kosong',
                'data'    => $validator->errors()
            ],400);

        } else {

            $post = Post::whereId($request->input('id'))->update([
                'title'     => $request->input('title'),
                'content'   => $request->input('content'),
            ]);


            if ($post) {
                return response()->json([
                    'success' => true,
                    'message' => 'Post Berhasil Diupdate!',
                ], 200);
            } else {
                return response()->json([
                    'success' => false,
                    'message' => 'Post Gagal Diupdate!',
                ], 500);
            }

        }

    }

    public function destroy($id)
    {
        $post = Post::findOrFail($id);
        $post->delete();

        if ($post) {
            return response()->json([
                'success' => true,
                'message' => 'Post Berhasil Dihapus!',
            ], 200);
        } else {
            return response()->json([
                'success' => false,
                'message' => 'Post Gagal Dihapus!',
            ], 500);
        }

    }
}

Tahap 11: Penulisan Kode & Konfigurasi

Route::get('/posts', 'PostsController@index');
Route::post('/posts/store', 'PostsController@store');
Route::get('/posts/{id?}', 'PostsController@show');
Route::post('/posts/update/{id?}', 'PostsController@update');
Route::delete('/posts/{id?}', 'PostsController@destroy');

Tahap 12: Penulisan Kode & Konfigurasi

php artisan serve

Tahap 13: Penulisan Kode & Konfigurasi

{
    "success": false,
    "message": "Silahkan Isi Bidang Yang Kosong",
    "data": {
        "title": [
            "Masukkan Title Post !"
        ],
        "content": [
            "Masukkan Content Post !"
        ]
    }
}

Tahap 14: Penulisan Kode & Konfigurasi

{
    "success": true,
    "message": "Post Berhasil Disimpan!"
}

Tahap 15: Penulisan Kode & Konfigurasi

{
    "success": true,
    "message": "List Semua Posts",
    "data": [
        {
            "id": 4,
            "title": "Test Post 2",
            "content": "Test Content Post 2",
            "created_at": "2020-03-05T00:41:14.000000Z",
            "updated_at": "2020-03-05T00:41:14.000000Z"
        },
        {
            "id": 3,
            "title": "Test Post 1",
            "content": "Test Content Post 1",
            "created_at": "2020-03-05T00:38:40.000000Z",
            "updated_at": "2020-03-05T00:38:40.000000Z"
        }
    ]
}

Tahap 16: Penulisan Kode & Konfigurasi

{
    "success": true,
    "message": "Post Berhasil Diupdate!"
}

Tahap 17: Penulisan Kode & Konfigurasi

{
    "success": true,
    "message": "Post Berhasil Dihapus!"
}
💡 Tips Rekayasa Perangkat Lunak (SiHubung Engineering Best Practice)

Selalu gunakan pendekatan deklaratif, validasi input seawal mungkin di boundary layer, dan lakukan logging terstruktur untuk memudahkan observability ketika sistem dijalankan di lingkungan cloud produksi.

Kesimpulan

Dengan mengikuti langkah-langkah terstruktur di atas, implementasi modul Anda akan jauh lebih rapi, aman dari bug umum, serta siap diskalakan ke lingkungan produksi.

Nantikan artikel tutorial praktis lainnya seputar fullstack development, microservices, dan otomasi AI di Blog Engineering SiHubung. Selamat mencoba!