Crearea unei pagini web din XML

Utilizarea XML pentru a crea o pagină web permite dezvoltatorilor să furnizeze conținut actualizat fără a modifica manual fișierele HTML. Site-urile bazate pe XML nu pot fi simple pagini statice; necesită un limbaj de scripting precum Perl, ASP sau PHP pentru a adăuga dinamism. Avantajul major este că pagina se creează o singură dată și întregul site poate fi actualizat zilnic prin încărcarea unui fișier XML.

Pasul 1: Creează fișierul XML

Fișierul XML va conține trei taguri și două atribute: un tag rădăcină, doi taguri copil pentru știrile zilnice și imaginea zilnică. Copiază următorul text într-un document gol și salvează-l ca news.xml:

<doc>
  <item status="publish">Cavalerii spanioli au fost aduși pe piața Santo Domindo în această dimineață. O priveliște minunată și mulți oameni au venit să îi vadă. Am adus-năpăciunea mea și cousinul ei. Ne-am distrat.</item>
  <pic status="publish">img1.jpg</pic>
</doc>

Atributul status indică paginii ce informații să extragă.

Pasul 2: Creează scriptul Perl CGI

Scriptul deschide fișierul news.xml și caută textul dintre tagurile <item> și numele fișierului de imagine dintre tagurile <pic>:

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

open(my $fh, "<", "news.xml") or die "Nu pot deschide news.xml";

my ($item, $pic);
while (my $line = <$fh>) {
    if ($line =~ /<item status="publish">(.*?)<\/item>/is) {
        $item = $1;
    }
    if ($line =~ /<pic status="publish">(.*?)<\/pic>/is) {
        $pic = $1;
    }
}
close $fh;

print "
Matt's News
$item
";
print "";

Salvează fișierul ca xml_site.cgi și asigură-te că există permisiunile necesare de execuție.

Pasul 3: Încarcă fișierele pe server

Încărcă news.xml și xml_site.cgi în directorul cgi-bin. Salvează imaginea img1.jpg în folderul html sau unde ai configurat fișierele de imagine.

Pasul 4: Testează pagina

Deschide URL-ul: https://www.domeniul_tău.com/~root/cgi-bin/xml_site.cgi. Ar trebui să vezi titlul „Matt's News”, o linie orizontală, imaginea și comentariul asociat.

Pasul 5: Adaugă o nouă intrare

Editează news.xml, duplicatează prima intrare, schimbă atributul status al primei intrări la „null” și actualizează cea de-al doilea intrare cu img2.jpg și un text nou. Salvează fișierul și încarcă-l din nou.

Reîncarcă xml_site.cgi în browser; pagina ar trebui să afișeze noua știre și imagine.

Tipuri utile

• Acesta este un exemplu simplu; codul poate fi extins cu mai multe câmpuri XML, CSS și JavaScript.
• Pentru mii de înregistrări, creează un script care generează XML la cerere, reducând sarcina de copiere și lipire.

Avertisment

• Verifică întotdeauna sintaxa; o punctuație greșită poate opri scriptul.