Лекція №5 Елементи керування на сторінках asp.Net

 

1. Структура web-додатку на основі asp.Net

Кожен Web-додаток, що розробляється на основі ASP.NET, складається з інформаційної частини, програмного коду та відомостей про конфігурацію.

Інформаційна частина містить статичні і динамічні елементи сторінки і реалізується у вигляді Web-форм. Статичні елементи являють собою типові елементи мови HTML, динамічні ж компонуються програмним кодом програми під час виконання (наприклад, запити до бази даних).

Програмний код реалізує логіку, визначену в процедурах обробки даних, які визначають реакцію програми на запити користувача. Програмний код виконується сервером і взаємодіє з динамічними елементами інформаційної частини для формування відгуку програми.

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

Основним елементом Web-додатку є Web-форма (або Web-сторінка), яка, з одного боку, схожа на Windows-форму, оскільки дозволяє розміщувати всередині себе різні елементи управління, здатні відображати дані і реагувати на дії користувача, а з іншого – є HTML-сторінкою, тому що містить всі її атрибути. Нижче наведений детальніший опис елементів керування, які видаються в коді HTML-сторінки у вигляді спеціальних тегів.

На рис. 5.1 представлений приклад найпростішої сторінки Web-додатку, що містить всього лише один елемент – кнопку. Як видно з рисунка, основою сторінки є тіло стандартного HTML-документа, всередині якого знаходиться елементform, а також кнопка button. Крім того, на початку документа присутні деякі додаткові елементи, які будуть розглянуті пізніше.

Рисунок 5.1 – Приклад простої сторінки web-додатку

 

При запуску додатку дана сторінка відображається у вікні браузера і виглядає наступним чином (рис. 5.2)

 

Рисунок 5.2 – Відображення сторінки при запуску додатка

 

 

У свою чергу, з кнопкою пов'язаний програмний код, який виконується при натисненні на неї. Цей кодрозташовується в окремому файлі, вікно якого в момент розробки виглядає як показано на рис. 5.3.

 

Рисунок 5.3 – Файл, що містить програмний код сторінки

 

Насправді при розробці Web-додатків на основі ASP.NET можливі два варіанти організації Web-форм.

У першому випадку весь код інформаційної частини і програмна частина зберігаються в одному файлі з розширенням .аspx. Програмний код при цьому поміщається в так звані блоки сценаріїв. При цьому зберігається можливість використання всіх принципів сучасного програмування, таких як реакція на події елементів управління, підпрограми і т.д. Цю модель доцільно використовувати при створенні простих Web-додатків, оскільки в цьому випадку все зберігається в одному пакеті.

У другому випадку кожна Web-сторінка розділяється на дві частини: Web-форму і файл, що містить програмний код. При цьому форма, як і в першому випадку, зберігається у файлі з розширенням .аspx, а програмний код – у файлі з розширенням .сs. Така модель забезпечує кращу організацію елементів Web-додатку за рахунок відділення користувача інтерфейсу від програмної логіки.

У прикладі, розглянутому раніше, Web-сторінка розділена на дві частини, при цьому форма і програмний код зберігаються в різних файлах.

У наступному прикладі (рис. 5.4), показана аналогічна до попередньої Web-сторінка, в якій форма і програмний код об'єднані в одному файлі.

 

Рисунок 5.4 – Приклад web-форми, що містить програмний код і опис форми в одному файлі

 

Доцільніше розділяти логіку роботи web-додатку від інтерфейсу або представлення сторніки.