Why templates separate presentation from logic in Laravel - See It in Action

Why Templates Separate Presentation from Logic in Laravel

📖 Scenario: You are building a simple Laravel web page that shows a list of products with their prices. You want to keep the code clean and easy to manage by separating the data and logic from the HTML that displays it.

🎯 Goal: Create a Laravel Blade template that displays product names and prices passed from a controller. Learn how separating the data logic from the HTML presentation helps keep your code organized and easier to maintain.

📋 What You'll Learn

Create a PHP array of products with names and prices in the controller.

Pass the products array to a Blade template.

Use Blade syntax to loop through the products and display them.

Keep the PHP logic in the controller and only HTML with Blade directives in the template.

💡 Why This Matters

🌍 Real World

Separating logic and presentation is common in web development to keep code clean and easy to update. Laravel uses Blade templates to help with this separation.

💼 Career

Understanding how to separate data logic from HTML is essential for working with Laravel and many other web frameworks. It improves teamwork and code quality.

1

Create the products array in the controller

In your Laravel controller, create a variable called $products that is an array with these exact entries: ['Apple' => 1.2, 'Banana' => 0.5, 'Cherry' => 2.0].

Laravel

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Controllers\Controller;

class ProductController extends Controller
{
    public function index()
    {
        // Create the products array here
        // Your code here
    }
}

Need a hint?

Use a PHP array with product names as keys and prices as values.

2

Pass the products array to the Blade template

In the index method, return the view called 'products' and pass the $products array to it using the compact function.

Laravel

 1.2, 'Banana' => 0.5, 'Cherry' => 2.0];
        // Return the 'products' view and pass $products
        // Your code here
    }
}

Need a hint?

Use return view('products', compact('products')); to send data to the Blade template.

3

Create the Blade template to display products

In the resources/views folder, create a Blade template file called products.blade.php. Use a @foreach loop with variables $name and $price to iterate over $products and display each product name and price inside an unordered list.

Laravel

Need a hint?

Use Blade syntax: @foreach ($products as $name => $price) and {{ $name }}, {{ $price }} inside list items.

4

Explain why templates separate presentation from logic

Add a comment at the top of products.blade.php explaining that keeping PHP logic in the controller and HTML in the Blade template helps keep code clean, easier to read, and maintain.

Laravel

    @foreach ($products as $name => $price)
        {{ $name }}: ${{ $price }}
    @endforeach

Need a hint?

Write a clear comment about why separating logic and presentation is helpful.