Навігація
Головна
 
Головна arrow Інформатика arrow Проектування і розробка web-додатків
< Попередня   ЗМІСТ   Наступна >

ПРИКЛАД ШАБЛОНУ ПРОСТИЙ WEB-ФОРМИ

Розглянемо як приклад дуже просту web-форму, яка спочатку пропонує користувачам ввести ім'я, а потім показує вітає їх повідомлення. Візуальний інтерфейс і результати роботи даної форми показані на рис. 4.2.

Приклад простої форми

Мал. 4.2. Приклад простої форми:

а - вид форми при початковому вилові: б - вид форми при повторному зверненні до форми після введення імені та натискання кнопки

Опис шаблону web-форми, показаної на рис. 4.2, наведено на рис. 4.3. Як видно з даного опису, в шаблон форми, крім звичайної HTML-розмітки (html, body, form, div і т. П.), Вставлені спеціальні теги (asp: TextBox, asp: Button і asp: Label), які називаються серверними елементами управління. Такі теги не передаються браузеру в HTTP-відповіді, а обробляються на сервері. При обробці запиту користувача до шаблону (Default.aspx) для кожного серверного ЕУ створюється об'єкт, з яким може працювати програмний код форми (Default.aspx.cs).

Опис прикладу шаблону web-форми

Мал. 4.3. Опис прикладу шаблону web-форми

Основним елементом всіх шаблонів форм є елемент Form (має атрибут runat- "server"), т. Е. Кожна wcb-форма є сторінкою з HTML-формою. У даній формі не заданий атрибут action, і тому при ініціюванні користувачем відправки даних елементів форми на сервер (наприклад, при натисканні кнопки типу submit) вони знову будуть відправлені тієї ж самої web-формі. Таке повторне звернення web- форми до самої себе називається зворотної відправкою (postback).

Шаблон web-форми також включає керуючу директиву, виділену символами <% @ ...%>, в якій описується тип і параметри шаблону. Наприклад, директива web-форми може мати наступний вигляд:

<% @ Page Language = "C #" AutoEventWireup-'true "CodeFile-'Default.aspx.cs" Inherits-'Default "%>

У даній директиві задається мова, яка використовується в програмному коді даної форми (С #); вказується файл, в якому міститься програмний код (Default.aspx.cs), і ім'я класу, який відповідає даній сторінці (_Default), а також вказується, що зв'язування подій сторінки (об'єкта Раді) з методами обробки виконується автоматично (AutoEventWireup-'true ", наприклад, метод Page_Load автоматично пов'язується з подією Load для об'єкта класу Раді).

У шаблоні можуть бути задані різні директиви, наприклад такі, як Page, Master, WebService, Application, OutputCache, Control і ін. Деякі з них будуть розглянуті далі.

 
Якщо Ви помітили помилку в тексті позначте слово та натисніть Shift + Enter
< Попередня   ЗМІСТ   Наступна >
 
Дисципліни
Агропромисловість
Аудит та Бухоблік
Банківська справа
БЖД
Географія
Документознавство
Екологія
Економіка
Етика та Естетика
Журналістика
Інвестування
Інформатика
Історія
Культурологія
Література
Логіка
Логістика
Маркетинг
Медицина
Нерухомість
Менеджмент
Педагогіка
Політологія
Політекономія
Право
Природознавство
Психологія
Релігієзнавство
Риторика
Соціологія
Статистика
Техніка
Страхова справа
Товарознавство
Туризм
Філософія
Фінанси
Пошук