Για να προβάλετε δεδομένα XML ως μέρος μιας ιστοσελίδας, μπορείτε να χρησιμοποιήσετε το XSLT. Τα προγράμματα περιήγησης δεν παρέχουν αυτή τη δυνατότητα από μόνα τους.
Η XML είναι μια γλώσσα που χρησιμοποιείται για τη δομή, αποθήκευση και ανταλλαγή δεδομένων. Η XSLT είναι μια άλλη γλώσσα που σας επιτρέπει να μετατρέψετε τα δεδομένα XML σας σε άλλες μορφές, όπως HTML.
Μπορείτε να χρησιμοποιήσετε το XSLT για να εμφανίσετε δεδομένα XML σε μια ιστοσελίδα HTML. Η χρήση XML και XSLT για την εμφάνιση των δεδομένων σας μπορεί να είναι χρήσιμη, καθώς σας επιτρέπει να δομείτε τα δεδομένα με τρόπο που να έχει νόημα για τις συγκεκριμένες ανάγκες σας.
Πώς να προσθέσετε παραδείγματα δεδομένων σε ένα αρχείο XML
Για να εμφανίσετε δεδομένα XML σε μια ιστοσελίδα, πρέπει πρώτα να δημιουργήσετε το αρχείο XML και να προσθέσετε δεδομένα σε αυτό.
- Δημιουργήστε ένα νέο αρχείο που ονομάζεται data.xml.
- Μέσα στο αρχείο XML, δηλώστε την κωδικοποίηση και την έκδοση XML:
1.0 UTF-8?> - Συνδέστε το αρχείο XML με ένα αρχείο φύλλου στυλ XSL, το οποίο θα δημιουργήσετε σε επόμενο βήμα.
κείμενο/xsl xmlstylesheet.xsl?> - Προσθέστε δεδομένα στο αρχείο XML. Η XML περιέχει δομημένα δεδομένα και αποθηκεύει κάθε σημείο δεδομένων σε ξεχωριστή ετικέτα. Αυτό το παράδειγμα περιλαμβάνει μια ετικέτα ρίζας που ονομάζεται Παιχνίδια. μεσα στην Παιχνίδια ετικέτα, αποθηκεύστε κάθε μεμονωμένο παιχνίδι μέσα στο δικό του παιχνίδι ετικέτα. Αποθηκεύστε δεδομένα για κάθε παιχνίδι, όπως το όνομα και προγραμματιστής σε ξεχωριστές ετικέτες.
1.0 UTF-8?>
κείμενο/xsl xmlstylesheet.xsl?>
<Παιχνίδια>
<παιχνίδι>
<όνομα>The Last of Us Μέρος IIόνομα>
<προγραμματιστής>Κακό σκυλίπρογραμματιστής>
παιχνίδι>
<παιχνίδι>
<όνομα>Ghost of Tsushimaόνομα>
<προγραμματιστής>Sucker Punch Productionsπρογραμματιστής>
παιχνίδι>
<παιχνίδι>
<όνομα>Death Strandingόνομα>
<προγραμματιστής>Kojima Productionsπρογραμματιστής>
παιχνίδι>
Παιχνίδια>
Πώς να χρησιμοποιήσετε το XSLT για την ανάγνωση δεδομένων από το αρχείο XML
Δημιουργήστε ένα νέο αρχείο XSL για να περιηγηθείτε σε κάθε σημείο δεδομένων στη σελίδα XML και να εμφανίσετε τα δεδομένα.
- Στον ίδιο φάκελο με το αρχείο XML, δημιουργήστε ένα νέο αρχείο που ονομάζεται xmlstylesheet.xsl.
- Μέσα στο αρχείο, δηλώστε την έκδοση XSL και προσθέστε τη βασική δομή της ετικέτας XSL:
1.0 UTF-8?>
<xsl: φύλλο στυλεκδοχή="1.0"xmlns: xsl=" http://www.w3.org/1999/XSL/Transform">
// Ο κωδικός σας εδώ
xsl: φύλλο στυλ> - Μέσα στην κύρια ετικέτα XSL, προσθέστε ένα πρότυπο ετικέτα. Εδώ μπορείτε να προσθέσετε προσαρμοσμένο κώδικα HTML για την εμφάνιση και το στυλ των δεδομένων σας XML.
<xsl: πρότυποαγώνας="/">
<html>
<σώμα>
// Ο κώδικας HTML σας είναι εδώ
σώμα>
html>
xsl: πρότυπο> - Μέσα στην ετικέτα σώματος, χρησιμοποιήστε το xsl: για-κάθε επιλογέας ετικετών. Αυτό θα λειτουργήσει ως βρόχος for-loop για να περάσει το καθένα παιχνίδι ετικέτα φωλιασμένη κάτω από το Παιχνίδια ετικέτα.
<xsl: για-κάθεεπιλέγω="παιχνίδια/παιχνίδι">
xsl: για-κάθε> - Μέσα στον βρόχο για κάθε βρόχο, εμφανίστε το όνομα και τα σημεία δεδομένων προγραμματιστή, χρησιμοποιώντας το xsl: value-of επιλογέας ετικετών.
<xsl: value-ofεπιλέγω="όνομα" />
<xsl: value-ofεπιλέγω="προγραμματιστής" />
Πώς να εμφανίσετε δεδομένα σε μια ιστοσελίδα HTML
Δεν θα μπορείτε να ανοίξετε το αρχείο XSLT ή XML απευθείας στο πρόγραμμα περιήγησης για να προβάλετε τα δεδομένα ως μέρος μιας ιστοσελίδας. Δημιουργήστε ένα νέο αρχείο HTML και αποδώστε τα δεδομένα χρησιμοποιώντας ένα iframe ετικέτα.
- Στον ίδιο φάκελο με τα αρχεία XML και XSL, δημιουργήστε ένα νέο αρχείο που ονομάζεται index.html.
- Προσθέστε τη βασική δομή ενός αρχείου HTML. Εάν δεν έχετε χρησιμοποιήσει HTML στο παρελθόν, μπορείτε να κάνετε brush up εισαγωγικές έννοιες HTML.
html>
<html>
<κεφάλι>
<τίτλος>Παράδειγμα XML και XSLTτίτλος>
κεφάλι>
<σώμα>
σώμα>
html> - μεσα στην σώμα ετικέτα, χρησιμοποιήστε ένα iframe ετικέτα για σύνδεση με το αρχείο XML και το αρχείο XSL:
<h1>Παράδειγμα XML και XSLTh1>
<Π>Το ακόλουθο περιεχόμενο δημιουργείται από ένα αρχείο XML:Π>
<iframesrc="data.xml"xslt="xmlstylesheet.xsl">iframe> - Δημιουργήστε ένα νέο αρχείο που ονομάζεται στυλ.css.
- Μέσα στο αρχείο, προσθέστε λίγο CSS για το στυλ της ιστοσελίδας σας. Μη διστάσετε να τροποποιήσετε το CSS σας χρησιμοποιώντας άλλα ενδιαφέροντα Συμβουλές και κόλπα CSS.
html,
σώμα {
ύψος: 100%;
περιθώριο: 0;
}σώμα {
οθόνη: flex;
justify-content: κέντρο;
στοίχιση-στοιχεία: κέντρο;
flex-direction: στήλη;
}Π {
margin-bottom: 24px;
} - Συνδέστε το αρχείο HTML με το στυλ CSS προσθέτοντας τα ακόλουθα στην ετικέτα κεφαλής HTML.
<Σύνδεσμοςσχετ="φύλλο στυλ"href="styles.css"> - Ανοίξτε το αρχείο HTML χρησιμοποιώντας ένα πρόγραμμα περιήγησης για να προβάλετε τα δεδομένα XML. Ορισμένα προγράμματα περιήγησης δεν υποστηρίζουν XSLT, αλλά ορισμένα προγράμματα περιήγησης όπως ο Firefox υποστηρίζουν.
Εμφάνιση δεδομένων σε ιστοσελίδες HTML
Υπάρχουν πολλοί τρόποι εμφάνισης δεδομένων σε ιστοσελίδες HTML, ένας από τους οποίους είναι τα XML και XSLT. Μη διστάσετε να εξερευνήσετε τους άλλους τρόπους με τους οποίους μπορείτε να το κάνετε αυτό, όπως η αποθήκευση και η εμφάνιση των δεδομένων χρήστη χρησιμοποιώντας JavaScript.