Az XML adatok weboldal részeként való megtekintéséhez használhatja az XSLT-t; a böngészők önmagukban nem biztosítják ezt a lehetőséget.
Az XML az adatok strukturálására, tárolására és cseréjére használt nyelv. Az XSLT egy másik nyelv, amely lehetővé teszi az XML-adatok más formátumokba, például HTML-be való átalakítását.
Az XSLT használatával XML-adatokat jeleníthet meg egy HTML-weboldalon. Hasznos lehet az XML és az XSLT használata az adatok megjelenítésére, mivel lehetővé teszi az adatok olyan strukturálását, amely megfelel az Ön egyedi igényeinek.
Példaadatok hozzáadása XML-fájlhoz
Ha XML-adatokat szeretne megjeleníteni egy weboldalon, először létre kell hoznia az XML-fájlt, és adatokat kell hozzáadnia hozzá.
- Hozzon létre egy új fájlt data.xml.
- Az XML-fájlon belül deklarálja a kódolást és az XML-verziót:
1.0 UTF-8?> - Kapcsolja össze az XML-fájlt egy XSL-stíluslapfájllal, amelyet egy későbbi lépésben fog létrehozni.
text/xsl xmlstylesheet.xsl?> - Adjon hozzá adatokat az XML-fájlhoz. Az XML strukturált adatokat tartalmaz, és minden adatpontot külön címkében tárol. Ez a példa egy gyökércímkét tartalmaz játékok. Benne játékok címkét, minden egyes játékot a sajátjában tárol játszma, meccs címke. Tároljon adatokat minden egyes játékhoz, például a név és fejlesztő külön címkékben.
1.0 UTF-8?>
text/xsl xmlstylesheet.xsl?>
<játékok>
<játszma, meccs>
<név>The Last of Us II. résznév>
<fejlesztő>Naughty Dogfejlesztő>
játszma, meccs>
<játszma, meccs>
<név>Tsusima szellemenév>
<fejlesztő>Sucker Punch Productionsfejlesztő>
játszma, meccs>
<játszma, meccs>
<név>Death Strandingnév>
<fejlesztő>Kojima Productionsfejlesztő>
játszma, meccs>
játékok>
Hogyan használjuk az XSLT-t adatok olvasásához az XML fájlból
Hozzon létre egy új XSL-fájlt az XML-oldal egyes adatpontjainak áthaladásához és az adatok megjelenítéséhez.
- Ugyanabban a mappában, mint az XML-fájl, hozzon létre egy új fájlt xmlstylesheet.xsl.
- A fájlban deklarálja az XSL verziót, és adja hozzá az alapvető XSL címkeszerkezetet:
1.0 UTF-8?>
<xsl: stíluslapváltozat="1.0"xmlns: xsl=" http://www.w3.org/1999/XSL/Transform">
// Itt a kódod
xsl: stíluslap> - A fő XSL címkén belül adja hozzá a sablon címke. Itt adhat hozzá egyéni HTML-kódot az XML-adatok megjelenítéséhez és stílusához.
<xsl: sablonmérkőzés="/">
<html>
<test>
// A HTML kódod itt
test>
html>
xsl: sablon> - A törzscímkén belül használja a xsl: for-each címkeválasztó. Ez for-hurokként fog működni, hogy mindegyiken áthaladjon játszma, meccs alatt beágyazott címke játékok címke.
<xsl: for-eachválassza ki="játékok/játék">
xsl: for-each> - A for-each cikluson belül jelenítse meg a nevet és a fejlesztői adatpontokat a segítségével xsl: value-of címkeválasztó.
<xsl: value-ofválassza ki="név" />
<xsl: value-ofválassza ki="fejlesztő" />
Adatok megjelenítése HTML weboldalon
Nem tudja megnyitni az XSLT- vagy XML-fájlt közvetlenül a böngészőben, hogy az adatokat egy weboldal részeként tekintse meg. Hozzon létre egy új HTML-fájlt, és jelenítse meg az adatokat egy iframe címke.
- Az XML- és XSL-fájlokkal azonos mappában hozzon létre egy új fájlt index.html.
- Adja hozzá a HTML-fájl alapvető szerkezetét. Ha még nem használta a HTML-t, akkor felfrissítheti bevezető HTML fogalmak.
html>
<html>
<fej>
<cím>XML és XSLT példacím>
fej>
<test>
test>
html> - Benne test címke, használjon egy iframe címke az XML- és XSL-fájlra mutató hivatkozáshoz:
<h1>XML és XSLT példah1>
<p>A következő tartalom XML-fájlból jön létre:p>
<iframesrc="data.xml"xslt="xmlstylesheet.xsl">iframe> - Hozzon létre egy új fájlt stílusok.css.
- A fájlon belül adjon hozzá némi CSS-t a weboldal stílusához. Nyugodtan módosíthatja CSS-jét más érdekességek segítségével CSS tippek és trükkök.
html,
body {
magasság: 100%;
margó: 0;
}body {
kijelző: flex;
indokol-tartalom: center;
align-ites: center;
hajlítási irány: oszlop;
}p {
margó-alsó: 24 képpont;
} - Kapcsolja össze HTML-fájlját a CSS-stílussal úgy, hogy hozzáadja a következőket a HTML head címkéhez.
<linkrel="stíluslap"href="stílusok.css"> - Nyissa meg HTML-fájlját böngészővel az XML-adatok megtekintéséhez. Egyes böngészők nem támogatják az XSLT-t, de néhány böngésző, például a Firefox igen.
Adatok megjelenítése HTML weboldalakon
Számos módja van az adatok HTML-weboldalakon való megjelenítésének, ezek egyike az XML és az XSLT. Nyugodtan fedezze fel ennek egyéb módjait, például a felhasználói bevitelek tárolását és megjelenítését JavaScript használatával.
