Блог Open Constructor

Выпущен релиз Open Constructor 3.10

Tue, 30 Jun 2009 13:20:39 GMT

Сегодня мы выпускаем релиз Open Constructor 3.10.0, основным достоинством которого является поддержка PHP5. Также мы сделали удобнее работу с гибридными данными и исправили баги в инсталляторе.

Скачать Open Constructor 3.10.0

Что нового?

Долгожданная поддержка PHP5. Обратите внимание, что PHP5 должен быть установлен как модуль, а не FCGI. С PHP5 на FCGI доступно будет только создание статических страниц, гибридные данные работать не будут.

Поддержка пользовательских плагинов для Smarty. Вы можете написать например собственный плагин для склонения числительных (1 комментарий, 2 комментария, 5 комментариев). Сохраните его в /res/smarty/plugins/ и вы сможете использовать его в Smarty-шаблонах. Примеры плагинов вы можете найти в руководстве по созданию плагинов для Smarty.

Вложенная подгрузка гибридных документов в объектах списков. Теперь вывод связанных данных не требует объектов с инъекциями. Как использовать вложенную подгрузку гибридных данных мы расскажем в отдельной статье.

В папке res при установке будут создаваться папки /res/css, /res/js и /res/img. Мы рекомендуем хранить в этих папках таблицы стилей, javascript-файлы и файлы изображений сайта, это сильно облегчит перенос сайта на другой хостинг. Вам достаточно будет создать бекап на одном сервере и восстановить его на другом, не нужно будет отдельно переносить например картинки.

Полный список изменений и исправлений вы можете посмотреть в баг-трекере на Google Code

Как перейти на Open Constructor 3.10

Чтобы перевести существующий сайт, разработанный на Open Constructor 3.9.0 или 3.10-beta, нужно создать бекап и восстановить его в Open Constructor 3.10.0, все необходимые изменения будут применены автоматически.

Если у вас возникли проблемы при переходе на Open Constructor 3.10, пожалуйста опишите их в нашем баг-трекере.

Разработка несложных сайтов на базе Open Constructor

Wed, 16 Apr 2008 07:18:16 GMT

Введение

В этой статье я объясню разработчикам, не имевшим ранее опыта создания сайтов на системе Open Constructor (OC), как разработать простой сайт, состоящий только из статических страниц.

Нам даны:

Макеты дизайна главной и внутренних страниц
Карта сайта с указанием названий разделов и URI

Задание:

Разработать сайт на базе ОС

Информация до начала разработки

Для начала я рекомендую прочесть «Документацию разработчика». А так же, не помешает иметь некоторый опыт работы с другими системами управления сайтами.

Сайт, созданный на ОС (aka «Модель ОС»), состоит из:

Шаблонов (весь HTML сайта)
Объектов — выбирает контент из базы данных и передает в шаблон для оформления (несколько объектов могут использовать один и тот же шаблон), который впоследствии добавляется в структуру сайта в разделе...
Карты сайта — вся структура сайта
Данных (статьи, новости, файлы, и др.)

Краткий план действий

Анализируем макеты дизайна нашего сайта
Создаем разделы данных
Создаем шаблоны страниц и блоков (таких как шапка, меню и др.) и объекты, которые будут содержать шаблоны
Собираем сайта в единое целое

Создаем страницы в соответствии с картой сайта
Указываем, какие шаблоны должны использоваться для главной и внутренних страниц
Добавляем объекты во вновь созданные страницы

Добавляем контент на страницы

Держа в голове вышеуказанный «план боевых действий», приступаем к работе.

1. Анализ макетов дизайна

Перед нами макеты дизайна главной и внутренней страницы сайта:

Главная страница

Внутренняя страница

Анализируем, из каких блоков состоит главная страница:

А также анализируем дизайн внутренних страниц:

{run_block id=whatever} — это элемент шаблона, так называемый маркер, в который мы можем вставлять объекты (шапку, футер, сайдбар и т.п.).

2. Создание разделов данных

В силу особенности ОС, до создания объектов создаем раздел данных, откуда объекты будут брать данные. Мы будем использовать тип данных «HTML код» для хранения контента страниц, поскольку только этот тип данных позволяет привязывать документ к конкретной странице в карте сайта.

Называем раздел «Content»:

3. Создание шаблонов и объектов

Создание шаблонов

Шаблон — это HTML нашего сайта. В шаблонах мы создаем структуру нашего сайта с помощью HTML.

Создание объектов

Cоздаем объекты, которые содержат эти шаблоны. Тип шаблона и объекта должен совпадать. Например, если шаблон имеет тип «Список страниц» (как шапка и футер), то объект тоже должен быть такого типа, для того, чтобы функции, заложенные в шаблон, работали корректно.

Создание шаблона главной страницы

Как вы видели, главная страница имеет двухколоночную структуру.

Для создания шаблона выполняем несколько операций.

Сначала выбираем тип шаблона, который мы хотим создать, затем создаем шаблон и вводим нижеследующий код:

Код шаблона главной страницы:

{run_block id=PRE}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{$page->getHeadTags(true)}{* передаем true чтобы оформить как xml *}
<title>{$page->getTitle()|escape}</title>
</head>
<body>
<div class="wrapper">
  <div class="header">
   {run_block id=header}
  </div>
  <div class="banner">
   {run_block id=banner}
  </div>
  <div class="content">
   <div class="center">
    {run_block id=center}
   </div>
   <div class="right">
    {run_block id=right}
   </div>
   <br class="clear" />
   <div class="footer">
    {run_block id=footer}
    <br class="clear" />
   </div>
  </div>
</div>
</body>
</html>
{run_block id=POST}

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

Шаблон шапки

Шаблон шапки имеет тип «Список страниц» и может выводить список страниц первого уровня автоматически, и это будет играть роль верхнего меню.

{* логотип *}
{if $page->is('/')}{* мы на главной *}
<img src="/res/files/logo.gif" alt="logo" title="logo" />
{else}{* мы во внутрненних страницах *}
<a href="/"><img src="/res/files/logo.gif" alt="logo" title="logo" /></a>
{/if}
<ul class="menu">
{* выводим пункты главного меню *}
{foreach from=$pages item=p}
{if $p.at == 2}{* пункт выбран *}
  <li title="{$p.header}" class="active"><span>{$p.header}</span></li>
{elseif $p.at == 1}{* выбран подпункт *}
  <li title="{$p.header}" class="active"><a href="{$p.href}" title="{$p.header}">{$p.header}</a></li>
{else}{* пункт не выбран *}
  <li title="{$p.header}"><a href="{$p.href}" title="{$p.header}">{$p.header}</a></li>
{/if}
{/foreach}
</ul>
<p>+7 (495) 232-99-66</p>
<br class="clear" />

Что мы тут видим? Видим логотип, который на внутренних страницах является ссылкой на главную страницу, и Smarty-код, который генерирует список страниц, которые были указаны на разделе «Карта сайта».

Объект шапки

Шаблон футера

Футер имеет схожий шаблон:

<p class="copyright">
Copyright © 2008 Брокерский дом <br />
100000, Москва, 2-я ул., д. 1, стр. 1<br />
Телефон: +8 985 111-11-11
</p>
<ul class="menu">
{foreach from=$pages item=p}
<li title="{$p.header}">
  {if $p.at == 2}
  {$p.header}
  {elseif $p.at ==1}
  <a href="{$p.href}" title="{$p.header}"><span class="active-parent">{$p.header}</span></a>
  {else}
  <a href="{$p.href}" title="{$p.header}">{$p.header}</a>
  {/if}
</li>
{/foreach}
</ul>
<p class="agents"><img alt="Предложение агентам" src="/res/files/icon-agents.gif" /><a href="/services/for-agents/"><span>Предложение<br /> агентам</span></a></p>

Объект футера

Объект футера создается так же, как и объект шапки.

Шаблон верхней иллюстрации

<h1>Брокерский дом</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum mi massa, imperdiet ac, egestas commodo, auctor in, dolor. Nulla semper, mi in viverra rhoncus, enim est lobortis pede, eget tempor nulla nibh id velit. Pellentesque tincidunt. Etiam aliquam luctus lacus. Nulla a est nec lectus sollicitudin porta. Vestibulum dapibus tincidunt sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed a nunc eu tellus placerat elementum.</p>
<p><a href="#">Подробнее о компании</a></p>

Объект верхней иллюстрации

Шаблон центрального блока

{if $header}
<h1>{$header}</h1>
{/if}
<table class="mainpage">
{* создаем таблицу с двумя столбцами *}
{foreach_row from=$pages item=doc cols=2 table=no}
{foreach_cell}
  {* содержимое ячеек таблицы *}
  <h2><a href="{$doc.href}">{$doc.header}</a></h2>
  <p>{$doc.intro}</p>
{/foreach_cell}
{/foreach_row}
</table>

Объект центрального блока (основной контент)

Шаблон правого сайдбара

<p class="openfund"><img alt="Открытые паевые фонды" src="/res/files/icon-fund.gif" /><a href="#">Открытые<br /> паевые фонды</a></p>
<br class="clear" />

Объект правого сайдбара

Объект правого сайдбара создается так же, как и верхняя иллюстрация (объект типа «Включение шаблона»).

Мы закончили создание шаблонов и объектов главной страницы.

Шаблон внутренних страниц

{run_block id=PRE}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{$page->getHeadTags(true)}{* передаем true чтобы оформить как xml *}
<title>{$page->getTitle()|escape}</title>
</head>
<body>
<div class="wrapper">
  <div class="header">
   {run_block id=header}
  </div>
  <div class="inner-content">
   <div class="left">
    {run_block id=left}
    {run_block id=left-2}
   </div>
   <div class="center">
    {run_block id=center}
   </div>
   <div class="right">
    {run_block id=right}
   </div>
   <br class="clear" />
  </div>
  <div class="footer">
   {run_block id=footer}
   <br class="clear" />
  </div>
</div>
</body>
</html>
{run_block id=POST}

Шаблоны и объекты шапки и футера оставляем такими же, как и на главной странице.

Шаблон центрального блока (основной контент)

Создаем шаблон типа HTML-текст для блока center, где будет находиться основной контент нашего сайта:

<div class="content-text">
<h1>{$title}</h1>
{$content}
</div>

Объект центрального блока

Шаблон левого меню

Шаблон левого меню имеет тип «Список страниц», как и верхнее меню:

<ul class="leftmenu">
{* перебираем пункты первого уровня *}
{foreach from=$pages item=top}
{* перебираем пункты вротого уровня *}
{foreach from=$top.children item=p}
  {if $p.at == 2}{* пункт выбран *}
   <li title="{$p.header}" class="active">{$p.header}</li>
  {elseif $p.at ==1}{* выбран подпункт *}
   <li title="{$p.header}" class="active-parent"><a href="{$p.href}" title="{$p.header}">{$p.header}</a></li>
  {else}{* пункт не выбран *}
   <li title="{$p.header}"><a href="{$p.href}" title="{$p.header}">{$p.header}</a></li>
  {/if}
  {* проверяем существуют ли пункты третьего уровня *}
  {if $p.children}
   <li class="inner"><ul class="small">
    {* выводим меню третьего уровня *}
    {foreach from=$p.children item=child}
     {if $child.at == 1}
      <li title="{$child.header}" class="active-parent"><a href="{$child.href}" title="{$child.header}">{$child.header}</a></li>
     {elseif $child.at == 2}
      <li title="{$child.header}" class="active">{$child.header}</li>
     {else}
      <li title="{$child.header}"><a href="{$child.href}" title="{$child.header}">{$child.header}</a></li>
     {/if}
    {/foreach}
   </ul></li>
  {/if}
{/foreach}
{/foreach}
</ul>

Объект левого меню

Этот объект требует настройки — мы должны указать глубину страниц, которые будут включаться в меню:

Шаблон правого сайдбара

Создадим шаблон правого сайдбара внутренних страниц, так как он будет отличаться от сайдбара главной страницы. Шаблон и объект будут типа «Включение шаблона».

Объект правого сайдбара

Объект правого сайдбара будет создаваться так же, как и верхняя иллюстрация главной страницы

4. Сборка сайта из объектов

1. Создаем страницы нашего сайта

Теперь «собираем» сайт в единое целое. Для этого добавляем объекты в те места, которые были предусмотрены в шаблоне главной страницы (помните теги {run_block id=whatever}?).

Для достижения этой цели, нам необходимо создать структуру (карту) сайта, используя переданный нам вначале документ «Карта сайта», в котором черным выделены страницы первого уровня, красным — второго и зеленым — третьего):

Главная	/
О компании Lorem Ipsum	/about
Структура	/structure
Руководство	/headquaters
Реквизиты и лицензии	/requisites-and-licenses
Контактная информация	/contact-information
Услуги	/services
Брокерские операции	/brokerage-service
Торговые площадки	/trading-floors
Интернет-трейдинг	/internet-trading
Как стать нашим клиентом	/become-our-client
Документы	/documents
Управление активами	/asset-management
Доверительное управление	/trusted-asset-management
Паевые фонды	/unit-funds
Для пенсионных фондов и страховых компаний	/pension-funds-and-insurance-companies
Услуги на срочном рынке	/future-market-services
Консалтинговое сопровождение	/consulting-support
Опционные стратегии	/option-strategies
Риск-менеджмент по опционам	/option-risk-management
Опционный деск	/option-desk
Субброкеридж на FORTS	/forts-subbrokerage
Как стать нашим клиентом	/become-our-client
Инвестиционно-банковские услуги	/investment-and-banking
Депозитарные услуги	/depository
Агентам	/for-agents
Юридические услуги	/legal-services
Тарифы	/tariffs
Биржевой рынок	/exchange-market
Внебиржевой рынок	/off-exchange-market
Срочный рынок	/future-market
Единый фиксированный	/fixed
Вознаграждение за использование ИТС QUIK	/quik-reward
Вознаграждение брокера за иные услуги по Договору об оказании брокерских услуг	/broker-reward
Тарифы на депозитарное обслуживание	/depository
Тарифы торговых площадок	/trading-floors
Классичесий рынок РТС	/rts-classic
Биржевой, Срочный рынок РТС	/rts-stock-future
ЗАО ММВБ	/mmvb
ЗАО «Фондовая биржа ММВБ»	/mmvb-stock-exchange
НП ФБ «Санкт–Петербург» (ОАО «Газпром»)	/saint-petersburg-se
404	/404

Создадим нужные нам страницы:

Папка — это URL страницы.

2. Указываем шаблоны главной и внутренних страниц

При создании страниц указываем шаблон этих страниц. Для главной страницы мы используем шаблон «main», а для внутренних — «inner»:

В итоге карта сайта должна выглядеть вот так:

3. Добавляем объекты во вновь созданные страницы

Теперь вставляем объекты в нужные нам страницы в разделе «Карта сайта». Логично преположить, что некоторые объекты (например, шапка) будут добавлены во все страницы, поскольку присутствуют во всех страницах.

Добавить объект можно двумя способами:

1 способ — когда один объект необходимо добавить в большое количество страниц, например, во все внутренние страницы нашего сайта.

2 способ — когда один объект необходимо добавить только в одну страницу, например, на главную страницу.

Теперь добавляем объекты (1-м способом) во все внутренние страницы и на главную страницу сайта. Для примера возмем объект шапки (header). Для этого откроем сам объект:

В нижней части окна объекта нажимаем на кнопку «Места применения объекта». Откроется окно, где выбираем страницы и блок страницы, куда необходимо добавить объект:

Обратите внимание, что мы сейчас добавили объект шапки и на главную страницу, поскольку объекты шапки и футера идентичны для всех страниц.

Таким образом добавляем другие объекты в нужные нам страницы.

Теперь нам надо добавить некоторые объекты, которые еще не добавлены на главную страницу используя 2-й способ добавления объектов (на главную страницу уже добавлены объекты шапки и футера — мы их добавили выше). Для этого, переходим в раздел «Карта сайта» и нажимаем кнопку «Добавить объект»:

В открывшемся окне выбираем нужный нам объект (не забудьте также обратить внимание на тип объекта; объект «banner» — это объект верхней иллюстрации):

Таким образом добавляем другие объекты главной страницы. В итоге главная страница должна выглядеть так:

Обратите внимание на выпадающее меню, справа от объектов. Пункты этого меню совпадают с тем id, что мы давали в шаблоне главной страницы — например, {run_block id=header} или {run_block id=center}.

Этот способ привязки объектов к страницам лучше использовать с простыми сайтами, с таким, который мы сейчас создаем.

Стили (CSS)

Чтобы подключить стили (CSS) к сайту, создаем папку css в корневой папке вашего сайта и в эту папку помещаем css-файл вашего сайта. Тогда этот файл стиля появится в свойствах шаблона и будет использован по умолчанию (тег CSS автоматически добавится в HTML).

5. Добавление контента

Контент добавляется через раздел «Данные» в ОС:

Как вы видите, напротив названия страницы стоит его URI. Таким образом можно указать, где будет отображаться именно эта статья. Что бы добавить текст для конкретной страницы, поступаем следующим образом:

Выбираем страницу, где именно этот текст будет отображаться, через дроп-даун бокс. Список страниц в этом дроп-даун боксе берется из «Карты сайта».

Вот так можно очень быстро собрать сайт на базе ОС.

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

Wed, 2 Apr 2008 15:07:55 GMT

Иногда требуется отфильтровать список гибридных документов по одному из нескольких полей.

Пример:

На сайте есть каталог бумаги, и необходимо организовать навигацию по нескольким форматам и видам бумаги.

Создаем гибридный раздел данных «Бумага» со следующим набором полей:

format: формат бумаги. Тип поля «Перечисление (enum)», возможные значения A1, A2, A3, A4.
surface: поверхность. Тип поля «Перечисление (enum)», возможные значения матовая (matt), глянцевая (glossy).
сolor: цвет. Тип поля «Перечисление (enum)», возможные значения белый (white), коричневый (brown) и т. д.

Нужно сделать меню со следующими пунктами: Бумага A3; Бумага A4; Глянцевая бумага; Белая бумага. Это значит нужно фильтровать список документов по одному из полей format, surface или color в зависимости от выбранного пункта меню. Обратите внимание на то, что в меню выводятся не все варианты, а только избранные.

Задачу можно решить, создав три объекта списка и поместив их на разные страницы. Первый объект будет отвечать за фильтрацию по полю format, второй — по surface, третий — по color.

Но есть более простое решение с использованием только одного объекта списка. Для этого создаем объект и настраиваем у него одну фильтрацию. Этот объект будет находиться на странице /sort/ и подразумевается, что там настроена маршрутизация. В поле «Где» пишем «$sort.where», в поле «Значение» пишем «sort.is» (Context).

Ставим этот объект на страницу /sort/. Теперь пункты меню доступны по следующим адресам:

Бумага A3: /sort/index.php/-where/format/-is/a3/
Бумага A4: /sort/index.php/-where/format/-is/a4/
Глянцевая бумага: /sort/index.php/-where/surface/-is/glossy/
Белая бумага: /sort/index.php/-where/color/-is/white/

Чтобы использовать динамическую фильтрацию, не обязательно чтобы типы полей были «Перечисление», в нашем примере можно заменить поле «Поверхность» на поле «Глянцевая» типа boolean.

Шаблон списка документов который выводит меню + список:

<div>
{* пункты меню *}
{set
    menu_k = ','|explode:'format/a4,format/a3,surface/glossy,color/white'
    menu_v = ','|explode:'Бумага A4,Бумага A3,Глянцевая бумага,Белая бумага'
}
{* active - ключ текущего пункта; href - для генерирования ссылки *}
{set
    active = $ctx->getParam('sort.where')|cat:'/'|cat:$ctx->getParam('sort.is')
    href = $ctx->getPatternFor('.', 'sort.where,sort.is', ',')
}

{*
   * Меню
   *}
<ul>
{foreach from=$menu_k item=k key=i}
    <li>
    {if $k eq $active}{* выбранный пункт меню *}
      <b>{$menu_v.$i}</b>
    {else}
      {set crit = '/'|explode:$k}
      <a href="{$href|sprintf:$crit[0]:$crit[1]}">{$menu_v.$i}</a>
    {/if}
    </li>
{/foreach}
</ul>

{*
   * Список документов
   *}
<div>
{foreach from=$docs item=doc}
    <h3>{$doc.header} [{$doc.format.header}]</h3>
    <p>Цвет: {$doc.color.header}, Поверхность: {$doc.surface.header}</p>
{/foreach}
</div>
</div>

Передача аргументов шаблону объекта

Tue, 1 Apr 2008 14:50:54 GMT

В ОС при выполнении объекта, можно передавать аргументы в шаблон объекта.

Вариант 1. Задание аргументов из настроек объекта

В свойствах объекта, в секции настроек шаблона можно задать аргументы, которые будут передаваться шаблону. Аргументы задаются в формате query_string.

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

Шаблон:

{if $args.rss}<a href="/feeds/news/">RSS</a>{/if}
<ul>
{foreach from=$news item=i}
<li><a href="{$i.href}">{$i.header}</a></li>
{/foreach}
</ul>

В настройках объекте на главной в поле «Передавать параметры:» пишем rss=1. А во втором объекте оставляем это поле пустым. Все.

Вариант 2. Передача аргументов при определении блока

В первом варианте пришлось создать два объекта и один шаблон. Можно обойтись и одним объектом, если на главной и на внутренней страницах используются разные шаблоны страниц, или объекты находятся на разных блоках. Для этого ищем вызов блока (run_block) новостей в шаблоне главной страницы и передаем аргумент rss. Например, если список находится в блоке center.2, то это будет выглядеть так:

...
{run_block id=center.2 rss=on}
...

Какой вариант использовать? Это зависит от задачи: если передаваемый аргумент относится к месторасположению блока, то лучше использовать второй вариант, в остальных случаях — первый.

Тег foreach_cell для Smarty

Mon, 31 Mar 2008 09:44:54 GMT

В OC существует набор тегов foreach_row, foreach_col и foreach_cell для Smarty, которые используются для генерирования таблиц. Эти теги используются в паре foreach_row + foreach_cell или foreach_col + foreach_cell.

Во всех примерах используется шаблон типа Список Гибридных Документов.

Пример 1. Вывод списка документов в таблице в 4 колонки

{foreach_row from=$docs item=doc cols=4}
{foreach_cell}
<a href="{$doc.href}">{$doc.header}</a>
{/foreach_cell}
{/foreach_row}

Пример 2. Задание аттрибутов таблицы вручную

<table border="0" cellspacing="0" id="table-docs" class="new-docs" style="font-size: 85%;">
{foreach_row from=$docs item=doc cols=4 table=no}
{foreach_cell}
<a href="{$doc.href}">{$doc.header}</a>
{/foreach_cell}
{/foreach_row}
</table>

Пример 3. Построчная зебра

{foreach_row from=$docs item=doc cols=4 tr=no}
<tr class="{cycle values="plain,gray"}">
{foreach_cell}
<a href="{$doc.href}">{$doc.header}</a>
{/foreach_cell}
</tr>
{/foreach_row}

Пример 4. Заполнение пустых ячеек

По умолчанию в последней строке (foreach_row) или столбце (foreach_col) добавляются пустые ячейки (<td> </td>) вместо недостающих документов. Для ручного вывода недостающих ячеек используется параметр expand тега foreach_row/foreach_col. Если задать expand=yes, то foreach_cell будет вызываться с null элементом в недостающих ячейках.

{foreach_row from=$docs item=doc cols=4 expand=yes}
{foreach_cell}
    {if $doc}
      <a href="{$doc.href}">{$doc.header}</a>
    {else}{* пустая ячейка *}
       N/A
    {/if}
{/foreach_cell}
{/foreach_row}

Пример 5. Управление всеми тегами таблицы вручную

<table border="0" cellspacing="0" id="table-docs" class="new-docs" style="font-size: 85%;">
{foreach_row from=$docs item=doc cols=3 table=off tr=off}
<tr class="r-{cycle values="1,2,3"}">
{foreach_cell td=off}
    <td id="doc-{$doc._id}">
      <a href="{$doc.href}">{$doc.header}</a>
    </td>
{/foreach_cell}
</tr>
{/foreach_row}
</table>

Пример 6. Доступ к состоянию цикла

{foreach_row from=$docs item=doc cols=4 status=st}
{foreach_cell}
    <code>
      row: {$st.col}, col: {$st.row}<br>
      iteration: {$st.iteration}, index: {$st.index}
    </code>
    <a href="{$doc.href}">{$doc.header}</a>
    <code>Full status: {$st|@debug_print_var}</code>
{/foreach_cell}
{/foreach_row}

Здесь мы через параметр status указали имя переменной, в которой будет доступно состояние цикла (st).

Во всех примерах был показан foreach_row. Если его заменить на foreach_col, то документы будут выводиться в таблице не слева направо, а сверху вниз.

Видеоинструкция по установке CMS Open Constructor версии 3.9.0

Fri, 1 Feb 2008 10:43:10 GMT

В этой статье мы рассмотрим установку Open Constructor-a на локальный сервер.

В качестве локального сервера был использован пакет WampServer, который включает в себя Apache 2.0.61, PHP 4.4.7, MySQL 4.1.22 (требования Open Constructor к серверу и компьютеру клиента). А в качестве FTP сервера был использован FileZilla.

Перед установкой Open Constructor-a надо создать базу в MySQL и пользователя на FTP сервер. В качестве примера мы используем имя пользователя базы данных — oc_test, и название базы — oc_test. Пользователь FTP — test, пароль — 123456.

В первую очередь, создаем пользователя базы данных и саму базу.

После этого создаем пользователя FTP, указываем Home directory (в нашем случае D:\wamp) и привилегии пользователя.

Потом распаковываем архив с Open Constructor-ом в корень домашней папки Wamp-a (по умолчанию www).

После этого запускаем Internet Explorer (версии не ниже 6.0) и в адресной строке пишем путь к Open Constructor-у (на примере — http://localhost/openconstructor/). При этом запускается скрипт установки Open Constructor-a.

В соответствующие поля вводим имя пользователя и пароль FTP, корень Open Constructor-a относительно корня FTP, название базы данных, имя пользователя базы и пароль.

Если вы все сделали правильно, то откроется окно входа в Open Constructor. Там вводим свой логин (по умолчанию root) и пароль (по умолчанию — без пароля) и, вуаля, Open Constructor готов к работе!

Для нормального воспроизведения видео необходим Adobe Flash Player версии не ниже 9.0.

Использование гибридных данных на примере сайта cinema.uz

Tue, 8 Jan 2008 11:59:59 GMT

На сайте cinema.uz несколько связок данных, которые желательно, а иногда просто необходимо выводить вместе.

Афиша — фильм — кинотеатр

Например, связка «афиша — фильм — кинотеатр»: обязательно должно быть указано, какой фильм, когда и в каком кинотеатре идет.

Обновление афиши для редакторов сайта не представляет сложности:

1. создаем гибридный документ фильма, который будет идти в кинотеатрах — указываем его название и жанр, прикрепляем картинку, пишем описание фильма и вводный текст.

Добавляем в афишу фильм «Ради тебя»

2. сообщаем о том, где, когда и во сколько будет идти фильм — нужный кинотеатр выбираем из списка уже введенных кинотеатров, указываем первый и последний день показа (фильм будет в афише именно в этом промежуток времени), фильм выбираем из списка уже созданных фильмов.

Фильм «Ради тебя» будет показан в афише с 21 марта 2007 года по 21 апреля 2008 года

3. получаем готовую афишу — на странице афиши видим список фильмов, которые будут идти в ближайшее время. Кликнув на фильм, попадаем на страницу, где находится информация о фильме и по дням указаны кинотеатры, в которых он будет идти.

Выбираем на сайте день и кинотеатр, куда мы пойдем смотреть фильм «Ради тебя»

Актер — фильм

Связка «актер — фильм» также полезна: на сайте можно узнать, какие актеры снимались в определенном фильме, и в каких фильмах снимался определенный актер.

Страница актрисы Айшварии Рай содержит биографию, фотографию и ссылку на фото-галерею Айшварии, список фильмов с ее участием, ссылки на взятые у нее интервью, а также количество голосов, отданных за нее посетителями сайта

Информация об актерах, исполнителях и режиссерах имеет одинаковый вид, поэтому эти 3 группы объединены в один раздел гибридных данных

Актер — интервью

Связка «актер — интервью» позволяет узнать обо всех интервью актера на странице интервью, и на его личной странице на сайте.

Интервью Шахрукх Кхана и ссылки на все остальные его интервью

Посетители оставляют свои вопросы на сайте, актер на них отвечает, после чего интервью готово к публикации

Фильм — обзор фильма

Связка «фильм — обзор фильма» — можно сначала почитать обзор фильма, а потом перейти на страницу фильма, а можно сначала узнать все о фильме, а затем прочесть его обзор.

Обзор Азиза Хасанова фильма «Никогда не говори прощай» на сайте

Обзор Азиза Хасанова фильма «Никогда не говори прощай» в Open Constructor

Поле «Дата поступления в магазин» необходимо для формирования новинок на сайте, «количество проданных» — для формирования лидеров продаж, «рейтинг» — для определения популярных фильмов, «страна», «жанр», «год» — для формирования каталога.

Вот так выглядит гибридный документ фильма «Никогда не говори прощай»

Вот так выглядит фильм «Никогда не говори прощай» на cinema.uz

Использование форм в Open Constructor / отправка письма с прикреплeнным файлом

Tue, 25 Sep 2007 13:35:48 GMT

В дополнение к статье «Использование форм в Open Constructor», расскажу об отправке писем с прикреплeнным файлом.

Создание HTML кода и настройка объекта описаны в той статье, поэтому не буду повторяться.

В качестве примера можно взять такую форму:

Чтобы создать этот код формы открываем во вкладке «Шаблоны» Разное / Включение шаблона, создаем шаблон и вписываем в него HTML код формы.

<tr>
<td valign="top"><b>Приложите файл с резюме</b></td>
<td>
  <input name="attachment" class="bordered_1px" type="file"><br />
  <span class="form">DOC, ODT или PDF, размер не более 500Кб</span>
  {if $smarty.get.failed.attachment}
   <div class="error">{$smarty.get.failed.attachment}</div>
  {/if}
</td>
</tr>

Хочу обратить ваше внимание на то что, если форма отправляет письмо с прикрепленным файлом, нужно указать enctype в таге <form>:

В объекте «Разное / Отправка писем» указываем несколько параметров.

В поле «Тип» выбираем значение File.

В поле «Тип файла» обязательно указываем расширения файлов, через запятую без пробелов, которые будут разрешены для отправки вместе с письмом, иначе вы не сможете закачать файл.

В поле «Размер» также обязательно указываем минимальный и максимальный размер отправляемого файла.

Ещe хочу обратить ваше внимание на чек-бокс в левом нижнем углу — если его отметить, загрузка файла пользователем сайта будет обязательна. То есть если вдруг посетитель сайта не укажет файл для отправки, попытается отправить файл с неразрешенным расширением или же файл не будет подходить по размерам, то будет показано сообщение из поля «Ошибка».

Реализовать отправку письма с несколькими прикрепленными файлами возможно 2 способами:

Первый способ

Создать HTML код с несколькими полями для прикрепления файлов и в объекте настроить их все по отдельности. Для этого в объекте отправки письма нажимаем кнопку «Добавить файл» и настраиваем его. Преимущество этого способа состоит в том, что можно настраивать каждый по-разному.

Второй способ

Объясним на примере. Необходимо вместе с сообщением отправить несколько идентичных файлов, но точное их количество неизвестно.

Как и в предыдущем примере описывать подробно создание HTML кода и настройку объекта не буду.

<div id=”attach”>
<p>Вы можете отправить нам дополнительную информацию о Вашем проекте.<br>
При желании Вы можете отправить 5 файлов. Размер каждого файла не должен превышать 1 MB.</p>
<div><input name="attachment[]" class="bordered_1px" type="file"></div>
<a href="javascript: addFile();" id="addmore" title="Добавить еще один файл">Добавить еще один файл</a>
</div>

Далее в объекте указываем все параметры. А в поле «Тип» выбираем значение Files. Это означает что в поле attachment нашей формы будет передан массив файлов.

Обратите внимание на то, что при выборе «Тип» Files поле с загрузкой файла нельзя сделать обязательным для заполнения.

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

Использование stub-блоков в Open Constructor

Fri, 7 Sep 2007 08:26:07 GMT

Stub-блоки — одна из очень гибких особенностей Open Constructor, и небольшой пример, который мы разберем, это покажет.

Что же такое stub-блок? Чем он отличается от обычного блока?

Обычные блоки в шаблонах страниц задаются так:

{run_block id=head}

Объект, размещенный в таком блоке, осуществит выборку данных и выведет эти данные, используя соответствующий шаблон.

Stub-блоки в шаблонах страниц задаются так:

{def_block id=stub1}

Stub-блоки отличаются от обычных тем, что объект, который находится в stub блоке загружается (т. е. осуществляет выборку данных), но не запускается (не осуществляет вывод этих данных).

Где это можно использовать?

Приведем простой пример.

На сайте есть список открытых вакансий. Вакансии реализованы гостевой книгой, где в поле Тема (subject) лежит наименование вакансии, а в контенте (content) — требования к вакансии. Остальные поля гостевой книги мы использовать не будем.

Итак, список вакансий есть. Как и где их выводить, мы обсуждать не будем, чтобы не уйти в сторону от основной темы.

Теперь на сайте нужна форма, в которой можно предложить свою кандидатуру на одну из вакансий. В форме будут поля, которые реализуются элементарно, такие как: имя, e-mail, телефон.

Но как быть со списком вакансий (drop-box)?

Данные для этого списка можно получить из списка вакансий. Вот тут нам и пригодится stub-блок.

Идея такая: на странице с формой будут 2 объекта: первый объект — список вакансий, который будет находиться в stub-блоке, второй объект — форма подачи заявки, которая будет находиться в обычном блоке.

Как это делается:

В шаблоне страницы поместим где-нибудь в самом начале шаблона определение блока {def_block id=stub1}

Далее создадим объект «список всех сообщений», который будет помещен в этот блок на странице с формой. Шаблон объекта создадим такой:

{foreach from=$messages item=message}
<option>{$message.subject}</option>
{/foreach}

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

Саму форму реализуем «включением шаблона».

Код шаблона будет такой:

{set cid = $ctx->newCaptchaId()}
<form method="post" action="sent/?cid={$cid}" enctype="multipart/form-data">

    Имя<br>
    <input type="text" name="name" value="{$smarty.get.name|escape}"><br>
    {if $smarty.get.failed.name}<div class=error>{$smarty.get.failed.name}</div>{/if}

    <br>
    E-mail<br>
    <input type="text" name="email" value="{$smarty.get.email|escape}"><br>
    {if $smarty.get.failed.email}<div class=error>{$smarty.get.failed.email}</div>{/if}

    <br>
    Телефон<br>
    <input type="text" name="phone" value="{$smarty.get.phone|escape}"><br>
    {if $smarty.get.failed.phone}<div class=error>{$smarty.get.failed.phone}</div>{/if}

    <br>
    Вакансия<br>
    <select name="vacancy">{run_block id=stub1}</select><br>

    <br>
    Файл с резюме<br>
    <input type="file" name="attachment"><br>
    <small>Принимается файлы в форматах doc, pdf, размером не более 500Кб</small><br>

    <br>
    <img class=captcha src="/res/captcha/{$cid}.png" onclick="this.src = '/res/captcha/{$cid}.png?' + (new Date()).getTime();"><br>
    <small>Введите символы, которые Вы видите на картинке.</small><br>
    <input type="text" name="f_cid" value="" size="6">
    {if $smarty.get.failed.f_cid}<div class=error>{$smarty.get.failed.f_cid}</div>{/if}
    <br><br>
    <input type="submit" value="Отправить">
</form>

Как видно в коде, внутри тега <select> поля «Вакансия» стоит блок {run_block id=stub1}, который и выведет данные из stub-блока stub1.

Cоздание страницы со скачиваемыми файлами

Fri, 31 Aug 2007 07:30:16 GMT

Иногда при создании сайта требуется страница, на которой нужно организовать скачивание определённых файлов. В данной статье рассмотрен пример создания такой страницы.

Для начала нам нужно создать раздел данных, где будут храниться файлы.

Для этого переходим во вкладку «Данные» и создаём раздел файлов.

В поле «Разрешенные типы файлов» нужно обязательно указать через запятую без пробелов расширения файлов, которые будут храниться в данном разделе, иначе вы не сможете закачать ни одного файла.

Для создания шаблона блока закачки файлов требуется перейти во вкладку «Шаблоны», открыть «Файлы / Список файлов», создать шаблон и написать в него HTML код блока.

HTML код блока:

<div class="downloads">
{if $header}
  <h2>{$header}</h2>
{/if}
<table cellpadding="0" cellspacing="5">
  {foreach from=$files item=file}
   <tr>
    <td><img src="/images/book_file.gif" width="24" height="30" border="0" alt="{$file.header}"></td>
    <td>
     <a href="{$file.href}" title="{$file.header}">{$file.header}</a>
     <span> {$file.type|upper} {$file.size|filesize_format}</span>
    </td>
   </tr>
  {/foreach}
</table>
</div>

Хочу обратить внимание на:

img src="/images/{$file.type}.gif " — в зависимости от типа файла будет грузиться соответствующая иконка
{$file.size|filesize_format} — модификатор filesize_format не является встроенным и написан отдельно, он используется для перевода размера файла из байтов в килобайты или мегабайты

Далее создаём объект «Файлы / Список файлов» и связываем этот объект с созданным шаблоном.

В объекте можно указать количество отображаемых файлов и по какому принципу их сортировать.

Далее ставим этот объект на нужную нам страницу и смотрим, что у нас получилось.

Создаем блог на Open Constructor’e

Fri, 31 Aug 2007 06:51:08 GMT

Идея написать такую статью висела в отдаленных локациях мозга уже очень давно. Блог для современного фреймворка — это все равно что Hello World! для языка программирования, так что идея, что называется, висела в воздухе.

Анализ

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

Заголовок
Текст поста
Дата создания
Категории
Комментарии

Все, как видите, очень просто. Блог мы будем создавать по стандартному шаблону: в шапке название, слева категории, справа посты. В общем, поехали.

Структура данных

Начнем с того, что создадим структуру данных для нашего блога. Итак, устанавливаем Open Constructor, заходим как root и открываем вкладку «Данные». Эта вкладка у нас пока что девственно пуста. Так как блог у нас не втискивается ни в один стандартный тип данных, приходится создавать раздел гибридных данных.

В открывшемся окне заполняем поля и жмем «Создать». Вуаля. Раздел готов к конфигурированию. Итак, вспомним еще раз нашу структуру. Как видим поле «Заголовок» уже присутствует по умолчанию. Тем лучше, нам работы меньше. Поехали дальше. Жмем «Добавить поле».

Текст поста, скорее всего, будет простым полем с HTML-текстом. После создания не забываем разрешить базовые HTML-теги. Подробнее о фильтрации тегов и их аттрибутов

Дата создания заводится также просто как примитивное поле типа Date. На категории же немного притормозим.

Чтобы создать поле типа «Дерево», нам нужно сначала это дерево посадить. Для этого открываем вкладку «Каталог», нажимаем в панели инструментов «Создать узел», вводим ключ и название дерева. Готово!

Теперь можно вернуться к профилю гибридного раздела и создать поле «Категория».

С комментариями тоже не все так просто. По умолчанию специального типа «Комментарии» в Open Constructor’е нет. Но блин какой же это блог без камментов? Тлог блин какой-то никому не нужный. Выход к счастью есть. Очень похожим на комментарии является тип данных «Гостевая книга». И в самом деле, что такое комментарии, как не гостевая книга, отдельная для каждого поста? Ура! Решение найдено. Возвращаемся во вкладку «Данные» и создаем прототип для комментариев. Ничего не буду объяснять. Все и так понятно по скриншотам.

Просто как 1, 2, 3...

Ну вот и все. Структура данных готова.

Структура сайта

Переходим во вкладку «Карта сайта». Здесь тоже пока девственно пусто. Но это ненадолго. Включим мозг и быстренько представим себе структуру обычного блога. Наверное, что-то вроде этого:

Главная

Страница категории
Страница поста

Не забываем при создании страницы категории и поста поставить галочку «Маршрутицировать вируальные URI на подразделы».

Страницы просто так хоть и создаются, но без шаблона работать отказываются. Ну что ж, я думаю, мы уже созрели для этого. Переходим во вкладку «Шаблоны», открываем раздел «Сайт / Страница» и нажимаем кнопку «Создать шаблон».

Не знаю, умеете ли вы создавать шаблоны страниц, но на всякий случай поясню, что run_block и есть разбиение страницы на логические блоки. Шаблон, как я уже писал выше, у нас стандартный рабоче-крестьянский: лево-право, шапка-подвал.

Вернемся во вкладку «Карта сайта» и выбираем для страницы Root наш шаблон «Страница». Жмем кнопку «Сохранить». Прекрасненько. Каркас страницы готов. Да, не забудьте написать файл стилей для нашего шаблона и привязать его к страницам.

Список категорий

Прежде чем выводить список категорий, создадим несколько.

Когда список готов, переходим во вкладку «Объекты». Знакомо-таки, да? Чистехонько. Немного обезобразим эту чистоту. Переходим в раздел «Гибридные данные / Структура» и жмем кнопку «Создать объект».

После создания объекта на странице его конфигурации:

Чекаем чекбокс «Категория» в группе «Поля по которым формируется иерархия»
Кликаем по кнопке «Создать новый» напротив поля «Использовать шаблон»

В окне создания нового объекта кликаем по кнопке «Шаблон по умолчанию», дабы не заморачиваться пока что, и сохраняем шаблон.

Возвращаемся в окошко профиля объекта, там новорожденный шаблон уже выбран. Жмем кнопку «Сохранить». Объект готов. Теперь нужно его присобачить в правильное место.

Нажимаем кнопку «Места применения объекта». В открывшемся окошке чекаем все страницы, выбираем блок «right» и сохраняем.

А теперь можно посмотреть, что получилось. Открываем в браузере адрес http://blog/ (или как там у вас) и наслаждаемся.

Список постов

Переходим к самому важному, а именно списку постов на главной странице. Для начала внесем несколько постов в блог. Открываем вкладку «Данные», входим в раздел «Гибридные данные / Блог» и жмем кнопку с зеленым плюсом.

Возьмем рыбку из Яндекс.Рефератов и нашлепаем три-четыре поста в блог.

Создаем объект вывода. По уже проторенной дорожке идем во вкладку «Объекты», но теперь в раздел «Гибридные данные / Список документов». Создаем объект.

Настройка объекта следующая:

Создаем шаблон. Правда вместо шаблона по умолчанию пишем свой.
Задаем идентификатор узла – category.
Создаем шаблон для URL. Ссылки будут вида /post/index.php/.1, где .1 – это идентификатор поста
Выбираем для вывода поля «Заголовок», «Дата создания» и «Текст поста»
Настраиваем сортировку по полю «Дата создания» по убыванию
Прикручиваем этот объект к блоку left на главной странице и в странице категории.

Открываем в браузере http://blog/ и смотрим на результат. Кликаем по одной из категорий, и снова наслаждаемся результатом.

Страница поста

И опять та же последовательность действий. Создаем объект вывода в разделе «Гибридные данные / Гибридный документ».

Настраиваем объект:

Идентификатор документа post
Выбираем для вывода поля «Заголовок», «Дата создания», «Текст поля» и «Комментарии»
Пишем шаблон.
Назначаем этому объекту блок left на странице поста.

Готово!

Создаем шаблон. Можно принять тот, что по умолчанию.
Заголовок объекта указываем «Комментарии»
Ставим галочку «Выводить в обратном порядке»
Чтобы было понятно, что список комментариев нужен для конкретного поста – указываем определение раздела через контекст как .post.comments/id
Назначаем этот объект блоку left2 на странице поста (не забудьте предварительно добавить этот блок в шаблон страницы)

Комментариев у нас пока нет, чтобы иметь возможность запостить их, добавляем в шаблон списка комментариев форму добавления комментариев.

Получается вот такой код:

{set cid = $ctx->newCaptchaId()}
<div class="block">
{if $header}
<h1 class="head">{$header}</h1>
{/if}
<div class="blockcont">
  <ul>
  {foreach from=$messages item=message}
   <li class="item" title="{$message.subject}">
    <h5 class="pubname"{if $message.published == 0} style="color: #666666;"{/if}>{$message.subject}</h5>
    <i><a href="mailto:{$message.email}"{if $message.published == 0} style="color: #666666;"{/if}>{$message.author}</a></i>
    {if $message.date}<nobr class="date">{$message.date}</nobr>{/if}
    {if $message.html}
    <div class="intro">
    {$message.html}
    </div>
    {/if}
    <a href="{$message.href}"{if $message.published == 0} style="color: #666666;"{/if} class="more" title="{$more}">{$more}</a>
   </li>
  {/foreach}
  </ul>
</div>

<form method="POST" action="./sent?cid={$cid}">
Имя <input type="text" name="f_author" /><br />
E-mail <input type="text" name="f_email" /><br />
Сообщение <br /><textarea name="f_message"></textarea>
<img src="/res/captcha/{$cid}.png" id="img-captcha" onclick="this.src = '/res/captcha/{$cid}.png?' + (new Date()).getTime();">
<input type="text" name="f_cid" value="" size="10" id="comment-captcha">
<br /><br />
<input type="Submit" />
</form>
</div>

Ну а теперь необходимо создать страницу обработчик для добавления комментария. Как видно из формы она имеет алиас sent и находится уровнем ниже страницы поста.

Вкратце добавление комментария состоит из следующих этапов:

Загрузка поста
Запуск обработчика сообщения гостевой книги

Для каждого из них потребуется свой объект. Я думаю, Вы уже достаточно набили руку на создании объектов, поэтому просто приведу скриншоты с конфигурацией.

Напоследок добавим редирект со страницы добавления комментария обратно к странице поста. Для этого напишем объект PHP-кода.

Создаем раздел PHP-кода
Добавляем код «POST обработки комментариев»

<?php
$name = $_POST['f_author'];
$email = @$_POST['f_email'];
$expires = time()+3888000;//Cookies Lifetime is 45 days
setcookie('comment[author]', $name, $expires, '/');
setcookie('comment[email]', $email, $expires, '/');
$obj = &$ctx->getObject(17);
$ref = explode('?', $_SERVER['HTTP_REFERER']);
header("Location: ".$ref[0].'#c'.$obj->success);
?>

Создаем объект «Включения РНР-кода» и назначем ему блок POST на странице добавления комментария.

Ну вот и все. Можно добавлять комментарии. Блог готов.

Использование форм в Open Constructor

Tue, 31 Jul 2007 06:44:24 GMT

В Open Constructor имеется удобный обработчик форм, который берёт на себя всю работу по отправке писем, валидацию формы на основе регулярных выражений и многое другое. Остаётся только написать html форму.

Для создания кода формы используется «Включение шаблона», для этого во вкладке «Шаблоны» открываем Разное / Включение шаблона, создаём шаблон и пишем в него HTML код формы.

В качестве примера возьмем такую форму

HTML код формы:

{set cid = $ctx->newCaptchaId()}
<br />
Все поля, выделенные <b>жирным</b>, обязательны для заполнения.<br><br />
<form action="/contact-us/submit/?cid={$cid}" method="post">
    <table>
        <tr>
        <td valign="top"><b>Ваше имя</b></td>
        <td>
            <input name="name" type="text" size="35" value="{$smarty.get.name|escape}">
            {if $smarty.get.failed.name}
                <div class="error">{$smarty.get.failed.name}</div>
            {/if}
        </td>
        </tr>
        <tr>
        <td valign="top"><b>E-mail</b></td>
        <td>
            <input name="email" type="text" size="35" value="{$smarty.get.email|escape}">
            {if $smarty.get.failed.email}
                <div class="error">{$smarty.get.failed.email}</div>
            {/if}
        </td>
        </tr>
        <tr>
        <td valign="top"><b>Сообщение</b></td>
        <td>
            <textarea name="message" rows=5 cols=40 wrap="off"></textarea>
            {if $smarty.get.failed.message}
                <div class="error">{$smarty.get.failed.message}</div>
            {/if}
        </td>
        </tr>
    </table>
    <br>
    <table>
        <tr>
            <td>Пожалуйста, введите текст,<br> изображенный на картинке:</td>
            <td>
                <img src="/res/captcha/{$cid}.png" style="border: 1px solid #000; margin-top: 5px;" onclick="this.src = '/res/captcha/{$cid}.png?' + (new Date()).getTime();">
            </td>
            <td>
                <input type="text" style="margin: 0 10px;" name="f_cid">
                {if $smarty.get.failed.f_cid}
                    <div class="error" style="margin: 0 10px;">{$smarty.get.failed.f_cid}</div>
                {/if}
            </td>
            <td><input src="/images/otpravit.gif" style="margin-left: 30px;" type="image"></td>
        </tr>
    </table>
</form>

В примере форма находится на странице /contact-us/, в параметре формы «action» указано /contact-us/submit/, где форма будет обработана объектом «Отправка писем» (описано далее).

Далее создаём объект Разное / Включение шаблона и связываем этот объект с созданным шаблоном.

При нажатии кнопки «Отправить», данные формы будут отправлены на /contact-us/submit/.

На странице /contact-us/submit/ нужно поставить объект «Отправка писем», но сначала создадим для этого объекта шаблон.
Перейдем во вкладку «Шаблоны», откроем Разное / Включение шаблона, создадим шаблон и напишем в него HTML код письма (для упрощения работы лучше взять за основу шаблон по умолчанию).

<html>
    <head>
        <title>Отправка сообщения</title>
        <meta http-equiv="Content-Type" content="text/html; charset={$charset}">
    </head>
    <body>
        Имя: {$msg.name|escape}<br>
        E-mail: {$msg.email}<br>
        Сообщение:<br> {$msg.message|nl2br|escape}
    </body>
</html>

После создания шаблона во вкладке «Объекты» создаётся объект Разное / Отправка писем.

В данном объекте задаются все основные параметры. Объект настраивается следующим образом:

Все параметры, описанные в объекте передаются в шаблон чезер массив $msg.

Если данные не прошли валидацию, то объект вернет пользователя снова на форму с соответствующими сообщениями об ошибках.

О Captcha подробно было рассказано в статье «Использование CAPTCHA в формах»

Список мелочей, из-за которых могут возникнуть проблемы с установкой Open Constructor

Tue, 17 Jul 2007 07:24:25 GMT

Наиболее распространенной причиной проблем с установкой Open Constructor является неправильная конфигурация сервера.

PHP

На сервере должен стоять PHP4. Поддержка PHP5 планируется в ближайшее время.

Проблемы могут возникнуть, если PHP стоит не как модуль Apache, а как CGI.

В конфигурации PHP должен быть выключен безопасный режим: safe_mode = Off

MySQL

До выхода следующего релиза рекомендуется использовать MySQL версии 4.1. MySQL ниже 4.1 не поддерживается.

Поддержка MySQL 5 уже введена. Она пойдет в релиз с версии 3.9.1. Те, кто не могут дождаться релиза, могут взять последнюю SVN версию из /branches/3.9.x

Адрес SVN: http://code.google.com/p/openconstructor/source

FTP

Даже если вы ставите Open Constructor на Windows для локальной разработки, для работы Open Constructor необходимо наличие FTP сервера.

Должен быть настроен FTP account, имеющий доступ к директории, в которой хранятся файлы сайта.

Хорошей практикой считается делать домашним каталогом FTP пользователя папку на один уровень выше, чем корневой каталог HTTP.

Например, если HTTP файлы лежат в /wwwroot/mysite1/httpdocs, то домашним каталогом FTP пользователя нужно настроить /wwwroot/mysite1/

В данном случае во время установки Open Constructor в диалоге настройки FTP соединения в графе «Корень сайта:» нужно будет указать httpdocs, т. е. путь к корневому каталогу HTTP относительно домашнего каталога FTP.

Windows пользователи, у которых FTP сервер еще не установлен, могут воспользоваться бесплатным FileZilla Server (http://filezilla.sourceforge.net/)

Internet Explorer

Если конфигурация PHP, MySQL и FTP соответствует требованиям, но ошибки при установке все равно возникают, возможно вы пытаетесь поставить Open Constructor из браузеров FireFox или Opera.

Установка и работа в админке должна производиться только из Internet Explorer.

Для FireFox можно использовать плагин IE Tab (http://ietab.mozdev.org/), который умеет открывать окно Internet Explorer как Tab в FireFox. Нужно добавить в настройки IE Tab в site filter правило */openconstructor/*, чтобы для всех страниц админки Open Constructor использовался плагин IE Tab.

JRE

Еще один немаловажный фактор: в Open Constructor для редактирования PHP кода и шаблонов используется Java Applet. Applet обеспечивает подсветку синтаксиса, форматирование кода.

Тем, у кого Java еще не установлен, нужно скачать Java Runtime Environment (JRE) для работы Java. Рекомендуется скачать последнюю версию JRE.

Во всех версиях после JRE—1.5.0.07 для выравнивания кода (сдвига нескольких строк вправо или влево) можно использовать комбинации Ctrl+Up и Ctrl+Down.

В более ранних версиях, а именно JRE—1.5 до Update 07 включительно, в добавок к этому вы можете выделить строки и нажать Tab или Shift+Tab для сдвига вправо или влево соответственно.

Последний JRE можно скачать отсюда: http://java.com/en/download/manual.js

JRE 5.0 Update 07 можно скачать отсюда: http://java.sun.com/products/archive/

Преимущества и недостатки Open Constructor, с которыми я столкнулся вначале

Fri, 13 Jul 2007 07:13:09 GMT

Пока у меня было две возможности поработать на Open Constructor: окончание второй языковой версии очень крупного сайта и создание небольшого сайта на двух языках. Но уже это дало мне почувствовать преимущества и недостатки системы.

Преимущества

Большое количество шаблонов по умолчанию, которые наглядно объясняют, что можно сделать в этом разделе.
Практически все изменения на сайте можно делать через браузер. FTP нужен только для изменения картинок, которые используются в самом дизайне сайта (кнопки, логотип, иллюстрации), css и js.
Удобный визуальный редактор с хорошей подсветкой кода.
Удобно изменять расположение блоков на сайте, не изменяя при этом шаблон.
Возможность повторного использования одного шаблона.

Недостатки

Наличие текста в шаблонах. На многоязычном сайте приходится создавать и редактировать одинаковые шаблоны с одинаковым содержанием, но на разных языках, что ведет к увеличению количества шаблонов.
Неудобство создания многоязыковых сайтов. Приходится использовать либо другой домен и копировать полностью сайт и Open Constructor, либо создавать новую папку и поднимать там сайт с самого начала. Тогда как в CMS Irokez изначально выбирается количество языков, которые будут использоваться на сайте, и в процессе создания появляется нужное количество полей, значение которых будет зависеть от выбранного языка. Например: в Open Constructor приходится для каждой страницы создавать свой документ с даннами, а в Irokez количество полей для ввода контента соответствует количеству языков и содержится это всё в одном документе.
Я считаю, что Open Constructor нежелательно использовать для создание сайтов-визиток, потому что огромное количество функций при создании сайта не используются, тогда как для создания больших сайтов эта CMS удобна на все 100%.

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

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

Но об этом подробнее в комментариях расскажут разработчик и информационный архитектор системы.

CMS Open Constructor — бесплатная CMS с открытым исходным кодом (GNU GPL v2) для веб-студий

Tue, 3 Jul 2007 09:09:45 GMT

CMS Open Constructor для веб-студий или фрилансеров

Всю гибкость CMS Open Constructor могут почувствовать разработчики, имеющие базовые знания HTML, CSS, Smarty — знания PHP не нужны.

Open Constructor — не классическая CMS

Open Constructor нельзя назвать классической модульной CMS, поскольку подход к созданию сайтов на Open Constructor отличается от того, что привыкли ожидать пользователи модульных CMS.

В отличие от большинства модульных CMS, которые собирают сайт нужной конфигурации из готовых модулей, Open Constructor предназначен именно для создания сайтов «с нуля».

В Open Constructor нет таких понятий, как «модуль» или «тема оформления», с помощью которых в модульных CMS быстро собираются готовые сайты.

Гибкий Open Constructor

В отличие от многих модульных CMS, в Open Constructor имеется необычайно гибкий инструментарий, позволяющий создавать сайты высокой сложности, практически не прибегая к программированию, используя готовые встроенные разделы данных, такие как «публикации», «фотогалереи», «статьи», «гостевые книги», или создавая собственные структуры данных — «гибридные данные».

Гибридные данные — мощная отличительная особенность CMS Open Constructor. Можно создавать свои разделы данных, используя комбинацию из примитивных типов данных, таких как: числа, дата, время, простой текст, HTML текст, логический.

В дополнение к примитивам, есть типы данных — файл, документ (фактически, связь с другим документом системы), массив документов, раздел данных, рейтинг документа. Созданные подобным образом разделы гибридных данных впоследствии функционируют также, как и «родные» разделы данных — «статьи», «публикации».

Кроме того, документы «гибридных типов данных» можно привязывать к одной или нескольким узлам «деревьев», создавая каталоги классифицированных документов.

Например, если создать дерево жанров (фантастика, комедия, драма) и гибридный тип документов «фильм», то связав их, можно сделать каталог фильмов с возможностью выборки фильмов по его жанру, причем каждый фильм может быть привязан к одному или сразу нескольким жанрам.

Деревья и гибридные документы также создаются без программирования на PHP, используются только стандартные средства Open Constructor.

Вывод данных в CMS Open Constructor — дизайн отдельно, контент отдельно

Все вышеупомянутые разделы данных не содержат никакой информации о дизайне и коде, поскольку данные полностью отделены от дизайна и представления.

Для вывода данных используются «объекты обработки и вывода» или просто «объекты» в терминологии Open Constructor.

Каждый объект связывает данные определенного типа с шаблоном вывода. Все шаблоны пишутся вручную, хотя для примера у каждого раздела есть «шаблон по умолчанию», который может быть использован как образец. В качестве шаблонизатора используется Smarty.

Существуют и специализированные объекты, которые вместо вывода совершают определенные действия, например авторизацию, добавление комментария или отправку письма.

Для всех типов данных есть объекты вывода документа, списка документов, листалки списка, для списков гибридных документов можно задавать методы сортировки и фильтрации. Если сортировка или фильтрация не достаточны, например, в случае, когда список документов — продукты в «корзине» пользователя и ID документов (выбранных товаров) хранится в сессии, есть объект «инъекция». Инъекцией можно передать список ID документов из сессии в объект перед тем, как данные будут выведены.

В CMS Open Constructor все страницы реально существуют

Open Constructor не использует распространенный подход CMS, когда одним index.php обрабатываются все страницы сайта.

Все создаваемые страницы в карте сайта — реально существующие. Это дает и дополнительную гибкость для дизайна, который может меняться на разных страницах, и красивые, понятные и человеку, и поисковым системам URL.

Каждая страница имеет свой шаблон, в шаблоне страницы задаются блоки, и для каждой страницы сайта можно указать, в каком блоке какой «объект обработки и вывода» будет находиться. Например, форма авторизации на главной странице может быть в левой колонке, на других страницах — в верхней строке или там, где этого захочет разработчик.

Подсветка синтаксиса (HTML, PHP, XML, JavaScript), обнаружение ошибок компиляции шаблона

Для шаблонов в GUI предусмотрен редактор с подсветкой синтаксиса.

При сохранении и компиляции шаблона редактор укажет на ошибки, если таковые будут обнаружены. Такая двухуровневая шаблонизация, где есть отдельно шаблон страницы и шаблоны объектов, позволяет при создании шаблона страницы не думать о каждом объекте в отдельности, так как у каждого объекта будет свой отдельный шаблон.

CMS Open Constructor поддерживает кеширование блоков и кеширование страниц

Можно настроить как кеширование страницы целиком, так и кеширование отдельного объекта.

Возможность внедрять собственный PHP код

Хотя возможностей системы в большинстве случаев хватает, в то же время Open Constructor не ограничивает пользователя, и при необходимости можно использовать PHP код, для которого предусмотрен тип данных «PHP код», и соответствующий тип «объектов обработки и вывода». Объект PHP кода можно привязать как к блоку, если объект осуществляет вывод данных, так и к какому-либо событию, которое может произойти на странице, например аутентификации пользователя, загрузки объектов.

UTF-8, расширенный поиск, bread crumbs, Captcha, система пользователей

Использование UTF-8 позволяет создавать многоязычные сайты.

Open Constructor имеет встроенную систему поиска по разделам сайта (система поиска имеет русский и английский стеммер), а для гибридных типов данных доступны также настраиваемые системы фильтрации и сортировки данных.

Есть механизмы работы с «хлебными крошками» (bread crumbs).

Для защиты от спама есть встроенный механизм CAPTCHA, причем имеющий одну особенность.

Системой безопасности контролируются все ресурсы Open Constructor, у каждого из ресурсов есть пользователь — владелец ресурса и группа пользователей, что очень похоже на систему безопасности файловой системы операционных систем семейства Unix. Пользователь может входить в любое количество групп, что позволяет гибко настроить роли пользователей в управлении сайтом.

Ложка дегтя

Хотя для обработки простых форм, таких как отправка комментария, отправка письма или авторизация пользователя существуют готовые объекты, более сложные задачи, связанные с регистрацией пользователей или обработкой не предусмотренных системой данных, требуют от программиста, создающего код обработки, соответствующих знаний не только PHP, но и понимания того, как устроен Open Constructor изнутри, а также знакомства с API, которое пока не достаточно хорошо документировано.

Кроме того, есть специфичные требования к хостингу, что может не подойти под стандартный план хостинга, в частности выключенный safe-mode, хотя хорошему хостинг-провайдеру эти требования выполнить будет не сложно.

Если эта ложка дегтя не испортила вам вкуса всей бочки меда, приглашаем попробовать Open Constructor

Требования к Серверу:

OS: Linux,Unix,Windows 2000/XP
Apache: 1.3 и выше
FTP*: любой. FTP сервер обязателен, поскольку Open Constructor публикует файлы через FTP. для Windows в качестве ftp сервера можно использовать бесплатный FileZilla Server.
MySQL: 4.1.x
PHP: 4.4.x установленный как модуль (а не как CGI) c mbstring, gd2, safe-mode должен быть выключен

* При установке сервера убедитесь в следующем:

имеет ли FTP-пользователь право писать файлы в файловую систему правильно ли указан корень сайта относительно home папки ftp-юзера

Требования к веб-клиенту:

Browser: IE 5.5 и выше
JRE*: 1.4 и выше. JRE нужен для встроенного аплета редактора PHP и шаблонов Smarty с подсветкой синтаксиса, и многих других функций, таких как выравнивание кода (indent/outdent)

Установка CMS Open Constructor

Последняя версия Open Constructor и документация: http://www.openconstructor.org/

Скаченный дистрибутив распаковывается и папка «openconstructor» копируется в корень сайта.

Для установки из Internet Explorer (другие браузеры не подходят) нужно открыть страницу /openconstructor сайта и следовать инструкциям.

Ссылки по теме: http://groups.google.com/group/openconstructor

Несколько страниц 404

Mon, 2 Jul 2007 16:53:04 GMT

Покажу на примере сайта http://www.mobitravel.ru, как можно создать несколько 404 страниц.

Сайт Мобильных путешествий находится на http://www.mobitravel.ru, cайт Avtors.ru находится на http://www.mobitravel.ru/avtor и у каждого из них своя 404 страница, т. е. /404/ и /avtor/404/.

Open Constructor по умолчанию использует страницу /404/ при 404-ой ошибке.

Внутри, Open Constructor разделяет 404 на два вида, и при использовании нескольких 404 страниц, нужно различать эти два вида ошибок:

страница не найдена, т. е. на сайте нет запрашиваемого файла или запрашиваемая страница не опубликована
искусственно сгенерированная 404 ошибка, т. е. при помощи $ctx->throw404(). Обычно используется, если запрашиваемый документ не найден или не опубликован.

Они обрабатываются по-разному, в первом случае посылается заголовок HTTP/1.1 404 Not Found и инклудится файл /404/index.php. А во втором случае посылается ответ HTTP/1.1 302 Moved Temporarily на /404/?from=.

И так создаем следующий PHP код:

$subsite = '/avtor/';
$subsite404 = $subsite.'404/';
$href404 = null;
if(strpos($_SERVER['REQUEST_URI'], $subsite) === 0) { // превый вид 404
    $href404 = $subsite404.'?from='.rawurlencode($_SERVER['REQUEST_URI']);
} elseif(isset($_GET['from']) && strpos($_GET['from'], $subsite) === 0) { // второй вид 404
    $href404 = $subsite404.'?from='.rawurlencode($_GET['from']);
}
if($href404) {
    sendRedirect('http://'.$_SERVER['HTTP_HOST'].$href404);
    die();
}

Создаем для этого кода объект «Обратный вызов» и ставим его на страницу /404/ в событие onInitialize

Иньекции в список Гибридных данных

Mon, 2 Jul 2007 16:48:22 GMT

В сложных проектах возникают задачи, в которых стандартные возможности гибридных данных, такие как фильтрация или сортировка, не позволяют определить список выводимых документов.

В качестве примера можно привести корзину электронного магазина, в которой записаны id выбранных товаров.

Для того, чтобы вывести такой список гибридных документов (предположим, что он хранится в переменной $idlist в виде строки разделенных запятой id документов, напр. «1,3,7,86») в Open Constructor используется прием, называемый «иньекция».

Объект, который будет формировать контент, помещается в stub блок (объекты, находящиеся в stub блоках по умолчанию не выводятся и используются для «запуска вручную» из PHP кода или шаблона SMARTY), и нижеприведенным кодом иньектируем $idlist в объект.

В дальнейшем можно «вывести» объект, т. е. добавить сгенерированный объектом HTML в генерируемую страницу или «не выводить», а присвоить переменной для последующего использования.

Smarty

{*--- без вывода ---*}
{inject block='stub' field='ids' value=$idlist} 
{assign_by_ref var=stub value=$ctx->getObjectAt('stub')}
{set documents=$stub->getDocuments()} 
 
{*--- с выводом ---*}
{inject block='stub' field='ids' value=$idlist} 
{run_block id='stub'}

PHP

//--- без вывода ---
$obj = &$ctx->getObjectAt('stub');
$ctx->inject($obj, 'ids', $idlist); // $obj->ids = $idlist;
$docs=$obj->getDocuments();
 
//--- вывод ---
$obj = &$ctx->getObjectAt('stub');
$ctx->inject($obj, 'ids', $idlist);
$obj->exec($ctx->_smarty);

Использование CAPTCHA в формах

Mon, 2 Jul 2007 16:45:23 GMT

Чтобы использовать Captcha, нужно:

В форму вставить картинку, которую пользователь должен распознать, и текстовое поле, куда он введет распознанный текст
В обработчике формы проверить введенное пользователем значение

Например, нужно создать форму для посылки письма. Допустим форма находится на странице /form/, а обработчик на странице /form/sendmail/.

В шаблоне формы пишем:

 
{* Запрашиваем новый одноразовый "билет" Captcha и записываем его в переменную "cid" *}
{set cid=$ctx->newCaptchaId()}
 
{* Передаем идентификатор билета в обрабочик через QUERY_STRING *}
<form action="/form/sendmail/?ticket_id={$cid}" method="POST">
	<!-- Здесь вводятся данные для посылки письма -->
 
	<div>
		Рапознайте текст <img src="/res/captcha/{$cid}.png"> :
		<input type="text" name="ticket_text">
	</div>
</form>

Если для отправки письма в обработчике формы используется стандарный объект Open Constructor «Отправка писем», то в свойствах этого объекта в секции Captcha задаем:

Идентификатор ключа ticket_id
Ключ ticket_text
отчекиваем «Закрывать пустую сессию»

Если обработчик отправки письма написан вручную разработчиком, то можно следующим php кодом проверить Captcha:

 
// до этого должен быть вызван session_start();
$ticket_id = (string) @$_GET['ticket_id'];
$ticket_text = strtolower((string) @$_POST['ticket_text']);
$ticket_expected = (string) @$_SESSION['_cid'][$ticket_id];
 
// проверяем валидность
$isCorrect = $ticket_text && $ticket_expected && ($ticket_text == $ticket_expected);
 
// удаляем билет из сессии
if($ticket_expected) {
 unset($_SESSION['_cid'][$ticket_id]);
 if(!sizeof((array) @$_SESSION['_cid']))
  unset($_SESSION['_cid']);
}
 
if($isCorrect) {
 // оправляем письмо
} else {
 // сообщаем пользователю что он разпознал текст неверно
}
 
// закрываем пустую сессию
if(isset($_SESSION) && !sizeof($_SESSION)) {
 @session_unset();
 @session_destroy();
}

Если пользователю нужно предоставить возможность выбрать картинку для распознания, то для вставки картинки в шаблон нужно:

 
<!-- если пользователь кликнет картинку, она заменится на новую-->
<img src="/res/captcha/{$cid}.png" 
    onclick="this.src = '/res/captcha/{$cid}.png?' + (new Date()).getTime();" />

Вывод рейтинга за указанный промежуток времени

Mon, 2 Jul 2007 16:38:17 GMT

Объекты вывода гибридных документов, позволяют работать с рейтингом документов за определенный период времени.

Чтобы объект вычислял рейтинг документов только за прошлый месяц, в свойствах объекта нужно задать вот такой период:

# %Y-%m-01 -1 month :: # %Y-%m-01

«# %Y-%m-01» означает «первый день текущего месяца»

«-1 month» означает «месяц назад от указанного времени»

Подробный синтаксис:

При настройке гибридных объектов можно сделать так, чтобы они запрашивали рейтинг на определенный интервал времени. Для этого используется поле «Период оценок». Если ничего не указать, то подразумевается общий рейтинг.

Период оценок имеет следующий формат:

<начало периода>[:: {<продолжительность> | <конец периода>}]

Начало периода может быть задано тремя способами:

<число> — значит секунды. Если положительное, то считается как UNIX_TIMESTAMP, если отрицательное, то началом периода считается time() + <это число>
{$<имя ctx параметра>} — для получения начала периода запрашивается $ctx->getParam('<имя ctx параметра>'); Полученное значение трактуется как секунды в первом пункте, т. е. значение может быть положительным и отрицательным числом
# <дата> — таким образом можно задать начало периода в формате который понимает strtotime();

Продолжительность может быть задана двумя способами:

<число> — значит секунды. Если чило положительное, то оно значит продолжительность в секундах. Если отрицательное, то для вычисления конца периода, система вычисляет time() + <это число>
{$<имя ctx параметра>} — система запрашивает продолжительность у $ctx; Дальше полученное значение трактуется как секунды в первом пункте, т. е. значение может быть положительным и отрицательным числом.

Конец периода задается следующим образом:

# <дата> — там образом можно передать дату конца периода в формате который понимает strtotime()

Примеры:

-86400 — рейтинг на последний день

-172800 :: -86400 — рейтинг на позавчерашний день

-172800 :: 86400 — рейтинг на позавчерашний день

# last month — рейтинг за последний месяц

# last month :: # now — рейтинг за последний месяц

{$begin} :: {$end} — рейтинг от $ctx->getParam('begin') до $ctx->getParam('end')

# 2006-02-01 :: # 2006-03-01 00:00:00 — рейтинг за февраль 2006 года

Фильтрация HTML тегов и атрибутов

Mon, 2 Jul 2007 15:49:30 GMT

Open Constructor предоставляет возможность фильтровать HTML, вводимый пользователем при создании и редактировании документов. Для этого нужно настроить фильтрацию HTML в свойствах раздела (или гибридного поля).

Вот примеры настройки фильтрации:

разрешить теги p, br, b и очистить все их аттрибуты:

<p><br><b>
разрешить теги p, br и очистить все их аттрибуты кроме атрибута align тега p:

<p align><br>
разрешить теги p, br, b. Разрешить аттрибут align для p и аттрибуты id, class для всех разрешенных тегов (т. е. для p, br и b ):

<p align><br><b><** id,class>
разрешить все теги, очистить все их аттрибуты:

<*>
разрешить все теги и все их аттрибуты(тоже что и <*><** *>):

<* *>
разрешить все теги и все их аттрибуты кроме style, class, align, width, height:

<* *!style,class,align,width,height>
разрешить тег a и все его аттрибуты кроме target и style; тег img и его атрибуты src, alt, id, class; тег p и его аттрибуты align, id, class; теги b и i и их аттрибуты id, class:

<a *!target><img src,alt><p align><b><i><** id,class><** !style>
разрешить теги b и i и все их аттрибуты кроме style и разрешает тег a и все его аттрибуты:

<b><i><a><** *!style><a style>
разрешает все теги и все их аттрибуты(так как у второго правила больше приоритет):

<* !*><** *>

Кроме этого Open Constructor при очистке закрывает все незакрытые парные теги c проверкой вложенности inline и блочных тегов.

То есть

переобразуется в