WebClub - Всероссийский Клуб Веб-разработчиков
WebClub.RU » Советы » Hello World: введение в XForms

Hello World: введение в XForms


Дата публикации: 18-03-2008

В этой статье мы покажем, как решать важнейшие задачи, используя всего лишь небольшое количество основных XForms-тегов. Мы рассмотрим использование и синтаксис этих тегов, а также смысл некоторых обычных атрибутов. Объяснение отдельных тегов будет сопровождаться ссылками на Приложения к статье, где приведена вся спецификация.

Для первого знакомства со структурой формы и синтаксисом XForms рассмотрим всем хорошо известный пример "Hello World". Этот пример позволяет сравнить XForms с другими языками разметки. В следующих разделах будут показаны части формы, предназначенной для выполнения заказа в среде электронной коммерции; эта форма будет рассматриваться на протяжении всей статьи.

В Листинге 2 приведен весь код "Hello World", показано, как может выглядеть этот пример при его отображении в окне браузера, совместимого с XForms. Обратите внимание на основную структуру этого документа, поскольку каждый XForms-документ имеет схожую разметку. Вы увидите, что модель определяется в пределах заголовка (см. XForms-модель), а представление в теле документа (см. Пользовательский интерфейс XForms). Заметьте, что пространства имен указываются в пределах каждого HTML-тега. Для того, чтобы избежать конфликта имен, необходимо, где только можно, использовать префиксы пространств имен.


Листинг 2. Hello World

<!--Hello World Example-->
<html xmlns= "http://www.w3.org/1999/xhtml"
xmlns:xforms="http://www.w3.org/2002/01/xforms"
xmlns:my="http://www.example.com/my-data">
  <head>
  <!--The Model is defined within the head of the xhtml document-->
      <xforms:model> <!--The instance is defined within the model-->
        <xforms:instance>
          <my:data>Hello World</my:data>
        </xforms:instance>
      </xforms:model>
 </head>
 <body> <!--The view is defined within the body of the document-->
    <xforms:group>
      <xforms:output ref="/my:data">
        <xforms:label>Output Control Example</xforms:label>
      </xforms:output>
    </xforms:group>
 </body>
</html>


Обратите внимание на то, что поскольку в настоящий момент язык XForms не располагает процессором в виде готового продукта, изображения всех примеров - это всего лишь иллюстрации, которые не являются результатом реализации XForms. (Ссылки на бета-версии XForms- процессоров см. в Ресурсах.)

 

В остальной части статьи рассказывается о форме, используемой для выполнения заказа в среде электронной коммерции. Эта форма заказа состоит из разделов, предназначенных для ввода информации о клиенте, подсчета цены и перечисления приобретенных товаров. Сначала мы рассмотрим определение модели, а затем описание представления. В Приложении А приводится полный текст кода,  показано изображение этой формы заказа.

Популярное

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

Друзья сайта



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

Rick Cook:

"Программирование сегодня — это гонка разработчиков программ, стремящихся писать программы больше и с лучшей идиотоустойчивостью, и вселенной, которая пытается создавать больших и лучших идиотов. Пока вселенная побеждает."

Опрос

Как Вам новый дизайн сайта?

Отлично
Неплохо
Нормальный
Ужасно