Веб обрасци су веб странице направљене на АСП.НЕТ технологији. Извршава се на серверу и генерише излаз у претраживач. Компатибилан је са било којим претраживачем на било ком језику који подржава .НЕТ заједничко окружење за извршавање језика. Флексибилан је и омогућава нам да креирамо и додајемо прилагођене контроле.
Можемо користити Висуал Студио за креирање АСП.НЕТ веб образаца. То је ИДЕ (Интегрисано развојно окружење) које нам омогућава да превучемо и испустимо контроле сервера на веб обрасце. Такође нам омогућава да поставимо својства, догађаје и методе за контроле. За писање пословне логике можемо изабрати било који .НЕТ језик као што је: Висуал Басиц или Висуал Ц#.
Веб обрасци се састоје од две компоненте: визуелног дела (АСПКС датотека) и кода иза обрасца, који се налази у засебној датотеци класе.
Шипак: Овај дијаграм приказује компоненте АСП.НЕТ-а
Главна сврха веб образаца је превазилажење ограничења АСП-а и одвајање погледа од логике апликације.
АСП.НЕТ пружа различите контроле као што су: серверске контроле и ХТМЛ контроле за веб обрасце. Имамо табеле са свим овим контролама испод.
Сервер Цонтролс
Следећа табела садржи контроле на страни сервера за веб обрасце.
| Контролно име | Применљиви догађаји | Опис |
|---|---|---|
| Етикета | Ниједан | Користи се за приказ текста на ХТМЛ страници. |
| Поље за текст | ТектЦхангед | Користи се за креирање уноса текста у форму. |
| Дугме | Кликните, командујте | Користи се за креирање дугмета. |
| ЛинкБуттон | Кликните, командујте | Користи се за креирање дугмета које изгледа слично хипервези. |
| ИмагеБуттон | Кликните | Користи се за креирање дугмета за слике. Овде слика ради као дугме. |
| Хиперлинк | Ниједан | Користи се за креирање контроле хипервезе која одговара на догађај клика. |
| Падајуће листе | СелецтедИндекЦхангед | Користи се за креирање контроле падајуће листе. |
| Листа кутија | СелецтедИндекЦнхагед | Користи се за креирање ЛистБок контроле као што је ХТМЛ контрола. |
| ДатаГрид | ЦанцелЦомманд, ЕдитЦомманд, ДелетеЦомманд, ИтемЦомманд, СелецтедИндекЦхангед, ПагеИндекЦхангед, СортЦомманд, УпдатеЦомманд, ИтемЦреатед, ИтемДатаБоунд | Користио се за креирање фрида који се користи за приказивање података. Такође можемо врло лако да извршимо странице, сортирање и форматирање помоћу ове контроле. |
| ДатаЛист | ЦанцелЦомманд, ЕдитЦомманд, ДелетеЦомманд, ИтемЦомманд, СелецтедИндекЦхангед, УпдатеЦомманд, ИтемЦреатед, ИтемДатаБоунд | Користи се за креирање листе података која није табела и користи се за приказивање података. |
| Репеатер | ИтемЦомманд, ИтемЦреатед, ИтемДатаБоунд | Омогућава нам да креирамо нетабеларни тип формата за податке. Можете да повежете податке са ставкама шаблона, које су као делови ХТМЛ-а састављени у одређеном формату који се понавља. |
| Поље за потврду | ЦхецкЦхангед | Користи се за креирање поља за потврду. |
| ЦхецкБокЛист | СелецтедИндекЦхангед | Користи се за креирање групе поља за потврду која сви раде заједно. |
| Радио дугме | ЦхецкЦхангед | Користи се за креирање радио дугмета. |
| РадиоБуттонЛист | СелецтедИндекЦхангед | Користи се за креирање групе контрола са радио дугметом које све раде заједно. |
| Слика | Ниједан | Користи се за приказивање слике унутар странице. |
| Панел | Ниједан | Користи се за креирање панела који ради као контејнер. |
| ПлацеХолдер | Ниједан | Користи се за постављање чувара места за контролу. |
| Календар | СелецтионЦхангед, ВисиблеМонтхЦхангед, ДаиРендер | Користи се за креирање календара. Можемо да поставимо подразумевани датум, да се крећемо напред и назад итд. |
| АдРотатор | АдЦреатед | Омогућава нам да одредимо листу огласа за приказ. Сваки пут када корисник поново прикаже страницу. |
| Сто | Ниједан | Користи се за креирање табеле. |
| КСМЛ | Ниједан | Користи се за приказ КСМЛ докумената унутар ХТМЛ-а. |
| Буквално | Ниједан | То је као ознака по томе што приказује литерал, али нам омогућава да креирамо нове литерале током извршавања и ставимо их у ову контролу. |
ХТМЛ контроле
Ове контроле приказује прегледач. Такође можемо направити ХТМЛ контроле као контролу сервера. о томе ћемо разговарати у даљем нашем туторијалу.
| Име контроле | Опис |
|---|---|
| Дугме | Користи се за креирање ХТМЛ дугмета. |
| Ресет | Ресетује све остале елементе ХТМЛ обрасца на обрасцу на подразумевану вредност |
| Дугме за слање | Аутоматски ПОСТАВЉА податке обрасца на наведену страницу наведену у атрибуту Ацтион у ознаци ФОРМ |
| Текстуално поље | Даје кориснику област за унос на ХТМЛ обрасцу |
| Тект Ареа | Користи се за вишелинијски унос у ХТМЛ образац |
| Филе Фиелд | Поставља текстуално поље и дугме Прегледај на образац и омогућава кориснику да изабере име датотеке са свог локалног рачунара када се кликне на дугме Бровсе |
| Пассворд Фиелд | Област за унос на ХТМЛ обрасцу, иако се сви знакови уписани у ово поље приказују као звездице |
| Поље за потврду | Даје кориснику поље за потврду које може да изабере или обрише |
| Радио дугме | Користи се две или више за образац и омогућава кориснику да изабере једну од контрола |
| Сто | Омогућава вам да представите информације у табеларном формату |
| Слика | Приказује слику у ХТМЛ обрасцу |
| Листа кутија | Приказује листу ставки кориснику. Можете да подесите величину од две или више да бисте одредили колико ставки желите да прикажете. Ако има више ставки него што може да стане унутар овог ограничења, трака за померање се аутоматски додаје овој контроли. |
| Испустити | Приказује листу ставки кориснику, али ће се појавити само једна по једна ставка. Корисник може кликнути на стрелицу надоле са стране ове контроле и биће приказана листа ставки. |
| Хоризонтално правило | Приказује хоризонталну линију преко ХТМЛ странице |