Install Laravel
-
Download and install the latest version of Composer from https://getcomposer.org/download/
-
Open Windows Terminal in Visual Studio Code install Laravel Installer with command as below:
composer global require laravel/installer
-
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
-
Run LearnLaravelWithRealApps project with command as below:
php artisan serve
-
Open LearnLaravelWithRealApps project with url as below:
http://localhost:8000
Create Controller
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 View
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>
Create Routes
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']);
Structure of Laravel Project
Run Application
Access index action in Demo controller with urls as below:
- http://localhost:8000
- http://localhost:8000/demo
- http://localhost:8000/demo/index
Output