Генерируем страницу - Описание структуры сайта в виде mind-map

Генерируем страницу

Генерация страницы - это процесс создания из модели набора HTML файлов. В процессе генерации внутри проекта создаётся папка, в которую и размещаются сгенерированные файлы. Имя папки = имя vinci.модели.

Для того чтобы запустить процесс генерации необходимо:

  1. Выделить корневой элемент модели в диаграмме или в дереве элементов или в области Model Explorer.
  2. Вызвать контекстное меню щелкнув правой кнопкой мыши на корневом элементе.
  3. Выбрать пункт Generate -> Application


После процесса генерации в области Model Explorer появляется папка, в которой содержатся сгенерированные файлы. Раскрываем стрелочкой эту папку и видим, что в ней на данный момент содержится только файл index.html.

В области Model Explorer появляется папка, в которой содержатся сгенерированные файлы

Сгенерированный файл можно открыть тремя способами:

  • двойным щелчком из области Model Explorer IDE Eclipse;
  • из файловой системы компьютера;
  • скопировав путь к файлу и вставив его в адресную строку веб-браузера.

Если мы сделаем двойной щелчок по файлу в области Model Explorer IDE Eclipse, то он откроется во встроенном браузере. Этот вариант нас не устраивает, так как всроенный браузер не всегда корректно отображает сгенерированные страницы.

Поэтому нам необходимо найти сгенерированный файл в файловой системе и открыть его. Для этого:

  1. В области Model Explorer выделим папку, в которую сгенерировались файлы и щелкнем по ней правой кнопкой.
  2. В контекстном меню выберем самый нижний пункт - Properties или нажмем сочетание клавиш Alt + Enter.
  3. В открывшемся диалоговом окне найдем строчку Location. В конце этой строки есть иконка Show in System Explorer Show in System Explorer, нажмем ее - откроется папка, в которую сгенерировались файлы.

И из этой папки файл можно открыть в веб-браузере, используемом в вашей операционной системе по умолчанию.

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

В первую очередь нам необходимо создать навигационный каркас сайта >>>

Открываем свойства папки или файла в области Model Explorer В открывшемся диалоговом окне ищем строчку, где указан путь к папке или файлу.