Anda di halaman 1dari 6

REQUEST – DATA

(Cara Menerima Data Dari Suatu Inputan)


Disusun guna memenuhi tugas mata kuliah Framework Pemrograman Berbasis Web

Dosen Pengampu:
Aji Primajaya, M.Kom.

Disusun Oleh :
Reza Zulfiqri
2010631170115
Kelas 5C

PROGRAM STUDI INFORMATIKA


FAKULTAS ILMU KOMPUTER
UNIVERSITAS SINGAPERBANGSA KARAWANG
2022

1|Framework
Cara untuk menerima data melalui suatu inputan
1. Membuat project
Untuk membuat project kita buka terlebih dahulu Command Promt/cmd . Lalu kita
masukin “cd c:/xampp/htdcos” dimana Guna dari kode tersebut adalah untuk
mencari lokasi penyimpanan folder yang akan kita buat.

2. Membuat Folder Project Baru


Untuk membuat folder baru kita tinggal lanjutkan Langkah di cmd tadi dengan
memasukan kode “composer create-project laravel/laravel tugasrequest –prefer-
dist” untuk nama folder diserahkan Kembali ke pembuat, disni saya menggunakan
nama folder “tugasrequest” lalu kita tunggu prosesnya selesai.

3. Membuka Kode Editor


Untuk membuka kode editor kita bisa langsung buka aplikasinya, atau dengan cara
manual yaitu dengam memasukan kode “code .” untuk membuka kdoe editornya.

Maka akan muncul seperti digambar.

4. Memulai mengkoding untuk cara menerima data dari suatu inputan


1) Membuka folder “tugasrequest”

2|Framework
2) Membuat routes pada web.php untuk mengakses melalui web. Method yang
saya gunakan yaitu GET dan POST.

Coding:
Route::get('/absen', [MahasiswaController::class, 'biodata']);
Route::post('/biodata/proses', [MahasiswaController::class, 'proses']);
3) Lalu kita harus membuat tampilan view. Kita beri nama file
“biodata.blade.php”

3|Framework
Coding:
<!DOCTYPE html>
<html>
<head>
<title>Tutorial Laravel - Request Data</title>
</head>
<div class="row">
<div class="col-md-12 mb-5">
<div class="button mb-3">
<h1 style="font-size: 30px;text-align:center">ABSEN MATA KULIAH
FRAMEWORK</h1>
</div>
</div>
<body>
<form action="/biodata/proses" method="post">
<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
<h3>
Nama :
<input type="text" name="nama"><br></h3>
<h3>
NPM :
<input type="text" name="npm"><br></h3>
<h3>
Pertemuan :
<input type="text" name="pertemuan"><br></h3>
<h3>
Kehadiran :
<input type="text" name="kehadiran"><br></h3>
<h3>
<button type="submit">Kirim</button>
</form>
</body>
<footer class="text-center text-dark mt-5">
<p>Created by <a href= class="fw-bold text-warning">Reza Zulfiqri</a></p>
</footer>
</html>

4) Langkah selanjutnya adalah membuat controller yaitu


“MahasiswaController” untuk membuat file baru, kita klik kanan di folder
tersebut lalu pilih new file.

4|Framework
Coding:
<?php
namespace App\Http\Controllers;

use Illuminate\Http\Request;

class MahasiswaController extends Controller


{
public function ambilNama($nama)
{
return $nama;
}

public function biodata()


{
return view('biodata');
}

public function proses(Request $request)


{
$nama = $request->nama;
$npm = $request->npm;
$pertemuan = $request->pertemuan;
$kehadiran = $request->kehadiran;
return 'Nama: ' . $nama . ', NPM : ' . $npm . ', Pertemuan : ' . $pertemuan . ',
Kehadiran : ' . $kehadiran;
}
}
5) Selanjutnya kita akan melakukan akses pada web dengan menjalankan perintah
“php artisan serve”. Salin link nya dan buka pada web browser.

Lalu ditambahkan /absen pada http://127.0.0.1:8000 seperti pada pengaturan


route di web.php maka akan jadi “ http://127.0.0.1:8000/absen “ setelah kita
salin kita paste diweb

5|Framework
Tampilan di web
Sebelum diinput

Sedang diinput

Setelah diinput

Gambar diatas merupakan Data yang diterima dari sebuah inputan absen

6|Framework

Anda mungkin juga menyukai