Kaip sukurti dinaminį tinklalapį su XML

Naudojant XML kuriant tinklalapius, kūrėjai gali lengvai atnaujinti turinį be poreikio keisti pačius HTML puslapius. XML pagrindu veikianti svetainė reikalauja dinaminio komponento – pvz., Perl, ASP arba PHP skripto – kuris iš XML failo ištraukia duomenis ir generuoja HTML.

Kas yra „Matt's News“?

Šiame straipsnyje parodyta, kaip paprastai sukurti dinaminį puslapį, kuriame rodomos naujienos ir paveikslėlis. Po to, kai sukursite CGI skriptą, turinį atnaujinsite tiesiog įkeldami naują news.xml failą.

1 žingsnis – sukurkite XML failą

XML faile bus šakninis elementas <doc> ir du vaiko elementai: <item> (naujienų tekstas) bei <pic> (paveikslėlio pavadinimas). Štai pavyzdys:

<doc>
    <item status="publish">Ispanų žirgai rytoj buvo pristatyti Šventojo Domingo aikštyne. Tai buvo nuostabus reginys, todėl daug žmonių išėjo juos pamatyti. Aš su drage ir jos pusseserė apsilankėme.</item>
    <pic status="publish">img1.jpg</pic>
</doc>

Išsaugokite failą kaip news.xml.

2 žingsnis – sukurkite Perl CGI skriptą

Skriptas atidaro news.xml, ištraukia item ir pic elementų turinį ir išveda HTML puslapį.

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

open my $fh, '<', 'news.xml' or die "Negaliu atidaryti news.xml: $!";
my ($item, $pic);

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

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

Išsaugokite kaip xml_site.cgi ir patikrinkite, ar serveris leidžia vykdyti CGI skriptus.

3 žingsnis – įkelkite failus į serverį

• Į cgi-bin katalogą įkelkite news.xml ir xml_site.cgi.
• Į HTML dokumentų katalogą įkelkite paveikslėlį img1.jpg.

4 žingsnis – išbandykite puslapį

Atidarykite naršyklėje URL, pvz.: https://www.jusu-domenas.lt/~root/cgi-bin/xml_site.cgi. Puslapyje turėtų būti rodomas antraštė „Matt's News“, po jos – paveikslėlis ir naujienų tekstas.

5 žingsnis – pridėkite naują įrašą

Atidarykite news.xml teksto redaktoriuje, nukopijuokite pirmą įrašą, pakeiskite atributus į publish ir atnaujinkite turinį, pvz.:

<item status="publish">Šiandien mūsų Fox Terrier „La Nina“ lankėsi pas veterinarą.</item>
<pic status="publish">img2.jpg</pic>

Išsaugokite failą, įkelkite jį į serverį ir perkraukite xml_site.cgi puslapį – turinys atsinaujins automatiškai.

Patarnimai

• Šis pavyzdys yra labai paprastas, tačiau gali tapti pagrindu sudėtingesnei sistemai, naudojant daugiau XML laukų, CSS, JavaScript ir pan.
• Jei planuojate dirbti su tūkstančiais įrašų, apsvarstykite galimybę generuoti XML dokumentus dinamiškai, pvz., naudojant Perl failų sujungimą arba duomenų bazės sprendimus.

Įspėjimas

• Įsitikinkite, kad XML ir Perl kodo sintaksė yra teisinga – net viena klaidinga kabutė ar kabliataškis gali sutrikdyti programos vykdymą.