cara menampilkan data di laravel

July 26, 2017

cara menampilkan data di laravel

Laravel merupakan framework terpopuler saat ini terlebih di indonesia,banyak pengguna laravel di indonesia ,kali ini tutorial akan membahasa cara menampilkan data di laravel

,yang pertama kalian harus sudah install laravel terlebih dahulu,saat ini laravel sudah versi 5.4 (07/26/2017)

ada beberapa step cara untuk menampilkan data di laravel ,untuk menampilkan data dari database kita menggunakan query untuk mengambil data yang ada di database

cara menampilkan di laravel di bagi 2

cara menampilkan data di laravel menggunakan eloquent dan menggunaka query seperti biasa

step pertama cara menampilkan data di laravel

kita terlbih dahulu membuat database sebagai berikut

SET NAMES utf8;
SET time_zone = '+00:00';
SET foreign_key_checks = 0;
SET sql_mode = 'NO_AUTO_VALUE_ON_ZERO';

DROP TABLE IF EXISTS `bagians`;
CREATE TABLE `bagians` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `nama` char(10) COLLATE utf8_unicode_ci NOT NULL,
  `keterangan` varchar(10) COLLATE utf8_unicode_ci NOT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;

INSERT INTO `bagians` (`id`, `nama`, `keterangan`, `created_at`, `updated_at`) VALUES
(1,	'Saya',	'saya',	NULL,	NULL),
(2,	'lari',	'lari',	NULL,	NULL);

SET NAMES utf8;

SET time_zone = '+00:00';

SET foreign_key_checks = 0;

SET sql_mode = 'NO_AUTO_VALUE_ON_ZERO';

DROP TABLE IF EXISTS `bagians`;

CREATE TABLE `bagians` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`nama` char(10) COLLATE utf8_unicode_ci NOT NULL,

`keterangan` varchar(10) COLLATE utf8_unicode_ci NOT NULL,

`created_at` timestamp NULL DEFAULT NULL,

`updated_at` timestamp NULL DEFAULT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;

INSERT INTO `bagians` (`id`, `nama`, `keterangan`, `created_at`, `updated_at`) VALUES

(1, 'Saya', 'saya', NULL, NULL),

(2, 'lari', 'lari', NULL, NULL);

Step kedua cara menampilkan data di laravel

Buat model

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class gaji extends Model
{
    //
}

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class gaji extends Model

{

}

step ketiga cara menampilkan data di laravel

membuat controller

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\facades\DB;
use App\Http\Requests;
use App\Karyawan;
use App\Gaji;

class GajisController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
		$data = DB::table('karyawans')
			->join('gajis','karyawans.id','=','gajis.karyawan_id')
			->select('gajis.*','karyawans.nama')
			->get();
			return view('gajis.tampil_gaji',compact('data'));
        //
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Illuminate\Support\facades\DB;

use App\Http\Requests;

use App\Karyawan;

use App\Gaji;

class GajisController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

$data = DB::table('karyawans')

->join('gajis','karyawans.id','=','gajis.karyawan_id')

->select('gajis.*','karyawans.nama')

->get();

return view('gajis.tampil_gaji',compact('data'));

}

Baca Juga : Tutorial pemrograman:Belajar dasar laravel 5 studi kasus penggajian sederhana

step keempat cara menampilkan data di laravel

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">Tampil Gaji</div>

                <div class="panel-body">
				<a href="{{ url('input_gaji') }}" class="btn btn-danger"/>Tambah gaji</a>
                  <table class="table table-bordered">
				  <tr>
				  <td>No</td>
					<td>Nama</td>
					<td>Nik</td>
					<td>Alamat</td>
					<td>Nama Bagian</td>
					<td>Nama jabatan</td>
					<td colspan="2">Action</td>
				  
				  </tr>
				  @foreach ($data as $index =>$datas)
				  <tr>
				   <td>{{ $index+1 }}</td>
				     <td>{{ $datas->nama }}</td>
					 <td>{{ $datas->hari_kerja }}</td>
					 <td>{{ number_format($datas->gaji_pokok) }}</td>
					 <td>{{ number_format($datas->pot_gaji) }}</td>
					 <td>{{ number_format($datas->gaji_terima) }}</td>
					 <td><a class="btn btn-success"  href="{{ url('edit_gaji',['id'=>$datas->id]) }}"/>Edit</a></td>
					 <td><a class="btn btn-info"  href="{{ url('hapus_gaji',['id'=>$datas->id]) }}"/>hapus</a></td>
					 
				  
				  
				  </tr>
				  @endforeach
				  </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@extends('layouts.app')

@section('content')

<div class="panel-heading">Tampil Gaji</div>

<a href="{{ url('input_gaji') }}" class="btn btn-danger"/>Tambah gaji</a>

<tr>

<td>Alamat</td>

<td>Nama Bagian</td>

<td>Nama jabatan</td>

<td colspan="2">Action</td>

</tr>

@foreach ($data as $index =>$datas)

<tr>

<td>{{ $index+1 }}</td>

<td>{{ $datas->nama }}</td>

<td>{{ $datas->hari_kerja }}</td>

<td>{{ number_format($datas->gaji_pokok) }}</td>

<td>{{ number_format($datas->pot_gaji) }}</td>

<td>{{ number_format($datas->gaji_terima) }}</td>

<td><a class="btn btn-success" href="{{ url('edit_gaji',['id'=>$datas->id]) }}"/>Edit</a></td>

<td><a class="btn btn-info" href="{{ url('hapus_gaji',['id'=>$datas->id]) }}"/>hapus</a></td>

</tr>

@endforeach

</table>

</div>

@endsection

Sekian tutorial “cara menampilkan data di laravel” jika ada yang berkenan atau yang ingin di tanyakan silahkan untuk tutorial lengkap bisa disini

cara menampilkan data di laravel

cara menampilkan data di laravel

step pertama cara menampilkan data di laravel

Step kedua cara menampilkan data di laravel

step ketiga cara menampilkan data di laravel

Baca Juga : Tutorial pemrograman:Belajar dasar laravel 5 studi kasus penggajian sederhana

step keempat cara menampilkan data di laravel

WhatsApp Kami di 087809176282

Fahmi Nugraha

cara menampilkan data di laravel

cara menampilkan data di laravel

step pertama cara menampilkan data di laravel

Step kedua cara menampilkan data di laravel

step ketiga cara menampilkan data di laravel

Baca Juga : Tutorial pemrograman:Belajar dasar laravel 5 studi kasus penggajian sederhana

step keempat cara menampilkan data di laravel

Baca Artiker menarik lain nya

WhatsApp Kami di 087809176282

Fahmi Nugraha