TIPS #2 Tutorial CRUD Laravel dan AJAX (2 Part) - Part 1

Dipublikasikan pada oleh Admin

Website Custom vs Template

Tutorial CRUD Laravel dan AJAX (2 Part)

Panduan step-by-step membuat CRUD (Create, Read, Update, Delete) dengan Laravel dan AJAX tanpa reload halaman.

Part 1: Setup CRUD di Laravel

Pada bagian ini kita akan menyiapkan backend Laravel untuk menangani operasi CRUD.

1. Persiapan Project

composer create-project laravel/laravel crud-ajax
cd crud-ajax
php artisan serve

2. Konfigurasi Database

DB_DATABASE=crud_ajax
DB_USERNAME=root
DB_PASSWORD=

Buat database di MySQL:

CREATE DATABASE crud_ajax;

3. Migration & Model

php artisan make:model Post -m

Edit file migration:

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

Jalankan:

php artisan migrate

4. Controller

php artisan make:controller PostController

Isi:

public function fetch() {
  return response()->json(Post::all());
}

public function store(Request $request) {
  $post = Post::create($request->only(['title','content']));
  return response()->json($post);
}

5. Routing

Route::get('/', [PostController::class, 'index']);
Route::get('/posts/fetch', [PostController::class, 'fetch']);
Route::post('/posts/store', [PostController::class, 'store']);
Route::put('/posts/update/{id}', [PostController::class, 'update']);
Route::delete('/posts/delete/{id}', [PostController::class, 'destroy']);

Sampai sini, backend Laravel sudah siap.

← TIPS#1 CRUD Laravel 12 TIPS #3 Tutorial CRUD Laravel dan AJAX (2 Part) - Part 2 →

Bangun Bisnis Modern: Website Custom, Kasir Pintar & CRM Cerdas

Pendahuluan Di era persaingan bisnis yang semakin ketat, digitalisasi bukan s...

Baca Selengkapnya →

cara mengatasi deadlock dalam transaksi database di Laravel

Cara Mengatasi Deadlock dalam Transaksi Database di Laravel Deadlock dalam da...

Baca Selengkapnya →

Cara Mudah Membuat Laporan Keuangan untuk UMKM

Cara Mudah Menyusun Laporan Keuangan Akhir Tahun untuk UMKM Menjelang akhir tahun, ...

Baca Selengkapnya →

Capek Follow Up Klien Sendiri? Saatnya Punya Sistem yang Kerja Otomatis! | Deby Sejahtera

Kenapa banyak peluang hilang? Respon lambat → calon pelangg...

Baca Selengkapnya →

Black SEO: Pengertian, Teknik, dan Risiko yang Harus Diwaspadai

Black SEO: Pengertian, Teknik, dan Risiko yang Harus Diwaspadai Apa Itu Black SEO? ...

Baca Selengkapnya →

Cara Membuat Website Tanpa Coding untuk Pemula dan Profesional

Cara Membuat Website Tanpa Coding untuk Pemula dan Profesional dengan WordPress ...

Baca Selengkapnya →