[[oktatas:programozás:php|< PHP]] ====== PHP TPL fájlok ====== * **Szerző:** Sallai András * Copyright (c) Sallai András, 2020 * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] * Web: https://szit.hu ===== Bevezetés ===== A TPL fájlok egyszerű .tpl kiterjesztésű állományok. A HTML kódot szokás beleírni. Ezeknek az állományoknak a kiterjesztése, lehetne akár .html is, de logikátlan, mert nem teljes értékű HTML kódok, csak részletek. A TPL fájlok használatának előnye, hogy segítségével szétválaszthatjuk a PHP és HTML kódokat. A .php kiterjesztésű állományokba szigorúan csak PHP kódot írunk, a .tpl kiterjesztésű fájlokba pedig csak HTML kódot. Ez jól jön a szintaktikai színezés során, a szerkesztők, általában ismerik a TPL fájlokat is, és HTML szintaxisnak megfelelően színezik. ===== Helló Világ ===== Könyvtárszerkezet:


projekt/
   |--templates
   |     |--foot.tpl
   |     `--head.tpl
   |
   `--index.php





    
    Kiírás


echo file_get_contents('templates/head.tpl');

echo "Helló Világ!";

echo file_get_contents('templates/foot.tpl');

===== Behelyettesítés a TPL fájlba ===== Ebben a részben a "Helló Világ!" szöveget szeretnénk h1 elemek között megjeleníteni. Az index.php számára készítünk egy index.tpl állományt. Ebbe kerül a

elem. A "Helló Világ!" szöveget nem írjuk az index.tpl fájlba, azt majd az index.php fogja behelyettesíteni. Könyvtárszerkezet: projekt/ |--templates | |--foot.tpl | |--head.tpl | `--index.tpl | `--index.php `Kiírás` `{{ szoveg }}` ===== Bekéréses feladat ===== A példában egy három alapját és magasságát kérjük be, amiből kiszámoljuk annak területét. ==== A feladat kezdeti megoldása ==== A célunk, a kód kisebb önálló részekbe szervezése, hogy növeljük az átláthatóságot. projekt/ |--templates/ | |--foot.tpl | |--head.tpl | |--index.tpl | `--terulet.tpl | |--index.php `--terulet.php Kiírás Alap Magasság Eredmény: {{ terulet }} ==== A feladat továbbfejlesztve ==== Ebben részben CSS-t rendelünk a weboldalainkhoz, és a területszámítást külön függvénybe és külön fájlba tesszük. projekt/ |--css/ | `--style.css |--includes/ | `--haromszog.php |--templates/ | |--foot.tpl | |--head.tpl | |--index.tpl | `--terulet.tpl |--index.php `--terulet.php #content { background-color: orange; margin: 5%; padding: 20px; } label { display: inline-block; width: 70px; } #about { margin-top: 20px; } Nagy János, 2020-05-06 Kiírás Alap Magasság Eredmény: {{ terulet }}