Pass Data from Controller to View in Laravel

  1. Download and install the latest version of Composer from https://getcomposer.org/download/

  2. Open Windows Terminal in Visual Studio Code install Laravel Installer with command as below:

    composer global require laravel/installer
  3. Create new folder named LearnLaravelWithRealApps. Use Visual Studio Code open to LearnLaravelWithRealApps foler. In this folder, create new project named LearnLaravelWithRealApps with command as below:

    laravel new LearnLaravelWithRealApps

  4. Run LearnLaravelWithRealApps project with command as below:

    php artisan serve
  5. Open LearnLaravelWithRealApps project with url as below:

    http://localhost:8000

Create new PHP file named DemoController.php in app\Http\Controllers folder as below:

<?php

namespace App\Http\Controllers;

class DemoController extends Controller
{
	public function index()
	{
		$data = array(
			'id' => 123,
			'username' => 'acc1',
			'price' => 4.5,
			'quantity' => 2,
			'status' => true
		);
		return view('demo/index')->with($data);
	}
}

Create new folder named demo in resources\views folder. In this folder, create new Blade file named index.blade.php as below:

<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Laravel</title>
</head>
<body>

	<h3>Index</h3>
	id: {{$id}}
	<br>
	username: {{$username}}
	<br>
	status: {{$status ? 'show' : 'hide'}}
	<br>
	price: {{$price}}
	<br>
	quantity: {{$quantity}}
	<br>
	total: {{$price * $quantity}}

</body>
</html>

Open web.php file in routes folder, add new routes as below:

<?php
				
use Illuminate\Support\Facades\Route;

use App\Http\Controllers\DemoController;

Route::get('/', [DemoController::class, 'index']);
Route::get('/demo', [DemoController::class, 'index']);
Route::get('/demo/index', [DemoController::class, 'index']);

Access index action in Demo controller with urls as below:

  • http://localhost:8000
  • http://localhost:8000/demo
  • http://localhost:8000/demo/index

Output