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
Images Folder
Create new folder named images in public folder. In this folder, put the images to display in the view
Models
Create new PHP file named Product.php in app/Models folder as below:
<?php
namespace App\Models;
class Product
{
var $id;
var $name;
var $price;
var $quantity;
var $photo;
function __construct($id, $name, $price, $quantity, $photo)
{
$this->id = $id;
$this->name = $name;
$this->price = $price;
$this->quantity = $quantity;
$this->photo = $photo;
}
}
Controllers
Create new PHP file named DemoController.php in app/Http/Controllers folder as below:
<?php
namespace App\Http\Controllers;
use App\Models\Product;
class DemoController extends Controller
{
public function index()
{
$data = array(
'product' => new Product('p01', 'name 1', 2, 3, 'thumb1.gif')
);
return view('demo/index')->with($data);
}
}
Views
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>Product Info</h3>
<table border="1" cellpadding="2" cellspacing="2">
<tr>
<td>Id</td>
<td>{{$product->id}}</td>
</tr>
<tr>
<td>Name</td>
<td>{{$product->name}}</td>
</tr>
<tr>
<td valign="top">Photo</td>
<td><img src="{{asset('images/'.$product->photo)}}"></td>
</tr>
<tr>
<td>Price</td>
<td>{{$product->price}}</td>
</tr>
<tr>
<td>Quantity</td>
<td>{{$product->quantity}}</td>
</tr>
<tr>
<td>Total</td>
<td>{{$product->price * $product->quantity}}</td>
</tr>
</table>
</body>
</html>
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