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

Embed Size (px)

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

  • 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 >