Goal DTD. <!ATTLIST CD id ID #REQUIRED. <!ATTLIST Track disk ( ) '1'>

Transcription

1 Goal Build a web site for a company that sells CD over the web Desing a XML application for capturing CD information Title, author, band, price, category, songs The web site should allow browsing by category DTD <!ELEMENT Catalog (CD*)> <!ELEMENT CD (Title, Band?, Artist+, Category, Price, Tracks?)> <!ELEMENT Title (#PCDATA)> <!ELEMENT Band (#PCDATA)> <!ELEMENT Artist (First, Last)> <!ELEMENT First (#PCDATA)> <!ELEMENT Last (#PCDATA)> <!ELEMENT Category (#PCDATA)> <!ELEMENT Price (#PCDATA)> <!ELEMENT Tracks (Track+)> <!ELEMENT Track (#PCDATA)> <!ATTLIST CD id ID #REQUIRED keywords NMTOKENS #REQUIRED> <!ATTLIST Track disk ( ) '1'> 1

2 Sample XML <?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE Catalog SYSTEM "cds.dtd"> <Catalog> <CD id="cd1" keywords="soundtrack film"> <Title>Sgt. Pepper's Lonely Hearts Club Band (1978 Film)</Title> <Band> The Beatles</Band> <Artist> <First> John </First> <Last> Lennon </Last> </Artist> <Artist> <First> Paul </First> <Last> McCartney</Last> </Artist> <Artist> <First> Ringo </First> <Last> Star </Last> </Artist> <Artist> <First> George </First> <Last> Harrison </Last> </Artist> <Category> Rock </Category> <Price> </Price> <Track> Sgt. Pepper's Lonely Hearts Club Band </Track> <Track> Here Comes the Sun </Track> <Track disk="2"> Got to Get You into My Life </Track> <Track disk="2"> Strawberry Fields for Ever </Track> Sample XML (cont.) <CD id="cd2" keywords="mambo"> <Title>Mambo Sinuendo </Title> <Artist> <First> Ry </First> <Last> Cooder </Last> </Artist> <Artist> <First> Manuel </First> <Last> Galban</Last> </Artist> <Category> Blues </Category> <Price> </Price> <Track> Patricia </Track> <Track> Caballo viejo </Track> <CD id="cd3" keywords="symphony"> <Title>Symphony No. 6</Title> <Band> Vienna Philharmonic Orch</Band> <Artist> <First> Ry </First> <Last> Beethoven </Last> </Artist> <Category> Classic </Category> <Price> </Price> <Track> Op. 68 Awakening of Cheerful Feelings </Track> <Track> Op. 68 Scene by the Brook </Track> 2

3 Sample XML (cont.) <CD id="cd4" keywords="compilation"> <Title>The Beatles 1 </Title> <Band> The Beatles</Band> <Artist> <First> John </First> <Last> Lennon </Last> </Artist> <Artist> <First> Paul </First> <Last> McCartney</Last> </Artist> <Artist> <First> Ringo </First> <Last> Star </Last> </Artist> <Artist> <First> George </First> <Last> Harrison </Last> </Artist> <Category> Rock </Category> <Price> </Price> <Track> Love Me Do </Track> <Track> From Me to You </Track> </Catalog> XSL Categories <?xml version="1.0"?> <xsl:stylesheet xmlns:xsl=" version="1.0"> <xsl:output method="html" /> <xsl:template match="/catalog" xmlns:saxon=" <xsl:for-each select="saxon:distinct(cd/category)"> <xsl:variable name="cat" select="." /> <xsl:variable name="filename" select="concat(normalize-space($cat),'.html')" /> <xsl:document href="{$filename}"> <title> <xsl:value-of select="$cat" /> Category </title> <h1> <xsl:value-of select="$cat" /> Category </h1> <xsl:for-each select="//cd[category=$cat]"> <table> <td> Title </td> <td> <xsl:value-of select="title" /> </td> <xsl:if test="band"> <td> Band </td> <td> <xsl:value-of select="band" /> </td> </xsl:if> <td> Price </td> <td> <xsl:value-of select="price" /> </td> <xsl:for-each select="tracks/track"> <td> Track <xsl:number /> </td><td><xsl:value-of select="." /></td> </table> </body> </html> </xsl:document> </xsl:template> </xsl:stylesheet> 3

4 XSL Categories and Menu <?xml version="1.0"?> <xsl:stylesheet xmlns:xsl=" version="1.0"> <xsl:output method="html" /> <xsl:template match="/catalog" xmlns:saxon=" <xsl:document href="menu.html"> <title> Menu </title> <link href="style.css" rel="stylesheet" type="text/css" /> <h1> Menu </h1> <ul> <xsl:for-each select="saxon:distinct(cd/category)"> <xsl:variable name="cat" select="." /> <xsl:variable name="filename" select="concat(normalize-space($cat),'.html')" /> <li> <a target="category" href="{$filename}"> <xsl:value-of select="$cat" /> </a> </li> <xsl:document href="{$filename}"> <title> <xsl:value-of select="$cat" /> Category </title> <h1> <xsl:value-of select="$cat" /> Category </h1> <xsl:for-each select="//cd[category=$cat]"> <table> <td> Title </td> <td> <xsl:value-of select="title" /> </td> <xsl:if test="band"> <td> Band </td> <td> <xsl:value-of select="band" /> </td> </xsl:if> <td> Price </td> <td> <xsl:value-of select="price" /> </td> <xsl:for-each select="tracks/track"> <td> Track <xsl:number /> </td> <td> <xsl:value-of select="." /> </td> </table> </body> </html> </xsl:document> </ul> </body> </html> </xsl:document> </xsl:template> </xsl:stylesheet> Index.html <title>cd Catalog</title> <frameset cols="30%, 80%"> <frame name="main" src="menu.html"/> <frame name="category" src=""/> </frameset> </html> 4

5 Rock.html <html xmlns:saxon=" <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> Classic Category </title> <h1> Classic Category </h1> <table> <td> Title </td> <td>symphony No. 6</td> <td> Band </td> <td> Vienna Philharmonic Orch</td> <td> Price </td> <td> </td> <td> Track 1</td> <td> Op. 68 Awakening of Cheerful Feelings </td> <td> Track 2</td> <td> Op. 68 Scene by the Brook </td> </table> </body> </html> Menu.html <html xmlns:saxon=" <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> Menu </title> <link href="style.css" rel="stylesheet" type="text/css"> <h1> Menu </h1> <ul> <li><a target="category" href="rock.html"> Rock </a></li> <li><a target="category" href="blues.html"> Blues </a></li> <li><a target="category" href="classic.html"> Classic </a></li> </ul> </body> </html> 5

6 Result 6