Веб-форми — це веб-сторінки, створені на основі технології ASP.NET. Він виконується на сервері та генерує вихідні дані для браузера. Він сумісний з будь-яким браузером і будь-якою мовою, що підтримується загальномовним середовищем виконання .NET. Він гнучкий і дозволяє нам створювати та додавати власні елементи керування.
Ми можемо використовувати Visual Studio для створення веб-форм ASP.NET. Це IDE (інтегроване середовище розробки), яке дозволяє нам перетягувати елементи керування сервером у веб-форми. Це також дозволяє нам встановлювати властивості, події та методи для елементів керування. Щоб написати бізнес-логіку, ми можемо вибрати будь-яку мову .NET, наприклад Visual Basic або Visual C#.
Веб-форми складаються з двох компонентів: візуальної частини (файл ASPX) і коду форми, який міститься в окремому файлі класу.
Рис: На цій діаграмі показано компоненти ASP.NET
Основна мета Web Forms — подолати обмеження ASP і відокремити перегляд від логіки програми.
ASP.NET надає різні елементи керування, наприклад: серверні елементи керування та елементи керування HTML для веб-форм. У нас є таблиці всіх цих елементів керування нижче.
Елементи керування сервером
У наведеній нижче таблиці містяться серверні елементи керування для веб-форм.
| Назва елемента керування | Відповідні події | опис |
|---|---|---|
| Мітка | жодного | Він використовується для відображення тексту на сторінці HTML. |
| Текстове вікно | TextChanged | Використовується для створення текстового введення у формі. |
| Кнопка | Клацніть команду | Використовується для створення кнопки. |
| LinkButton | Клацніть команду | Він використовується для створення кнопки, схожої на гіперпосилання. |
| ImageButton | Натисніть | Він використовується для створення ImageButton. Тут зображення працює як кнопка. |
| Гіперпосилання | жодного | Він використовується для створення елемента керування гіперпосиланням, який реагує на подію клацання. |
| Випадаючий список | SelectedIndexChanged | Він використовується для створення розкривного списку. |
| ListBox | SelectedIndexCnhaged | Він використовується для створення елемента керування ListBox, як елемент керування HTML. |
| DataGrid | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Він використовувався для створення frid, який використовується для показу даних. За допомогою цього елемента керування ми також можемо дуже легко виконувати перегортання, сортування та форматування. |
| DataList | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Він використовується для створення списку даних, який не є табличним і використовується для відображення даних. |
| Повторювач | ItemCommand, ItemCreated, ItemDataBound | Це дозволяє нам створювати нетабличний тип формату для даних. Ви можете прив’язати дані до елементів шаблону, які схожі на фрагменти HTML, зібрані в певному повторюваному форматі. |
| CheckBox | CheckChanged | Використовується для створення прапорця. |
| CheckBoxList | SelectedIndexChanged | Він використовується для створення групи прапорців, які працюють разом. |
| Радіо-кнопка | CheckChanged | Використовується для створення перемикача. |
| RadioButtonList | SelectedIndexChanged | Він використовується для створення групи перемикачів, які працюють разом. |
| Зображення | жодного | Він використовується для показу зображення на сторінці. |
| Панель | жодного | Він використовується для створення панелі, яка працює як контейнер. |
| Заповнювач | жодного | Він використовується для встановлення заповнювача для елемента керування. |
| Календар | SelectionChanged, VisibleMonthChanged, DayRender | Використовується для створення календаря. Ми можемо встановити дату за замовчуванням, рухатися вперед і назад тощо. |
| AdRotator | AdCreated | Це дозволяє нам вказати список оголошень для показу. Кожен раз, коли користувач повторно відображає сторінку. |
| Таблиця | жодного | Використовується для створення таблиці. |
| XML | жодного | Він використовується для відображення документів XML у HTML. |
| Буквальний | жодного | Це як мітка, оскільки вона відображає літерал, але дозволяє нам створювати нові літерали під час виконання та розміщувати їх у цьому елементі керування. |
Елементи керування HTML
Ці елементи керування відображаються браузером. Ми також можемо створювати елементи керування HTML як елементи керування сервером. ми обговоримо це в подальшому нашому підручнику.
| Назва елементів керування | опис |
|---|---|
| Кнопка | Використовується для створення кнопки HTML. |
| Кнопка скидання | Скидає всі інші елементи форми HTML у формі до значень за замовчуванням |
| Кнопка «Надіслати». | Автоматично розміщує дані форми на вказаній сторінці, указаній в атрибуті Action у тегу FORM |
| Текстове поле | Надає користувачеві область введення у формі HTML |
| Текстова область | Використовується для багаторядкового введення у формі HTML |
| Поле файлу | Розміщує текстове поле та кнопку «Огляд» у формі та дозволяє користувачеві вибрати ім’я файлу на своєму локальному комп’ютері, коли натиснуто кнопку «Огляд» |
| Поле пароля | Область введення у формі HTML, хоча будь-які символи, введені в це поле, відображаються як зірочки |
| CheckBox | Надає користувачеві прапорець, який він може встановити або зняти |
| Радіо-кнопка | Використовується два або більше у формі та дозволяє користувачеві вибрати один із елементів керування |
| Таблиця | Дозволяє представити інформацію у вигляді таблиці |
| Зображення | Відображає зображення у формі HTML |
| ListBox | Відображає список елементів для користувача. Ви можете встановити розмір від двох або більше, щоб визначити, скільки елементів ви хочете показати. Якщо елементів більше, ніж це обмеження, до цього елемента керування автоматично додається смуга прокрутки. |
| спадний список | Відображає користувачеві список елементів, але одночасно відображатиметься лише один елемент. Користувач може натиснути стрілку вниз збоку цього елемента керування, і буде відображено список елементів. |
| Горизонтальна лінійка | Відображає горизонтальну лінію на сторінці HTML |