WebClub - Всероссийский Клуб Веб-разработчиков
WebClub.RU » Архив » Практическое использование XML + XSL

Практическое использование XML + XSL


Дата публикации: 16-03-2013

В этой статье я не собираюсь говорить о синтаксисе XML, так как полагаю, что об этом много написано и что читатели знакомы хотя бы теоретически с такими вещами, как XSL, ASP, JSP, WAP и т.д. Думаю, данный материал был бы интересен для тех, кто уже имеет практический опыт работы с HTML.

Недавно в одной статье вычитал о важности XML, о том, как гиганты рынка ИТ встраивают его в свои продукты. Тогда я задался банальным вопросом: "А что дает на практике использование XML, какие задачи можно решить с его помощью?" Для себя я сделал следующие выводы: HTML-страницы используют предопределенные тэги, значения которых заранее определено (например,

<p> - означает параграф, <h1> - означает заголовок, а браузеры знают, как отобразить эти тэги), в то время как XML позволяет использовать каждый тэг так, как мы хотим, и значение этих тэгов определяем мы, а не браузер (например: <table> может означать, тэг <table>, а может означать стол). XML описывает содержание/структуру документа, а не его отображение, что делает документы платформо-независимыми. Представьте себе ситуацию, когда вам необходимо один и тот же документ выводить на разные устройства (ПК, мобильный телефон, КПК), в таком случае вы можете хранить свой документ как XML, а для его вывода применить к нему разные XSL-файлы. Из вышесказанного становится ясно, что одним из способов отображения XML-документов является применение XSL, хотя его возможности не ограничиваются только отображением.

Представьте себе ресторан, у которого есть свой web-сайт, а у большинства клиентов ресторана имеется доступ к интернету с мобильного телефона. Хорошим ходом была бы возможность просмотреть меню с помощью мобильного телефона, также можно отказаться и от обычного бумажного меню, установив на каждом столике монитор. При этом, кассира необходимо обеспечить доступом к этому же меню, плюс ко всему, ресторан каждый месяц выпускает PDF-каталог. В этом примере нам необходимо выводить данные на несколько устройств.
Конечно, можно сверстать для каждого устройства отдельный набор файлов, скажем для web-сайта - вариант html, для wap-сайта - вариант wml, а для остальных написать клиентскую программу доступа к базе данных ресторана или же динамически выводить данные из БД. Однако, гораздо грамотнее решить эту задачу с помощью XML, благодаря чему вы можете хранить данные в одних файлах, а информацию о форматах/отображении в других, тогда, изменив данные, вы получите измененные документы.

Ниже демонстрируется применение XML+XSL на примере витрины маленького книжного э-магазина. Необходимо вывести список книг в табличном виде в веб-браузер и дисплей мобильного телефона:
Name(название книги)     Price(цена)
Apache     37
Perl Cookbook     49
JDBC     27
Programming SERVLETS     55
XML     35

К сожалению, пока не все веб-браузеры способны отобразить XML-документы, поэтому приходится форматировать их в HTML на серверной стороне, хотя это можно делать и на стороне клиента. Впрочем, как вытекает из вышеприведенного примера, серверная сторона более подходящая.
Форматирование на стороне клиента
IE5.0 не на 100% поддерживает XSL, так как к выходу IE5.0 консорциум W3C еще не успел принять спецификацию XSL. Microsoft обещает полную поддержку XSL в IE5.5. Ниже приведен пример форматирования XML-документа на стороне клиента. Создадим XML-файл (library.xml), содержащий данные о книгах:

<!-- //////////////////////////////////////// --> 
<?xml version="1.0" encoding="windows-1252" ?> 
<?xml-stylesheet type="text/xsl" href="html.xsl"?> 
<!-- указатель на XSL-файл, содержащий инструкцию по форматированию --> 
<LIBRARY> 
 <BOOK> 
  <NAME>Apache</NAME> 
  <PRICE>37</PRICE> 
 </BOOK> 
 <BOOK> 
  <NAME>Perl Cookbook</NAME> 
  <PRICE>49</PRICE> 
 </BOOK> 
 <BOOK> 
  <NAME>JDBC</NAME> 
  <PRICE>27</PRICE> 
 </BOOK> 
 <BOOK> 
  <NAME>Programming SERVLETS</NAME> 
  <PRICE>55</PRICE> 
 </BOOK> 
 <BOOK> 
  <NAME>XML</NAME> 
  <PRICE>35</PRICE> 
 </BOOK> 
</LIBRARY> 
<!-- //////////////////////////////////////// -->

Как видите, вторая строка файла "library.xml" ссылается на XSL-файл (html.xsl), содержание которого приведено ниже:

<!-- //////////////////////////////////////// --> 
<?xml version="1.0"?> 
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"> 
<xsl:template match="/"> 
  <html> 
  <body> 
    <table border="1" cellpadding="4" cellspacing="0"> 
      <tr bgcolor="#999999" align="center"> 
        <th>Name</th> 
  <th>Price</th> 
      </tr> 
      <xsl:for-each select="LIBRARY/BOOK"> 
      <tr> 
        <td><xsl:value-of select="NAME"/></td> 
        <td><xsl:value-of select="PRICE"/></td> 
      </tr> 
      </xsl:for-each> 
    </table> 
  </body> 
  </html> 
</xsl:template> 
</xsl:stylesheet> 
<!-- //////////////////////////////////////// -->

Сохраняем оба файла в одной директории. Теперь можно открыть "library.xml" в MSIE5.x. Как видите, документ может быть форматирован простым добавлением XSL-файла. Но более красивым решением было бы использование для этого javascript, тогда можно было бы динамически изменять формат/дизайн документа, загружая другой XSL-файл, скажем, утром посетителям показать один дизайн, а вечером другой. Наши XML и XSL файлы готовы, остается написать javascript:

<!-- //////////////////////////////////////// --> 
<script language="javascript"> 
var xml = new ActiveXObject("Microsoft.XMLDOM"); 
xml.async = false; 
xml.load("library.xml"); 
var xsl = new ActiveXObject("Microsoft.XMLDOM"); 
xsl.async = false; 
xsl.load("html.xsl"); 
document.write(xml.transformNode(xsl)); 
</script> 
<!-- //////////////////////////////////////// -->

Вышеприведенный код сохраните в файле "js.html" в той же директории, где остальные ваши файлы.
Форматирование на стороне сервера

В отличии от клиентской стороны, на серверной стороне выбор инструментов (parser) для анализа и форматирования XML больше, почти любой серверный язык программирования имеет средства обработки XML-данных. Ниже приведен пример форматирования "library.xml" с помощью JSP (Java Server Pages):

<!-- //////////////////////////////////////// --> 
<%@ page session=false contentType='x-application/xsl' %> 
<?xml version="1.0" encoding="windows-1252" ?> 
<?xml-stylesheet type="text/xsl" href="html.xsl"?> 
<LIBRARY> 
 <BOOK> 
  <NAME>Apache</NAME> 
  <PRICE>37</PRICE> 
 </BOOK> 
 <BOOK> 
  <NAME>Perl Cookbook</NAME> 
  <PRICE>49</PRICE> 
 </BOOK> 
 <BOOK> 
  <NAME>JDBC</NAME> 
  <PRICE>27</PRICE> 
 </BOOK> 
 <BOOK> 
  <NAME>Programming SERVLETS</NAME> 
  <PRICE>55</PRICE> 
 </BOOK> 
 <BOOK> 
  <NAME>XML</NAME> 
  <PRICE>35</PRICE> 
 </BOOK> 
</LIBRARY> 
<!-- //////////////////////////////////////// -->

Как видите, к существующему XML-файлу добавлена JSP-директива. Сохраните данный код в "library.jsp" в какой-нибудь поддиректории java-сервера, при этом не забудьте скопировать туда свой XSL-файл. Для проверки в адресной строке браузера наберите http://127.0.0.1/testxml/library.jsp, к этому времени сервер должен быть запущен. Посмотрев на полученный код, убедитесь, что ваш браузер получил HTML-данные, а форматирование, соответственно, производилось на стороне сервера.

Форматирование "libraay.xml" для мобильного телефона

Даже если бы телефонные трубки могли обрабатывать XSL, то было бы извращением при скорости передачи данных в сетях GSM, все это делать на стороне клиента. Встроенные в мобильных телефонах WAP-браузеры не понимают HTML, поэтому нам нужен новый XSL для форматирования "library.xml" в WML(словарь XML), на котором общаются WAP-браузеры.

<!-- //////////////////////////////////////// --> 
<?xml version="1.0"?> 
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"> 
<xsl:template match="/"> 
<wml>  
   <card id="card1" title="BookShop"> 
     <p> 
  <table columns="2" align="LCC"> 
  <tr><td><b>Name</b></td><td><b>Price</b></td></tr> 
   <xsl:for-each select="LIBRARY/BOOK"> 
     <tr> 
  <td><xsl:value-of select="NAME"/></td> 
  <td><xsl:value-of select="PRICE"/></td> 
  </tr> 
      </xsl:for-each> 
     </table> 
  </p> 
  </card>  
  </wml> 
</xsl:template> 
</xsl:stylesheet> 
<!-- //////////////////////////////////////// -->

Этот код нужно сохранить в "wap.xsl". Итак, теперь у нас есть XSL и для web-браузера и для wap-браузера (мобильного телефона), так что же нам мешает написать скрипт, способный различить браузеры и выдать данные клиенту в соответствующем формате? Сделаем мы это с помощью ASP (под IIS):

<!-- //////////////////////////////////////// --> 
<% 
  Set XMLDoc = Server.CreateObject("Microsoft.XMLDOM") 
  Set XSLDoc = Server.CreateObject("Microsoft.XMLDOM") 
  XMLDoc.Async = false 
 'загружаем xml-файл     
  XMLDoc.load(Server.MapPath("library.xml"))  
  XSLDoc.async = false  
 if InStr(Request.ServerVariables("HTTP_USER_AGENT"), "Mozilla") then 
      'имеем дело с web-браузером 
     'xsl-файл для форматирования в HTML 
     XSLDoc.load(Server.MapPath("html.xsl")) 
   'выдаем html-файл клиенту 
     Response.Write XMLDoc.transformNode(XSLDoc.documentElement) 
      'закрываем вывод 
  Response.End 
else  'имеем дело с не с web-браузером    
  'выдаем mime-тип для WAP'a 
     Response.ContentType = "text/vnd.wap.wml" 
  Response.Write "<?xml version=""1.0"" ?>" 
     Response.Write "<!DOCTYPE wml PUBLIC ""-//WAPFORUM//DTD " & _ 
                  "WML 1.1//EN"" ""http://www.wapforum.org/DTD/wml_1.1.xml"">" 
  'xsl-файл для форматирования в WML 
     XSLDoc.load(Server.MapPath("wap.xsl")) 
     Response.Write XMLDoc.transformNode(XSLDoc.documentElement) 
     'закрываем вывод 
     Response.End 
 
end if 
%> 
<!-- //////////////////////////////////////// --> 


Сохраните данный код в "library.asp" в одной из поддиректорий web-сервера IIS, не забудьте туда же скопировать ваш XSL-файлы (wap.xsl). Седьмая строка проверяет содержимое переменной "HTTP_USER_AGENT" и если в ней находит слово "Mozilla", то загружает "html.xsl", форматирует документ в HTML, а в противном случае, загружает "wap.xsl" и форматирует документ в WML.
 
Хотя возможности и области применения XML не ограничивается одним вебом, тем не менее, я считаю, что он сделал или сделает для веба главное - разграничение структуры и отображения документа.

Популярное

Не так давно в сети появился новый сервис, под названием Dead Man Zero. Этот сервис сделал...
Рынок социальных площадок уже давно стал стабильным. Несмотря на то, что время от времени...
Artisteer 4 – единственный в своем роде продукт, позволяющий автоматизировать работу над созданием...
Февраль 2017 (3)
Январь 2017 (1)
Август 2016 (1)
Май 2016 (2)
Ноябрь 2015 (1)
Октябрь 2015 (1)

Карта сайта: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41

Друзья сайта

Хотите продать свой сайт?
- Мы быстро и удобно для Вас сможем его купить:
  • Заявка на продажу сайта
  • Раcсматриваем цены на каждый сайт в индивидуальном порядке.

    Случайная цитата

    E. W. Dijkstra:

    "Использование COBOL калечит разум; исходя из этого, обучение этому языку должно быть признано уголовно наказуемым преступлением."

    Опрос

    Какой браузер Вы используете?

    Internet Explorer
    Google Chrome
    Mozilla Firefox
    Netscape Navigator
    Maxthon Browser
    Opera
    Mozilla Suite
    SeaMonkey
    K-Meleon
    Safari
    Amaya
    Avant Browser
    SlimBrowser
    Другой...