XML-andmete vaatamiseks veebilehe osana võite kasutada XSLT-d; brauserid seda võimalust iseseisvalt ei paku.
XML on keel, mida kasutatakse andmete struktureerimiseks, salvestamiseks ja vahetamiseks. XSLT on veel üks keel, mis võimaldab teil muuta oma XML-andmeid muudesse vormingutesse, näiteks HTML-i.
Saate kasutada XSLT-d XML-andmete kuvamiseks HTML-i veebilehel. XML-i ja XSLT-i kasutamine andmete kuvamiseks võib olla kasulik, kuna see võimaldab teil andmeid struktureerida viisil, mis vastab teie konkreetsetele vajadustele.
Näidisandmete lisamine XML-faili
XML-andmete kuvamiseks veebilehel peate esmalt looma XML-faili ja lisama sellele andmed.
- Looge uus fail nimega data.xml.
- Deklareerige XML-failis kodeering ja XML-versioon:
1.0 UTF-8?> - Linkige XML-fail XSL-laaditabeli failiga, mille loote hilisemas etapis.
text/xsl xmlstylesheet.xsl?> - Lisage andmed XML-faili. XML sisaldab struktureeritud andmeid ja salvestab iga andmepunkti eraldi sildis. See näide sisaldab juurmärget nimega mängud. Sees mängud salvestage iga mäng eraldi mängu tag. Salvestage iga mängu andmed, näiteks nimi ja arendaja eraldi siltides.
1.0 UTF-8?>
text/xsl xmlstylesheet.xsl?>
<mängud>
<mängu>
<nimi>The Last of Us II osanimi>
<arendaja>Naughty Koerarendaja>
mängu>
<mängu>
<nimi>Tsushima kummitusnimi>
<arendaja>Sucker Punch Productionsarendaja>
mängu>
<mängu>
<nimi>Death Strandingnimi>
<arendaja>Kojima Productionsarendaja>
mängu>
mängud>
Kuidas kasutada XSLT-d andmete lugemiseks XML-failist
Looge uus XSL-fail, et liikuda läbi XML-lehe iga andmepunkti ja kuvada andmed.
- Looge XML-failiga samas kaustas uus fail nimega xmlstylesheet.xsl.
- Faili sees deklareerige XSL-versioon ja lisage XSL-i põhistruktuur:
1.0 UTF-8?>
<xsl: stiililehtversioon="1.0"xmlns: xsl=" http://www.w3.org/1999/XSL/Transform">
// Sinu kood siin
xsl: stiilileht> - Peamise XSL-sildi sisse lisage a malli tag. Siin saate XML-andmete kuvamiseks ja stiiliks lisada kohandatud HTML-koodi.
<xsl: mallvaste="/">
<html>
<keha>
// Teie HTML-kood siin
keha>
html>
xsl: mall> - Kasutage kehasildi sees xsl: igaühe jaoks sildi valija. See toimib for-silmusena, et läbida iga mängu all pesastatud silt mängud tag.
<xsl: igaühe jaoksvali="mängud/mäng">
xsl: igaühe jaoks> - Kuvage iga tsükli sees nimi ja arendaja andmepunktid, kasutades xsl: väärtus-of sildi valija.
<xsl: väärtus-ofvali="nimi" />
<xsl: väärtus-ofvali="arendaja" />
Kuidas kuvada andmeid HTML-i veebilehel
Te ei saa XSLT- või XML-faili otse brauseris avada, et vaadata andmeid veebilehe osana. Looge uus HTML-fail ja renderdage andmed, kasutades a iframe tag.
- Looge XML- ja XSL-failidega samas kaustas uus fail nimega index.html.
- Lisage HTML-faili põhistruktuur. Kui te pole HTML-i varem kasutanud, saate seda värskendada sissejuhatavad HTML-i kontseptsioonid.
html>
<html>
<pea>
<pealkiri>XML ja XSLT näidepealkiri>
pea>
<keha>
keha>
html> - Sees keha sildi, kasutage an iframe märgend XML-faili ja XSL-faili linkimiseks:
<h1>XML ja XSLT näideh1>
<lk>Järgmine sisu luuakse XML-failist:lk>
<iframesrc="data.xml"xslt="xmlstylesheet.xsl">iframe> - Looge uus fail nimega stiilid.css.
- Lisage faili sees CSS-i, et oma veebilehte stiilida. Muutke oma CSS-i muu huvitava abil CSS-i näpunäited ja nipid.
html,
keha {
kõrgus: 100%;
marginaal: 0;
}keha {
ekraan: flex;
õigustama-sisu: keskpunkt;
joonda-elemendid: keskel;
paindesuund: veerg;
}p {
veeris-alumine: 24px;
} - Linkige oma HTML-fail CSS-i stiiliga, lisades HTML-i peasildile järgmise.
<linkrel="laadileht"href="stiilid.css"> - XML-andmete vaatamiseks avage brauseris HTML-fail. Mõned brauserid ei toeta XSLT-d, kuid mõned brauserid, näiteks Firefox, toetavad.
Andmete kuvamine HTML-i veebilehtedel
HTML-veebilehtedel andmete kuvamiseks on palju viise, ühed neist on XML ja XSLT. Uurige julgelt ka muid viise, kuidas seda teha, nt kasutaja sisendi salvestamine ja kuvamine JavaScripti abil.