IntraWeb. Создание многостраничных приложений

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

В web приложении IntraWeb каждая страница представляет собой отдельную форму наследника класса TIWAppForm.

Создание такой формы ничем не отличает от добавления обычной формы.

Добавление новой формы

Однако сам процесс работы с ними имеет ряд отличий.

В IntraWeb автоматически создаётся только главная форма. Все остальные необходимо создавать вручную. Кроме того, у форм IntraWeb отсутствует привычный для VCL метод Close. Поэтому «закрывать» их нужно с помощью метода Hide.

Пример приложения из двух страниц

Создадим StandAlone приложение и добавим в него ещё одну форму

На обеих формах разместим компоненты TIWLabel и TIWButton.

Свойства Caption этих компонентов для первой формы зададим «1я форма» и «На 2ю форму» соответственно. Для второй формы значения аналогичных свойств установим «2я форма» и «Назад».

После компиляции и запуска в браузере мы увидим только первую форму.

Первая форма

Для того чтобы появилась возможность перейти на вторую форму нужно в обработчике события нажатия кнопки создать экземпляр второй формы и вывести его в браузер с помощью метода Show.

Для того чтобы вернуться на первую форму в обработчике события кнопки на второй форме просто вызовем её метод Hide.

Теперь, нажав на соответствующие кнопки, можно будет попасть на вторую форму и вернуться обратно.

Вторая форма

Использование меню

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

Данная проблема легко решается с помощью меню. Dсе меню в IntraWeb реализуются средствами VCL, но для того чтобы меню отобразилось на сайте, соответствующий компонент должен быть прикреплён к компоненту TIWMenu.

Поместим на каждую из форм рассмотренного выше приложения компоненты TMainMenu с вкладки «Standard» и TIWMenu с вкладки «IntraWeb Standard». В свойстве AttachedMenu укажем компонент TMainMenu.

Создадим пункты главного меню. На обеих формах они будут одинаковыми, и их будет всего два «1я форма» и «2я форма».

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

Назначение обработчика

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

Первая форма с менюВторая форма с меню

Таким образом, можно создать web приложение со структурой любой степени сложности.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *