Jak vytvořit webovou stránku pomocí XML

Využití XML pro tvorbu webových stránek umožňuje vývojářům snadno aktualizovat obsah bez nutnosti měnit samotné HTML soubory. Stránky založené na XML vyžadují dynamické zpracování pomocí skriptovacího jazyka, např. Perl, ASP nebo PHP. Hlavní výhodou je, že šablona stránky se vytvoří jednou a následně se aktualizuje pouze výměnou XML souboru.

Krok 1 – Vytvoření XML souboru

Vytvořte soubor news.xml s následující strukturou. Obsahuje kořenový element <doc>, jeden element <item> s atributem status="publish" a element <pic> s podobným atributem.

<doc>
    <item status="publish">Španělští koně byli dnes ráno přivezeni na náměstí Santo Domingo. Bylo to krásné a mnoho lidí přišlo je vidět. Přivedl jsem svou přítelkyni a jejího bratrance. Skvělá zábava.</item>
    <pic status="publish">img1.jpg</pic>
</doc>

Uložte soubor jako news.xml.

Krok 2 – Vytvoření Perl CGI skriptu

Skript načte news.xml, vyhledá elementy <item> a <pic> s atributem publish a vygeneruje HTML výstup.

#!/usr/bin/perl -w
print "Content-type: text/html\n\n";

open my $fh, '<', 'news.xml' or die "Nelze otevřít news.xml: $!";
my $xml = do { local $/; <$fh> };
close $fh;

my ($item) = $xml =~ /<item\s+status="publish">(.*?)<\/item>/s;
my ($pic)  = $xml =~ /<pic\s+status="publish">(.*?)<\/pic>/s;

print "<h2>Matt's News</h2><hr>";
print "<div><img src='$pic' alt='News image' style='float:left;margin-right:10px;'>$item</div>";

Uložte skript jako xml_site.cgi a nastavte mu spustitelné oprávnění.

Krok 3 – Nahrání souborů na server

Umístěte news.xml a xml_site.cgi do adresáře cgi-bin. Obrázek img1.jpg nahrajte do veřejného HTML adresáře.

Krok 4 – Otestování stránky

Otevřete v prohlížeči URL např. https://www.domena.cz/~uzivatel/cgi-bin/xml_site.cgi. Měla by se zobrazit nadpis „Matt's News“, oddělený vodorovný řádek, obrázek koní vlevo a text zprávy vpravo.

Krok 5 – Přidání dalšího záznamu

Otevřete news.xml v editoru, zkopírujte první položku a upravte ji:

• změňte atribut status na publish u nové položky,
• nastavte jiný obrázek, např. img2.jpg, a upravte text zprávy (např. o feně Fox Terrier „La Nina“ a její návštěvě veterináře).

Uložte soubor a znovu načtěte xml_site.cgi – obsah se automaticky aktualizuje.

Tipy

• Tento příklad je základní, ale poslouží jako výchozí bod pro složitější aplikace s více XML poli, CSS a JavaScriptem.
• Při práci s tisíci záznamy zvažte generování XML souborů dynamicky (např. pomocí Perlu a slučování souborů) místo ručního kopírování.

Varování

• Dbajte na správnou syntaxi XML i Perl skriptu – i jediná chybějící středník může způsobit selhání celé aplikace.