ایکس کوئری عناصر و ویژگی‌ها اضافه کریا

XML ਉਦਾਹਰਣ ਡਾਕੂਮੈਂਟ

ਅਸੀਂ ਨਿਮਨ ਉਦਾਹਰਣ ਵਿੱਚ ਇਸ "books.xml" ਫਾਈਲ ਦਾ ਇਸਤੇਮਾਲ ਕਰਾਂਗੇ (ਅਤੇ ਉੱਪਰੋਕਤ ਅਧਿਆਏ ਵਿੱਚ ਇਸਤੇਮਾਲ ਕੀਤੇ ਗਏ XML ਫਾਈਲ ਨਾਲ ਸਮਾਨ ਹੈ).

ਆਪਣੇ ਬਰਾਊਜ਼ਰ ਵਿੱਚ "books.xml" ਫਾਈਲ ਦੇਖੋ。

ਨਤੀਜੇ ਵਿੱਚ ਅੰਗਾਮ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਜੋੜਣਾ

ਜਿਵੇਂ ਪਹਿਲਾਂ ਦੇ ਅਧਿਆਏ ਵਿੱਚ ਦੇਖਿਆ ਗਿਆ ਹੈ, ਅਸੀਂ ਨਤੀਜੇ ਵਿੱਚ ਇਨਪੁਟ ਫਾਈਲ ਵਿੱਚ ਅੰਗਾਮ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਉਲੇਖ ਕਰ ਸਕਦੇ ਹਾਂ:

for $x in doc("books.xml")/bookstore/book/title
order by $x
return $x

ਇਹ XQuery ਪ੍ਰਗਟਾਵਾ ਨਤੀਜੇ ਵਿੱਚ title ਅੰਗਾਮ ਅਤੇ lang ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਹੀ ਉਲੇਖ ਕਰਦਾ ਹੈ:

<title lang="en">Everyday Italian</title>
<title lang="en">Harry Potter</title>
<title lang="en">Learning XML</title>
<title lang="en">XQuery Kick Start</title>

ਉੱਪਰੋਕਤ XQuery ਪ੍ਰਗਟਾਵਾ ਨੇ ਟਾਈਟਲ ਅੰਗਾਮ ਨੂੰ ਵਾਪਸ ਦਿੱਤਾ ਹੈ ਅਤੇ ਉਹ ਇਨਪੁਟ ਡਾਕੂਮੈਂਟ ਵਿੱਚ ਦੱਸਿਆ ਗਿਆ ਹੈ ਜਿਵੇਂ ਹੈ:

ਹੁਣ ਅਸੀਂ ਨਤੀਜੇ ਵਿੱਚ ਆਪਣੇ ਅੰਗਾਮ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਜੋੜਾਂਗੇ!

HTML ਅੰਗਾਮ ਅਤੇ ਟੈਕਸਟ ਜੋੜਣਾ

ਹੁਣ, ਅਸੀਂ ਨਤੀਜੇ ਵਿੱਚ HTML ਅੰਗਾਮ ਜੋੜਾਂਗੇ। ਅਸੀਂ ਨਤੀਜੇ ਇੱਕ HTML ਸੂਚੀ ਵਿੱਚ ਰੱਖਾਂਗੇ:

<html>
<body>
<h1>کتب فروشگاه</h1>
<ul>
{
برای $x در doc("books.xml")/bookstore/book
ترتیب کریا $x/title
return <li>{data($x/title)}. ਵਰਗ: {data($x/@category)}</li>
}
</ul>
</body>
</html>

ਇਹ XQuery ਪ੍ਰਗਟਾਵਾ ਨਿਮਨ ਨਤੀਜੇ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ:

<html>
<body>
<h1>کتب فروشگاه</h1>
<ul>
<li>ਹਰ ਰੋਜ਼ ਇਟਲੀਅਨ। ਵਰਗ: ਖਾਣਾ ਪਕਾਉਣਾ</li>
<li>هری پاتر. زمرہ: CHILDREN</li>
<li>ایچرنگ ایکس ایم ال. زمرہ: WEB</li>
<li>ایکس کوئری کی شروعات. زمرہ: WEB</li>
</ul>
</body>
</html>

ایچ تی ایم ال عناصر کی ویژگیوں میں اضافه کریا جانا

آئندا، ہم category ویژگی کو ایچ تی ایم ال فہرست کی class ویژگی کے طور پر استعمال کریا جانا چاہیئیم:

<html>
<body>
<h1>کتب فروشگاه</h1>
<ul>
{
برای $x در doc("books.xml")/bookstore/book
ترتیب کریا $x/title
رجوع کریا <li class="{data($x/@category)}">{data($x/title)}</li>
}
</ul>
</body>
</html>

بالائی ایکس کوئری ایکسپریشن کا نتیجہ مندرجہ ذیل ہوگا:

<html>
<body>
<h1>کتب فروشگاه</h1>
<ul>
<li class="COOKING">چلدائی اٹلیائی</li>
<li class="CHILDREN">هری پاتر</li>
<li class="WEB">ایچرنگ ایکس ایم ال</li>
<li class="WEB">ایکس کوئری کی شروعات</li>
</ul>
</body>
</html>