Διαδίκτυο και Εφαρμογές 2η Άσκηση Μετασχηματισμοί XML και XSL. Γιαννέλος Γιάννης ΑΜ: Μαρινέλλης Γιώργος ΑΜ:

Transcript

1 Διαδίκτυο και Εφαρμογές 2η Άσκηση Μετασχηματισμοί XML και XSL Γιαννέλος Γιάννης ΑΜ: Μαρινέλλης Γιώργος ΑΜ: Μαΐου 2012

2 Εισαγωγή Το αντικείμενο της άσκησης είναι η χρήση της τεχνολογίας XML για την αναπαράσταση των δεδομένων και η διαχείριση αυτών μέσω του servlet και τον transformations που σου δίνει το XSL. H XML είναι μία γλώσσα σήμανσης, που περιέχει ένα σύνολο κανόνων για την ηλεκτρονική κωδικοποίηση κειμένων.η XML σχεδιάστηκε δίνοντας έμφαση στην απλότητα, τη γενικότητα και τη χρησιμότητα στο Διαδίκτυο. Είναι μία μορφοποίηση δεδομένων κειμένου, με ισχυρή υποστήριξη Unicode για όλες τις γλώσσες του κόσμου. Αν και η σχεδίαση της XML εστιάζει στα κείμενα, χρησιμοποιείται ευρέως για την αναπαράσταση αυθαίρετων δομών δεδομένων, που προκύπτουν για παράδειγμα στις υπηρεσίες ιστού. Υπάρχει μία ποικιλία διεπαφών προγραμματισμού εφαρμογών (συμπεριλαμβανομένης της Java), που μπορούν να χρησιμοποιούν οι προγραμματιστές, για να προσπελαύνουν δεδομένα XML, αλλά και διάφορα συστήματα σχημάτων XML, τα οποία είναι σχεδιασμένα για να βοηθούν στον ορισμό γλωσσών, που προκύπτουν από την XML. Στα πλαίσια της άσκησης θα χρησιμοποιηθεί το Java DOM API όπου θα διαχειρίζεται τις xml πληροφορίες και τους μετασχηματισμούς τους. 1ο μέρος: Εξοικείωση με τo εργαλείο xalan Σε αυτό το μέρος της εργασίας για εξοικείωση,ξεκινήσαμε με την δημιουργία του VehiclePresentor.xsl ο οποίος θα μετασχηματίζεται κατάλληλα και θα δίνει το ζητούμενο output (πίνακας με δεδομένα απο το input XML). Χρησιμοποιώντας το xalan κάνουμε το ζητούμενο transformation. xalan in input.xml xsl transform.xsl out output.html Για το λόγο αυτό κατασκευάσαμε 3 xml αρχεία (cars.xml, motorcycles.xml και trucks.xml), και το ένα xsl (VehiclePresentor.xsl) οι κώδικες των οποίων επισυνάπτονται στο παράρτημα στο τέλος της αναφοράς. Η δομή του AbstractPresentor.xsl αποτελείται από τα στοιχεία xsl-template και xsl:apply-templates τα οποία χρησιμοποιούν εκφράσεις της XPATH έτσι ώστε να προσπελαύνουν και εμφανίζουν τα απαραίτητα δεδομένα ανεξαρτήτως των ονομάτων τους. 2ο μέρος: Προγραμματιστικό μέρος Σκοπός αυτού του μέρους είναι η ανάπτυξη μιας διαδικτυακής εφαρμογής που θα συμπεριλαμβάνει την χρήση XML. Ο χρήστης θα βλέπει ώς αρχική σελίδα μια στατική index.html όπου θα επιλέγει το χρώμα του header και την γραμματοσειρά 1

3 του πίνακα της επόμενης σελίδας. Επίσης θα του δίνεται η δυνατότητα να επιλέγει ποιά κατηγορία των δεδομένων θα εμφανιστεί. Στην συνέχεια μέσω του POST θα μεταφερθούν οι παράμετροι αυτοί στο servlet και θα ανοίξει το κατάλληλο XML αρχείο για το input του XSL. Ας περιγράψουμε αναλυτικότερα την όλη διαδικάσια. Αρχικά δημιουργούμε έναν Java DOM API XML parser ο οποίος αναλύει και αποθηκεύει στην μνήμη την αναπαράσταση του XML σε κατάλληλη δομή. Ακολουθεί ο απαιτούμενος κώδικας: abspath = ctx.getrealpath("/web-inf/vehiclepresentor.xsl"); tf = TransformerFactory.newInstance(); DocumentBuilderFactory fact = DocumentBuilderFactory.newInstance(); fact.setnamespaceaware(true); DocumentBuilder builder = fact.newdocumentbuilder(); doc = builder.parse(abspath); Θα πρέπει να τονιστεί ότι πρέπει να ενεργοποιηθεί το flag setnamespaceaware έτσι ώστε ο parser μας να είναι σε θέση να διακρίνει ένα XML από ένα XSL αρχείο και να επιστρέφει σωστά τις λεκτικές μονάδες. Στην συνέχεια καλούμε την συνάρτηση changedombystyle για να παραμετροποιήσουμε την μορφοποίηση του output, αφού έχουμε ήδη φτιάξει κατάλληλα το DOM. Ουσιαστικά το document που δημιουργήσαμε το περνάμε σαν όρισμα στον constructor DOMSource και αυτός μας επιστρέφει ένα αντικείμενο της κλάσης DOMSource. Αυτό το φορτώνουμε στον tranformer και έτσι έχουμε διαθέσιμο ένα αντικείμενο που αποτελεί μετασχηματισμό του αρχικού με βάση το DOM αντικείμενο. Στη συνέχεια, αφού έχει γίνει η τροποποίηση του xsl θα γίνει ο μετασχηματισμός σε html. Επίσης δημιουργούμε ένα StreamSource για το xml αρχείο το οποίο θέλουμε να παρουσιάσουμε. Το αποτέλεσμα θα διοχετευτεί μέσω ενός StreamResult πάνω στον PrinterWriter όπου και η σελίδα θα επιστραφεί στο χρήστη. Ακολουθεί η Java Class που υλοποιεί το servlet και screenshots της εφαρμογής. Java class: ximport java.io.*; import javax.xml.transform.stream.*; import javax.xml.transform.*; import javax.xml.transform.sax.saxsource; import javax.xml.transform.stream.streamsource; import javax.xml.transform.stream.streamresult; import org.xml.sax.*; import javax.servlet.*; import javax.servlet.http.*; import org.w3c.dom.*; import javax.xml.parsers.*; 2

4 import javax.xml.transform.dom.*; public class XMLTransformerAskhsh extends HttpServlet { ServletContext ctx; String abspath; SAXSource xsltdoc; TransformerFactory tf; Transformer mytransformer; Document doc; public void init(servletconfig config) throws UnavailableException { System.out.println("Init start"); try { ctx = config.getservletcontext(); abspath = ctx.getrealpath("/web-inf/vehiclepresentor.xsl"); xsltdoc = new SAXSource(new InputSource(absPath)); tf = TransformerFactory.newInstance(); DocumentBuilderFactory fact = DocumentBuilderFactory.newInstance(); fact.setnamespaceaware(true); DocumentBuilder builder = fact.newdocumentbuilder(); doc = builder.parse(abspath); System.out.println("Name of document element is " + doc.getdocumentelement().getnodename()); catch (Exception e) { e.printstacktrace(); System.out.println("Init end"); private void changedombystyle(document doc, String color, String vehicle, String font) { NodeList nl = doc.getelementsbytagname("h1"); Attr a = doc.createattribute("style"); a.setvalue("background-color: "+color); nl.item(0).getattributes().setnameditem(a); String mycontent = "Selected color "+color+" and category "+vehicle; nl.item(0).settextcontent(mycontent); nl = doc.getelementsbytagname("table"); a = doc.createattribute("style"); a.setvalue("font-family: "+font); nl.item(0).getattributes().setnameditem(a); public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { System.out.println("dopost start"); System.out.println("Name of document element (at the post) is " + doc.getdocumentelement().getnodename()); String color = request.getparameter("color"); String vehicle = request.getparameter("vehicle"); String font = request.getparameter("font"); System.out.println("You selected the color " + color); System.out.println("You selected the choice " + vehicle); changedombystyle(doc, color, vehicle, font); PrintWriter pwr = response.getwriter(); try { DOMSource ds = new DOMSource(doc) ; 3

5 mytransformer = tf.newtransformer(ds); StreamSource xmlsource; if (vehicle.equals("cars")){ xmlsource = new StreamSource(ctx.getResourceAsStream("/WEB-INF/Cars.xml")); mytransformer.transform(xmlsource, new StreamResult(pwr)); if (vehicle.equals("trucks")){ xmlsource = new StreamSource(ctx.getResourceAsStream("/WEB-INF/Trucks.xml")); mytransformer.transform(xmlsource, new StreamResult(pwr)); if (vehicle.equals("motorcycles")){ xmlsource = new StreamSource(ctx.getResourceAsStream("/WEB-INF/Moto.xml")); mytransformer.transform(xmlsource, new StreamResult(pwr)); System.out.println("Sending back the xml tranformed into html"); response.setcontenttype("text/html"); pwr.println("the response sent back as a page!"); pwr.close(); catch (Exception e) { e.printstacktrace(); System.out.println("dopost stop"); XSL file: <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <head> <title>used Vehicles</title> </head> <body> <h1 style="background-color: #446600; color: #FFFFFF; font-size: 20pt; text-align: center; letter-spacing: 1.0em"></h1> <table align="center" border="2"> <thead> <tr> <xsl:value-of select="name(*/*/@*[1])" /> <xsl:value-of select="name(*/*/@*[2])" /> <xsl:value-of select="name(*/*/@*[3])" /> 4

6 <xsl:value-of select="name(*/*/*[1])" /> <xsl:value-of select="name(*/*/*[2])" /> <xsl:value-of select="name(*/*/*[3])" /> </tr> </thead> <tbdody> <xsl:apply-templates /> </tbdody> </table> </body> </html> </xsl:template> <xsl:template match="/*/*"> <tr> <xsl:value-of /> <xsl:value-of /> <xsl:value-of /> <xsl:value-of select="*[1]" /> <xsl:value-of select="*[2]" /> <xsl:value-of select="*[3]" /> </tr> </xsl:template> </xsl:stylesheet> 5

7 6

8 7