Веб-дизайн получает большую выгоду от преобразования XML и XSLT. С помощью преобразований XML и XSLT вы можете хранить динамические тексты и содержимое веб-сайта в базе данных. Вы можете перенести базу данных в XML, а затем преобразовать ее в HTML-скрипт посредством преобразования XSLT.
На заре развития сети связность достигалась на стороне сервера, но это требовало большого количества ручного управления файлами. К счастью, по мере развития Интернета растут и инструменты веб-разработки. Например, в рамках .NET Framework вы можете создавать различные веб-элементы управления для унификации дизайна.
При разработке функций взаимодействия пользователя и данных: как добиться полной целостности данных, функциональности пользовательского интерфейса и бизнес-правил. В этой статье будет приведен пример веб-сайта и объяснено, как XML и XSLT могут сделать дизайн вашего веб-сайта безупречным.
Вот цитата:
<html>
<голова>
</голова>
<тело>
<form метод="POST" name="thisForm" id="thisForm" action="somepage.php">
<input type="text" name="txtText" id="txtText" size="25"><br>
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit">
</форма>
</тело>
</html>
Приведенный выше фрагмент кода завершает основную функцию, но его необходимо дополнить XML и XSLT.
В XML код имеет открывающие и закрывающие теги, а в HTML их нет. Теги INPUT и BR представляют собой особые случаи, они не требуют завершающего тега. Однако добавление косой черты перед закрывающим тегом тега «>» гарантирует соответствие HTML спецификации XML. Если вы обратите внимание на эти спецификации при написании HTML-скриптов, вы сможете конвертировать XML/HTML (также известный как XHTML) в хорошие HTML-страницы.
Вот цитата:
<form метод="POST" name="thisForm" id="thisForm" action="somepage.php">
<input type="text" name="txtText" id="txtText" size="25" Transform="blueText"/>
<br/>
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit"
Transform="bigButton"/>
</form> Запустите следующий код, чтобы завершить преобразование XSLT:
<?xml версия="1.0"?>
<xsl:таблица стилей
xmlns:xsl=" http://www.w3.org/1999/XSL/Transform " версия="1.0"
>
<xsl:output метод="html"/>
<xsl:template match="/">
<table width="100%" cellpadding="0" cellpacing="0">
<tr><td align="center">Это определенный заголовок</td></tr>
<tr><td><xsl:apply-templates select="//form"/></td></tr>
<tr><td align="center">Это определенный нижний колонтитул</td></tr>
</таблица>
</xsl:шаблон>
<xsl:template match="form">
<xsl:element name="form">
<xsl:attribute name="method"><xsl:value-of
select="@method"/></xsl:attribute>
<xsl:attribute name="action"><xsl:value-of
select="@action"/></xsl:attribute>
<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute>
<xsl:apply-templates select="*"/>
</xsl:element>
</xsl:template><xsl:template match="*">
<xsl:выбрать>
<xsl:when test="@transform='blueText'"><xsl:element name="input">
<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute>
<xsl:attribute name="type">текст</xsl:attribute>
<xsl:attribute name="style">цвет:синий</xsl:attribute>
<xsl:if test="@value"><xsl:attribute name="value"><xsl:value-of
select="@value"/></xsl:attribute></xsl:if>
</xsl:element>
</xsl:когда>
<xsl:when test="@transform='redText'"><xsl:element name="input">
<xsl:attribute name="name"><xsl:value-of
select="@name"/></xsl:attribute>
<xsl:attribute name="id"><xsl:value-of
select="@id"/></xsl:attribute>
<xsl:attribute name="type">текст</xsl:attribute>
<xsl:attribute name="style">цвет:красный</xsl:attribute>
<xsl:if test="@value"><xsl:attribute name="value"><xsl:value-of
select="@value"/></xsl:attribute></xsl:if>
</xsl:element>
</xsl:когда>
<xsl:when test="@transform='bigButton'"><xsl:element name="input">
<xsl:attribute name="name"><xsl:value-of
select="@name"/></xsl:attribute>
<xsl:attribute name="id"><xsl:value-of
select="@id"/></xsl:attribute>
<xsl:attribute name="style">высота:30 пикселей; ширина: 100 пикселей; шрифт-
размер: 18pt; вес шрифта: 700;</xsl:attribute>
<xsl:attribute name="value"><xsl:value-of
select="@value"/></xsl:attribute>
</xsl:element>
</xsl:когда>
</xsl:выбрать>
</xsl:шаблон>
</xsl:stylesheet>
Приведенный выше код не может создавать пространство имен, определять теги XML, подтверждать DTD или схему за вас. Он позволяет создавать рабочие HTML-скрипты, которые можно преобразовать в совершенно новые страницы, не беспокоясь о вопросах дизайна.
В таблице стилей атрибут преобразования тега HTML используется для управления операцией преобразования. Я рассматривал возможность использования формы FORM в качестве единицы определения пользовательских элементов управления, необходимых для операций преобразования, поскольку все элементы управления пользовательским вводом должны находиться в форме FORM. В этом примере выходные данные представляют собой текстовый ввод, цвет текста — синий; кнопка высотой 20 пикселей и шириной 100 пикселей с жирным шрифтом размером 18 пунктов. Мы можем изменить цвет текста в текстовом поле, изменив свойство преобразования.
Существует множество способов добавить статический контент на веб-страницу. В этом примере мы используем только самый простой способ — добавление верхнего и нижнего колонтитула в таблицу стилей.
Теперь, когда вы хотите создать новую форму для пользовательского ввода, все, что вам нужно сделать, это создать обычную форму. Как только общие формы пройдут проверку, эти формы можно будет добавить в преобразование для генерации вывода HTML темы. Все, что вам нужно сделать, это запомнить тип элемента управления вводом и обязательно добавить его в качестве свойства преобразования.