Hvordan lage en webside med XML

Utnytte XML for å lage en nettside lar utviklere ofte gi nytt innhold til nettstedet uten å måtte bruke tid på å endre nettsider. XML baserte nettsteder kan ikke brukes med statiske HTML-sider, men må inkludere et nivå av dynamikk gjennom bruk av et skriptspråk som Perl, ASP eller PHP. Fordelen med å bruke XML for webutvikling er at siden har kun skal opprettes én gang. I hovedsak kan en hel side bli oppdatert på daglig basis ved å laste opp en XML-fil. Denne artikkelen viser hvordan du bruker XML for å lage en helt enkel nettside som heter Matt News. Når den dynamiske nettsiden er konstruert, kan nettstedets innhold blir oppdatert ved å laste opp en XML-fil.

Bruksanvisning

1

Opprett XML-filen. XML-filen for eksempel vil inneholde tre tagger og to attributter; en rot tag, og to barn koder for Matts daglige nyheter, og den daglige bilde. Kopier følgende inn i et tomt tekstdokument.
<Doc>
<Item status = "publiser"> De spanske hester ble brakt til Santo Domindo plassen i morges. Det var en herlig syn
og så mange mennesker kom ut for å se dem. Jeg tok kjæresten min og hennes fetter. Vi hadde det kjempegøy. </ Item>
<Pic status = "publiser"> img1.jpg </ bilde>
</ Doc>
"Status" attributter vil fortelle nettsiden at det skal trekke særlig informasjon fra XML-dokument. Lagre tekst som "news.xml."

2 Lag Perl CGI. Dette skriptet åpner "news.xml" dokument på serveren og søker etter to elementer av informasjon; teksten mellom <item> koder og navnet bildefilen mellom <pic> tags; ! / Usr / bin / perl-w

print "Content-Type: text / html \ n \ n";
åpen (XML, "<news.xml"); #opens xml doc
$ / = "</ Doc>"; #indexes XML-filen på </ doc>
$ Count = 0;
while (<XML>) {
if (/ <item status = \ "publiser \"> (. *?) <\ / item> / er) {

$item=$1; #finds the saying with publish attribute

}
if (/ <pic status = \ "publiser \"> (. *?) <\ / bilde> / er) {

$pic =$1; #finds the pic name with publish attribute

}
}
print "<h2> Matt News </ h2> <hr>
<Table width = 450> <tr> <td> <img src = \ "/ ~ your_root / $ pic \" width = 150 height = 120 align = venstre />
</ Td> <td> $ element </ td> </ tr> </ table> <hr> ";

Dette tekstutdrag finne bildet og skriver ut nettsiden.

Sørg for å fylle på med katalogen root informasjon. Lagre koden som "xml_site.cgi."

3


Last opp filer til serveren. Last opp "news.xml" og "xml_site.cgi" til cgi-bin. Last opp et bilde som heter "img1.jpg" til din html doc-mappen.

4


Test nettsiden. Laste inn nettsiden ved å åpne xml_site.cgi "siden i nettleseren du vil gjøre dette ved å skrive følgende.;
"Http://www.your_domain.com/~your_root/cgi-bin/xml_site.cgi."
I dette eksempelet en overskrift i fet faced skrift vises som leser "Matt News" etterfulgt av en horisontal linje. Under horisontal linje, åpnes et bilde av to hester til venstre og en kort kommentar til høyre i bildet.

5


Legg til en annen inngang til XML-filen. For å legge til en annen oppføring, åpner du "news.xml" filen i en teksteditor. Lag en kopi av den første oppføringen ved å klippe og lime under. Endre attributtene til det første innlegget til "null". I den andre oppføringen endre bildefilen til "img2.jpg" og skrive et nytt element av nyheter. Det andre bildet for denne artikkelen er av en kvinnelig Fox Terrier navn "La Nina", og nyheten er om hennes tur til veterinæren. Kontroller at begge attributtene til det nye elementet er satt til "publiser". Lagre filen.

6


Last inn siden på nytt. Denne gangen, laste opp "news.xml" fil, laste "xml_site.cgi" filen i nettleseren, og innholdet vil automatisk skifte til et nytt element av nyheter og et nytt bilde.

Hint

• Dette er et veldig rudimentær eksempel på hva du kan oppnå med XML. Imidlertid er tilstrekkelig koding for å tjene som et utgangspunkt for en større mer komplekse program som bruker flere XML-felt, CSS, Javascript etc.
• Hvis du planlegger å innlemme 1000 av XML-poster, er det en god idé å se nærmere på å utvikle et program som skaper XML-dokumenter på fly, i stedet for å kopiere og lime inn. Disse kan lages i Perl ved å innlemme fil sammenslåing.
• Kontroller at syntaksen er riktig. Hvis man semikolon er malplassert programmet vil unnlate å utføre riktig hvis i det hele tatt.