Laravel CRUD Menampilkan Data

Menampilkan Data pada Laravel dengan Ajax

Tutorial Sebelumnya:

Tutorial Laravel #12Insert atau Add Data pada Laravel
Tutorial Laravel #13Insert atau Add Data pada Laravel (Menggunakan Ajax)

Pada Tutorial CRUD Laravel Menggunakan Ajax bagian pertama kita sudah membahas Insert atau Add Data. Di bagian kedua ini kita akan belajar cara Menampilkan Data pada Laravel Menggunakan Ajax.

Baca Juga:
Tutorial Laravel #14Menampilkan Data pada Laravel (Tanpa Ajax)

Menampilkan Data pada Laravel Menggunakan Ajax

Tutorial ini adalah lanjutan dari tutorial sebelumnya Menginput Data ke Database di Laravel dengan Ajax.

Sebelumnya kita sudah membuat form input santri dan sudah berhasil menyimpan datanya ke database ke dalam tabel santri. Selanjutnya di tutorial ini kita akan menampilkan data santri tersebut dari database pada project ANISA kita.

1. Tabel yang digunakan adalah tabel santri.

Input Data ke Database dengan Laravel
Tutorial CRUD Laravel Menggunakan Ajax

2. Model untuk tabel User dengan nama SantriModel.php

<?php

namespace App\Models;

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

class Santri extends Model
{
    use HasFactory;

    protected $table = 'santri';
    protected $primaryKey = 'id_santri';
    protected $fillable = ['nm_santri', 'tmp_lahir', 'tgl_lahir', 'alamat', 'no_hp'];
}

3. Kita butuhkan route seperti berikut:

use App\Http\Controllers\SantriController;

Route::get('santri/tampil', [SantriController::class, 'tampilsantri'])->name('tampilsantri')->middleware('auth');

Perhatikan kode Routes di atas, pada bagian kode program use App\Http\Controllers\SantriController agar SantriController dapat digunakan pada route kita.

Pada bagian route Route::get('santri/tampil'... adalah route yang kita gunakan untuk menampilkan seluruh data santri dengan method get.

Sehingga kode full route seperti berikut ini:

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\LoginController;
use App\Http\Controllers\HomeController;
use App\Http\Controllers\SantriController;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::get('/', [LoginController::class, 'login'])->name('login');
Route::post('actionlogin', [LoginController::class, 'actionlogin'])->name('actionlogin');
Route::get('actionlogout', [LoginController::class, 'actionlogout'])->name('actionlogout');

Route::get('home', [HomeController::class, 'index'])->name('home')->middleware('auth');

Route::get('santri/tampil', [SantriController::class, 'tampilsantri'])->name('tampilsantri')->middleware('auth');
Route::get('santri/tambah', [SantriController::class, 'tambahsantri'])->name('tambahsantri')->middleware('auth');
Route::post('santri/simpan', [SantriController::class, 'simpansantri'])->name('simpansantri')->middleware('auth');

4. Selanjutnya pada controller SantriController.php tambahkan kode berikut ini:

Tutorial Selanjutnya:

Tutorial Laravel #16Update atau Edit Data pada Laravel
Tutorial Laravel #17Update atau Edit Data pada Laravel (Menggunakan Ajax)

Web Programmer. Flutter Developer. Content Creator. Founder Ayongoding.com. Penyuka minuman sachet. Menulis pakai tangan kanan. Masih main mobilan remot. Dan pernah kuliah Sistem Informasi sampai lulus.

Satu Komentar

Leave a Reply

Your email address will not be published. Required fields are marked *