PEMOGRAMAN WEB II

Program Studi PJJ INFORMATIKA

Sesi 1 3 – OPERASI CRUD 4

CATUR NUGROHO, S.KOM., M.KOM

MENAMPILKAN GRAFIK
TUJUAN

Mahasiswa dapat memahami pengunaan Template

MENAMPILKAN DATA
Insert dalam database

Fungsi untuk menambahkan sebuah data baru atau seringkali disebut dengan
CRUD: Insert merupakan C (Create) dalam Create. Fitur ini artinya adalah
fungsi untuk membuat sebuah data baru, misalnya pada untuk proses
registrasi pada sebuah web, mengisikan komentar sebuah post, memberikan
rating pada belanja online, dan sebagainya.
Pada pemograman web, untuk membuat sebuah fungsi yang memungkinkan
penggunanya dapat memasukkan data adalah dengan terlebih dahulu
membuat Form. Melalui form ini pengguna akan dapat mengetikkan kalimat,
memilih dari pilihan yang disediakan, atau misalnya dengan menekan tombol
tertentu.
 MENAMPILKAN DATA
Membuat FORM

Ambil kode dari adminLTE ->Page -> FORM – Validation kemudia Copy
semua kodenya nya

Untuk membuat halaman form dengan metode inheritance atau template

warisan, dimana sebuah template akan digunakan sebagai parent atau induk.
Kita buat folder baru pada direktori views dengan nama admin -> layouts dan
tambahkan file baru dengan nama insert-data.blade.php, kemudian copas html
dibawah ini.
 MENAMPILKAN DATA
Membuat FORM

COPY mulai dari

Content Wrapper sampai atas footer

<!-- Content Wrapper. Contains page content -->

 MENAMPILKAN DATA
BUAT FILE DENGAN NAMA INSERT-data.blade.php
 MENAMPILKAN DATA
Masukan html <!-- Content Wrapper. Contains page content --> ke dalam
INSERT-data.blade.php
Tambahkan perintah berikut :

@extends('admin.app')
@section('content’)

@endsection
 MENAMPILKAN DATA
php artisan migrate

Pada homeController isi Function Create()

   return view('admin.layout.dashboard-layout');

Pada Route tambahkan dan ganti

Route::get('/admin/insert-data',[App\Http\Controllers\HomeController::class,'create'
   
 MENAMPILKAN DATA
php artisan migrate

Pada side-navbar.blade.php Masukan perintah

"{{ url('/')}}"
"{{ url('/admin/data')}}"
"{{ url('/admin/insert-data')}}"

BUKA
  DENGAN
  : http://localhost:8000/
MENAMPILKAN DATA
php artisan migrate
 MENAMPILKAN DATA
php artisan migrate

MEMBUAT FORM INPUTAN

pada insert-data.blade.php ubhalah email dan password menjadi file form baru
 MENAMPILKAN DATA
php artisan migrate

MEMBUAT FORM INPUTAN

pada insert-data.blade.php ubhalah email dan password menjadi file form baru
MENAMPILKAN DATA
php artisan migrate

public function show(Biodata $biodata)

{
return view('biodata.show',compact('biodata'));
}
/**
* Show the form for editing the specified resource.
*
* @param \App\Biodata $biodata
* @return \Illuminate\Http\Response
*/
public function edit(Biodata $biodata)
{
return view('biodata.edit',compact('biodata'));
}
MENAMPILKAN DATA
php artisan migrate

MENAMBAHKAN FIELD ALLOWED /FILL LABLE

Buka Example.php    
MEMASUKAN DATA
php artisan migrate

MENAMBAHKAN FIELD ALLOWED /FILL LABLE

Buka HomeController ketikan perintah :    
 MEMASUKAN DATA
Buka ROUTE => tambhakan nama : example.data    
 MEMASUKAN DATA
Pada file insert-data.blade.php => tambhakan kode :
<form id="quickForm" action="{{ url('/admin/data/insert-data') }}"
@csrf