To try use XSL for display group XML file movies

“หนึ่งหน่วยกลุ่ม” (Group 1)
Selected Topics in Computer Engineering II
XSLT, Xpath
Xqueries
Try to use

XSLT
XSLT = XSL Transformations
XSLT is a language for transforming XML documents into XHTML
documents or to other XML documents.

XSLT
<xsl:template>
XML File XSL File (Movie.xsl)
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="Movie.xsl"?>
<film>
<movie>
<name>Always</name>
<types>
<type>Drama</type>
<type>Romance</type>
</types>
<stars>
<name_actor>So Ji-seob</name_actor>
<name_actor>Han Hyo-joo</name_actor>
</stars>
<director>Song Il-Gon</director>
<date>
<day>2</day>
<month>Feb</month>
<year>2012</year>
</date>
</movie>
.
.
.
</film>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>Movie</h2>
<table border="1">
<tr bgcolor="#0055EE">
<th>type</th>
<th>star</th>
</tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

XSLT
<xsl:value-of>
XSL File (Movie.xsl)
<html>
<body>
<h2>Movie</h2>
<table border="1">
<th>types</th>
<th>stars</th>
</tr>
<tr>
<td><xsl:value-of select="film/movie/types"/></td>
<td><xsl:value-of select="film/movie/stars"/></td>
</tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

XSLT
<xsl:for-each>
<html>
<body>
<h2>Movie</h2>
<table border="1">
<th>types</th>
<th>stars</th>
</tr>
<xsl:for-each select="film/movie">
<tr>
<td><xsl:value-of select="types"/></td>
<td><xsl:value-of select="stars"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

XSLT
<xsl:sort>
<html>
<body>
<h2>Movie</h2>
<table border="1">
<th>types</th>
<th>stars</th>
</tr>
<xsl:sort select="types"/>
<tr>
<td><xsl:value-of select="types"/></td>
<td><xsl:value-of select="stars"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

XSLT
<xsl:if>
<html>
<body>
<h2>Movie</h2>
<table border="1">
<th>types</th>
</tr>
<xsl:if test="date/year > 2016 ">
<tr>
<td><xsl:value-of select="name"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

XSLT
<xsl:choose>
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
>
<html>
<body>
<h2>Movie</h2>
<table border="1">
<th>types</th>
</tr>
<tr>
<xsl:choose>
<xsl:when test="date/year > 2016 ">
<td bgcolor="#ff00ff">
<xsl:value-of select="name"/>
</td>
</xsl:when>
<xsl:otherwise>
<td><xsl:value-of select="name"/></td>
</xsl:otherwise>
</xsl:choose>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

XSLT
<xsl:apply-templates>
<html>
<body>
<h2>Movie</h2>
<xsl:apply-templates/>
</body>
</html>
</xsl:template>
<xsl:template match="movie">
<p>
<xsl:apply-templates select="name"/>
<xsl:apply-templates select="types"/>
</p>
</xsl:template>
<xsl:template match="name">
Name: <span style="color:#ff0000">
<xsl:value-of select="."/></span>
<br />
</xsl:template>
<xsl:template match="types">
Types: <span style="color:#00ff00">
<xsl:value-of select="."/></span>
<br />
</xsl:template>
</xsl:stylesheet>

Xpath
What is XPath?
• XPath เป็น syntax ในการกาหนดส่วนต่างๆของ XML
• XPath ใช้ระบบ path ในการนาทางและเข้าถึงในไฟล์ XML
• XPath ประกอบไปด้วย library ของฟังก์ชั่นพื้นฐาน
• XPath เป็น element หลัก (major element) ของ XSLT
• XPath เป็นที่แนะนาของ W3C

Xpath
XPath Terminology
Nodes
ใน XPath จะมี node อยู่ 7 ชนิดคือ : element, attribute, text, namespace,
processing-instruction, comment, และ document nodes.
ตัวอย่าง ไฟล์ XML
<bookstore>
<book>
<title lang="en">Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
</bookstore>

Xpath
Node ในไฟล์ xml
<bookstore> (root element node)
<author>J K. Rowling</author> (element node)
lang="en" (attribute node)

Xpath
XPath Syntax
Selecting Nodes
Expression Description
nodename เลือกทุก node ที่ชื่อ "nodename"
/ เลือกจาก root node
// เลือก node ในไฟล์ XML เริ่มจาก node ปัจจุบันที่ตรงกับการคัดเลือก
โดยไม่สนว่า node ที่เลือกมาจากไหน
. เลือก node ปัจจุบัน
.. เลือก parent ของ node ปัจจุบัน
@ เลือก attribute

Xpath
ตัวอย่างการใช้งานและผลลัพธ์
Path Expression Result
bookstore เลือกทุก node ที่ชื่อ "bookstore"
/bookstore เลือก root element bookstore
bookstore/book เลือก book elements ทั้งหมดที่เป็น children ของ bookstore
//book เลือก book elements ทั้งหมดโดยไม่สนว่า elements มาจากไหน
bookstore//boo
k
เลือก book elements ทั้งหมดที่เป็น descendant ของ element
bookstore
//@lang เลือก attributes ทั้งหมดที่ชื่อ lang

Xpath
Predicates
Predicates ใช้หา node ที่มีคุณสมบัติจาเพาะ หรือมีคุณสมบัติต่างๆกันโดย Predicates จะต้อง
เรียกใช้ภายใน [ ] เท่านั้น
Path Expression Result
/bookstore/book[1] เลือก element book ตัวแรกที่เป็น child ของ element bookstore
/bookstore/book[last()] เลือก element book ตัวสุดท้ายที่เป็น child ของ element bookstore
/bookstore/book[last()-1] เลือก element book ตัวก่อนสุดท้ายที่เป็น child ของ element
bookstore
/bookstore/book[position()<3] เลือก element book สองตัวแรกที่เป็น child ของ element bookstore
//title[@lang] เลือก element title ทุกตัวที่มี attribute ชื่อ lang
//title[@lang='en'] เลือก element title ทุกตัวที่มี attribute ชื่อ lang และ lang = en
/bookstore/book[price>35.00] เลือก element book ทุกตัวที่เป็น child ของ element bookstore และมี
ค่าของ element price มากกว่า 35
/bookstore/book[price>35.00]/title เลือก element title ทุกตัวที่เป็น child ของ element book ที่มีค่าของ
element price มากกว่า 35 และเป็น child ของ element bookstore

Xpath
XPath Operators
Operator Description Example
| Computes two node-sets //book | //cd
+ Addition 6 + 4
- Subtraction 6 - 4
* Multiplication 6 * 4
div Division 8 div 4
= Equal price=9.80
!= Not equal price!=9.80
< Less than price<9.80
<= Less than or equal to price<=9.80
> Greater than price>9.80
>= Greater than or equal to price>=9.80
or or price=9.80 or price=9.70
and and price>9.00 and price<9.90
mod Modulus (division remainder) 5 mod 2

Xqueries
• XQuery คือภาษาที่ใช้ในการ Query ข้อมูลจากเอกสาร XML คล้ายกับ SQL
• Xquery ใช้ Xpath ในการเข้าถึงส่วนต่าง ๆ ของ xml แล้วทาการแปลงข้อมูลออกเป็นรูปแบบ
หรือโครงสร้างอื่น
• ใช้ฟังชั่น doc() ในการเรียก ไฟล์ xml มาเช่น
• doc("MovieAll_SPN.xml")
• แล้วใช้ path ในการเข้าถึง element ต่างๆ
• doc("MovieAll_SPN.xml")/film/movie

Xqueries
FLWOR
• For - selects a sequence of nodes
• Let - binds a sequence to a variable
• Where - filters the nodes
• Order by - sorts the nodes
• Return - what to return (gets evaluated once for every node)

Xqueries
ทดลองโค้ดโดยการใช้ร่วมกับ html
for $x in film/movie
return <li>{data($x/name)}</li>

Xqueries
ในการเปรียบเทียบนั้นจะใช้เครื่องหมาย
=, !=, <, <=, >, >= หรือ eq, ne, lt, le, gt, ge โดยจะแตกต่างกันที่ eq, ne, lt, le, gt, ge
จะใช้งานได้เมื่อมีแค่ค่าเดียวที่เป็นจริง
ทดลองโค้ดเรียกชื่อหนังที่มี Tom Hanks แสดง
where $x//name_actor="Tom Hanks"
return $x/name

Xqueries
ผลลัพธ์

Xqueries
ทดลองโค้ดเรียกชื่อหนังที่ชนิด Adventure เรียงตามชื่อ
where $x/types/type="Adventure"
order by $x/name
return $x/name

Reference
• XSL Tutorial
http://www.w3schools.com/xsl/

Members
Group1
นาย อภิวัฒธ์วงศ์โท๊ะ รหัสนักศึกษา 52-1116-530-2
นางสาว พัลลภา เขมรังสฤษฏ์รหัสนักศึกษา 56-
นางสาว อัญธิกา หนองบัว รหัสนักศึกษา 56-010126-
นาย ธีรวัฒน์ ผ่องสกุล รหัสนักศึกษา 56-010126-3015-
นาย ธนดล เตชะวัชรีกุล รหัสนักศึกษา 56-010126-
นาย ภูมมิฑล ไชยเชิดเกียรติ รหัสนักศึกษา 56-010116-

To try use XSL for display group XML file movies

To try use XSL for display group XML file movies

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

More from Aey Unthika

More from Aey Unthika (7)

Recently uploaded

Recently uploaded (10)

To try use XSL for display group XML file movies