Dzisiaj7 lipca, 2020

Separacja logiki PHP od HTML

W tym krótkim wpisie omówię dlaczego separujemy PHP od HTML. Otóż PHP i HTML to dwa różne języki, dlatego dla czytelności oraz swobodnej edycji kodu powinniśmy rozdzielać te elementy między sobą. Możesz spojrzeć na przykład strony na której obecnie się znajdujesz – czyli kursphp7.pl. W dowolnej przeglądarce możesz sprawdzić źródło strony, które składa się z kodu HTML (do tego dochodzi CSS i JS). Kod wyświetlanej strony może być ogromny, dlatego nie ma sensu umieszczania w nim kodu PHP gdyż stracilibyśmy później dużo czasu, wyszukując jakiś fragment kodu PHP osadzonego w kodzie HTML. Dlatego rozdzielamy powyższe dwie rzeczy.

Skorzystamy z kodu użytego w poprzednim wpisie.

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>PHP i HTML</title>
    <style>
        header {
            text-align: center;
            padding: 2em;
            background: silver;
        }
    </style>
</head>
<body>
<header>
    <h1>
    <?= "Witaj świecie!"; ?>
    </h1>
</header>
</body>
</html>

Teraz cały fragment kodu HTML przenieś do innego pliku, powiedzmy index.view.php. Nasz napis „Witaj świecie” zastąp zmienną np. o nazwie powitanie. Po zmianach kod powinien wyglądać tak:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML</title>
    <style>
        header {
            text-align: center;
            padding: 2em;
            background: silver;
        }
    </style>
</head>
<body>
<header>
    <h1>
    <?= $powitanie; ?>
    </h1>
</header>
</body>
</html>

A tak na marginesie, zauważyłeś zmianę tytułu? 🙂

Teraz przejdźmy do tworzenia osobnej logiki dla PHP. W części gdzie wyświetla się kod HTML użyliśmy zmiennej ale jej nie zadeklarowaliśmy, więc pora to zrobić. Stworzymy plik o nazwie index.php oraz zaimportujemy poprzedni plik index.view.php:

<?php

$powitanie = "Witaj, Świecie!";
// poniższa instrukcja zaimportuje plik index.view.php
include "index.view.php"; 

W celu sprawdzenia odpalamy przeglądarkę i wpisujemy adres localhost z odpowiednim portem (nie będę wspominał już o tym jak uruchomić serwer WWW, pisałem o tym w poprzednich wpisach).

Instrukcje to importowania plików

W poniższej tabelce znajdują się instrukcje do importowania, należy wspomnieć, że możemy ich używać nie stosując argumentów w nawiasach (np. include „index.php”; to to samo co include(„index.php”);)

W przypadku gdy plik jest wymagany ale nie istnieje, interpretacja kodu programu zostanie przerwana i zobaczymy błąd. Błąd też zobaczymy, jeżeli użyjemy drugi raz instrukcji, która ma zaimportować plik tylko raz, ale kod programu nie zostanie wtedy przerwany.

Udostępnij artykuł
guest
0 komentarzy
Inline Feedbacks
View all comments