Створення сторінок у середовищі Visual Studio - Студопедія

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

У Visual Studio різних версій пропонується кілька режимів створення Web-додатків, що функціонують на основі ASP.NET, найчастіше використовуютьсяWebsite…таProject…У Visual Studio 2005 включений тільки Website…, 2008 та 2010 – обидва.

У режимі створення Web-сайту (File - New–Website…). Visual Studio створює лише файли, які стосуються сайту (файл із кодом сторінки, файл із програмами обробників та файл конфігурації).

У вікні New Web Site можуть додатково вказані параметри: версія .NET, шаблон (вибираємо ASP.NET WEB Site), розміщення (місце зберігання файлів Web-сайту), мову програмування. Після того, як вибір зроблено (натиснуто ОК) буде створено заготівлю Web-додатку (три основні файли). Перед відкриттям у браузері компіляція сторінок буде виконуватися середовищем ASP.NET.

У режимі створення проекту (File - New–Project…) крім основних файлів, генерується кілька допоміжних і файл проекту з розширенням .csproj, у якому фіксуються складові проект файли та зберігаються деякі налагоджувальні параметри.

У вікні New Project крім типу (ASP.NET Web Application), місця розміщення та мови, необхідно вибрати ім'я (Solution Name), яке потім буде використано для створення у вибраному місці розміщення відповідного підкаталогу.

Подальші дії створення Web-додатка практично не відрізняються.

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

створення

Мал. 4.4. Вид вікна для розробки Web-додатків

Панелі інструментів містять різні команди для форматування тексту, пошуку тексту і т.д.

Оглядач рішень відображає файли та папки веб-сайту.

Вікно Властивостей відображає параметри сторінки, елементи HTML, елементи керування та інші об'єкти, а також дозволяє їх змінювати.

Панель елементів містить елементи керування та HTML-елементи, які можна розміщувати на сторінках.

Оглядач серверів (баз даних) відображає підключення різних служб комп'ютера, зокрема серверів баз даних.

Вікно виведення служить для виведення повідомлень середовища (помилки, інформація відладчика тощо).

Створення форм.Створювані документи (форми та файли з програмним кодом) відкриваються у вікні документів. Під час роботи з формами передбачено два режими відображення Design та Source. У першому режимі інтерфейс можна конструювати візуально, у другому шляхом написання коду розмітки. Для перемикання використовуються закладки у нижній частині вікна. У режимі Design можна підвищити наочність структури, що відображається, виконавши команду Details з меню View.

Форма ASP.NET – документ, на основі якого формується HTML-сторінка, що надсилається клієнту. Вона створюється шляхом розміщення елементів у вікні документів. Елементи для розміщення вибираються із панелі інструментів. На панелі елементи згруповані за типами.

Найчастіше використовуються елементи з груп HTML та Standard.

ГрупаHTMLмістить HTML-елементи, що відповідають однойменним елементам звичайних Web-сторінок. З їх використаннястворюється статична розмітка сторінки. Однак вони можуть бути перетворені на серверні шляхом додавання атрибуту runat="server" або виконання команди Run As Server Control з контекстного меню елемента. Їх називають серверними HTML-елементами управління, при їх обробці перед відправкою формується лише один HTML-тег.

Серед інших груп зазначимо такі.

Login- елементи керування входом до системи. Ці елементи керування підтримують автентифікацію користувача, їх можна використовувати замість написання власних інтерфейсів для входу в систему і створення нових користувачів.

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

Validation- елементи керування перевіркою правильності заповнення полів користувачем.

Data- елементи керування даними.

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

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

У обробниках можна встановити реакцію на дії користувача, змінювати властивості елементів, динамічно створювати елементи.

Створимо сторінку для введення анкети з даними користувача при першому зверненні, та виведенням повідомлення про реєстрацію при наступних зверненнях. Частина елементів для введення данихстворимо динамічно.