📋

Simple Template Demo

A simple template without complex inheritance

Template Inheritance Data Binding Clean Layout Dynamic Content

Template System Features

Layout Inheritance

Extend base layouts and override specific sections with clean inheritance patterns.

Data Binding

Pass data from controllers to views with automatic variable extraction.

Section Management

Define and manage template sections for flexible content organization.

Helper Functions

Built-in template helpers for common tasks and utilities.

Live Application Data

This data was passed from the controller and is rendered dynamically in the template:

Property	Value	Type
Version	`1.0.0`	string
Environment	`development`	string
Timestamp	`1765446127`	integer

Back to Demo Index Template Documentation Template Test

<!-- simple.php - Base Layout -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $this->yieldSection('title', 'Simple Template') ?></title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <?= $this->yieldSection('head') ?>
</head>
<body>
    <div class="container-fluid">
        <?= $this->yieldSection('content') ?>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

<!-- simple-template.php - This Page -->
<?php $this->extend('simple'); ?>

<?php $this->section('title'); ?>
<?= $title ?> - <?= $_ENV['APP_NAME'] ?? 'Coralito Framework' ?>
<?php $this->endSection(); ?>

<?php $this->section('content'); ?>
<div class="container my-4">
    <!-- Page content here -->
</div>
<?php $this->endSection(); ?>

// DemoController.php
public function simpleTemplate(Request $request, Response $response): void
{
    $response->render('demo/simple-template', [
        'title' => 'Simple Template Demo',
        'description' => 'Demonstration of simple template usage',
        'message' => 'Template system is working correctly!',
        'data' => [
            'current_time' => date('Y-m-d H:i:s'),
            'user_agent' => $_SERVER['HTTP_USER_AGENT'] ?? 'Unknown',
            'request_method' => $_SERVER['REQUEST_METHOD'] ?? 'Unknown',
            'server_software' => $_SERVER['SERVER_SOFTWARE'] ?? 'Unknown',
            'php_version' => PHP_VERSION,
            'framework_version' => '1.0.0'
        ]
    ]);
}

// In template file:
<h1><?= $title ?></h1>
<p><?= $description ?></p>
<div class="alert alert-success"><?= $message ?></div>

<?php foreach ($data as $key => $value): ?>
    <p><strong><?= $key ?>:</strong> <?= $value ?></p>
<?php endforeach; ?>

// Basic Section Usage
<?php $this->section('content'); ?>
    <div class="page-content">
        <h1>Page Title</h1>
        <p>Page content goes here...</p>
    </div>
<?php $this->endSection(); ?>

// Section with Default Content
<?= $this->yieldSection('sidebar', '<p>Default sidebar content</p>') ?>

// Conditional Sections
<?php if ($this->hasSection('extra-content')): ?>
    <div class="extra-section">
        <?= $this->yieldSection('extra-content') ?>
    </div>
<?php endif; ?>

// Nested Sections
<?php $this->section('head'); ?>
    <style>
        .custom-styles { color: red; }
    </style>
    <?= $this->parent() ?> <!-- Include parent section content -->
<?php $this->endSection(); ?>

// Section Stacking
<?php $this->push('scripts'); ?>
    <script>console.log('Script 1');</script>
<?php $this->endPush(); ?>

<?php $this->push('scripts'); ?>
    <script>console.log('Script 2');</script>
<?php $this->endPush(); ?>

<!-- In layout -->
<?= $this->yieldPushes('scripts') ?>

// URL Generation
<a href="<?= route('home') ?>">Home</a>
<a href="<?= route('user.profile', ['id' => 123]) ?>">User Profile</a>
<img src="<?= asset('images/logo.png') ?>" alt="Logo">

// Data Escaping
<p><?= $this->escape($userInput) ?></p>
<p><?= e($userInput) ?></p> <!-- Short alias -->

// CSRF Protection
<form method="POST">
    <?= $this->csrf() ?>
    <!-- form fields -->
</form>

// Including Partials
<?= $this->include('partials.header', ['title' => 'Page Title']) ?>
<?= $this->include('partials.sidebar') ?>

// Conditional Helpers
<?php if ($this->isActive('/')): ?>
    <span class="active">Home</span>
<?php endif; ?>

// Custom Helpers (can be added to View class)
<?= $this->formatDate($timestamp) ?>
<?= $this->truncate($longText, 100) ?>
<?= $this->currency($amount) ?>

// Component Rendering
<?= component('button', ['text' => 'Click Me', 'type' => 'primary']) ?>
<?= component('card', ['title' => 'Card Title', 'content' => 'Card content']) ?>

Simple Template Demo

Template System Features

Layout Inheritance

Data Binding

Section Management

Helper Functions

Live Application Data

Layout Inheritance Example

Data Binding Example

Section Management

Template Helper Functions