Extensible Stylesheet Language (XSL) By Example Tony Wat 9 October 2002.

  • Published on
    18-Dec-2015

  • View
    213

  • Download
    1

Transcript

Slide 1 Extensible Stylesheet Language (XSL) By Example Tony Wat 9 October 2002 Slide 2 Outline XSL Basics Real-life Example Simple Example Conclusion Slide 3 XSL Basics XSL is a language for expressing style sheets Styling requires a source XML document, containing the information that the style sheet will display and the style sheet itself which describes how to display a document of a given type Slide 4 Flow Diagram XML store data XSL store layout information XSL Processor Slide 5 Real-life Example i-view web client Slide 6 Based on XML data Browser perform the XSL translation and display the result Can use different XSL files for different layouts Slide 7 Simple Example Data can be expressed in structural form. XSL perform the generation of layout based on the data This example only applies to XSL Transformation by Internet Explorer Slide 8 Starting with Simple XML Current Ph.D. Students Slide 9 My Fellow Students"> My Fellow Students"> My Fellow Students" title="A simple XSL My Fellow Students"> A simple XSL My Fellow Students Slide 10 The Result Slide 11 XML Data Current Ph.D. Students AAAA BBBB CCCC abc.jpg http://www.cse.cuhk.edu.hk/~abc/ Presentation This is a topic Slide 12 Second XSL........ My Fellow Students.... #.... Slide 13 Second Result Slide 14 Third XSL My Fellow Students..... Slide 15 Third XSL (2) # Slide 16 Third XSL (3) Slide 17 Third Result Slide 18 Fourth XSL Slide 19 Fourth Result Slide 20 Final Result By completing the XML file The browser will use the XSL to generate the tables, images, text according to the XML data Slide 21 Conclusion This example may not be a good situation to apply XSL There are user-friendly web page editing tools for managing such information However, website of large amount of heterogeneous data requiring a consistent layout maybe of advantage e.g. i-view web client Slide 22 The End

Recommended

View more >