Ваша прва АСП.НЕТ веб апликација: Како започети

АСП.НЕТ је Мицрософтов бесплатни цросс-платформ оквир за израду веб апликација и услуга. АСП.НЕТ платформа је проширење на .НЕТ, платформу за развој алата, програмских језика и библиотека које се користе за израду различитих апликација.

Као што сте вероватно претпоставили, АСП.НЕТ је фантастичан оквир који почетници могу користити за израду веб апликација. Нуди велику флексибилност и једноставан је за употребу. У овом чланку ћемо вам помоћи да креирате своју прву веб -апликацију у АСП.НЕТ -у користећи Мицрософт Висуал Студио.

Шта је АСП.НЕТ?

АСП означава "Ацтиве Сервер Пагес"; АСП и АСП.НЕТ су технологије на страни сервера које се користе за приказивање интерактивних веб страница. АСП.НЕТ пружа програмерима велику флексибилност у великом, свестраном екосистему са различитим библиотекама и алатима. Програмери такође могу да креирају прилагођене библиотеке које могу да деле са било којом апликацијом креираном на .НЕТ платформи.

Повезан: Веб оквири вредни учења за програмере

Позадински код за своје АСП.НЕТ апликације можете написати у Ц#, Висуал Басиц или чак Ф#. Ова флексибилност омогућава програмерима да ефикасно кодирају пословну логику и слој приступа подацима. Још једна значајна предност коришћења АСП.НЕТ -а је израда динамичких веб страница помоћу Ц# уз помоћ алата за синтаксу предложака веб страница познатог као Разор.

Разор такође нуди синтаксу за креирање интерактивних динамичких веб страница које садрже ХТМЛ, ЦСС, ЈаваСцрипт и Ц#. Код на страни клијента обично је написан у ЈаваСцрипт-у, а АСП.НЕТ се чак може интегрисати и са другим веб оквирима, као што су Ангулар или Реацт.

Повезан: Таилвинд ЦСС вс. Боотстрап: Који је бољи оквир?

АСП.НЕТ такође пружа програмерима систем за аутентификацију који укључује базу података, библиотеке, шаблоне за управљање пријављивањем, спољну аутентификацију за Гоогле, Фацебоок итд. Итд. Програмери могу да користе АСП.НЕТ на свим главним платформама, укључујући Виндовс, Линук, мацОС, па чак и Доцкер.

Како да креирате АСП.НЕТ веб апликацију у Висуал Студио -у

Пре него што креирате веб апликацију, најбоље је да се упознате са ХТМЛ -ом, ЦСС -ом, ЈаваСцрипт -ом и Ц#-ом како бисте максимално искористили АСП.НЕТ. Погледајмо како можете да креирате веб апликацију у АСП.НЕТ -у у Мицрософт Висуал Студио 2019.

Уверите се да имате инсталиране следеће софтверске пакете:

• Мицрософт Висуал Студио 2019 или бољи
• Радно оптерећење АСП.НЕТ -а и веб развоја из инсталационог програма Висуал Студио

Разумевање компоненти пројекта АСП.НЕТ веб апликација

Пре него што почнете да развијате своју веб апликацију, кључно је да разумете битне компоненте АСП.НЕТ -а и како их можете користити у својој веб апликацији.

У овом водичу ћемо користити АСП.НЕТ веб обрасце за креирање појединачних веб страница као што су почетна страница, контактирајте нас итд. Сваки веб образац има три главне компоненте, датотеку .аспк за ХТМЛ/ЦСС, датотеку кода .аспк.цс и датотеку .аспк.десигнер.цс. Углавном ћемо радити у .аспк и .аспк.цс датотекама за овај водич.

Датотека .аспк ће садржати сав ХТМЛ и ЦСС код ваших веб страница. Уверите се да користите асп ознаке уместо ХТМЛ ознака, јер асп ознаке преузимају податке са сервера и шаљу улазне податке на сервер. Ово је карактеристика функционалности која је потребна у динамичкој веб апликацији.

Датотека .аспк.цс садржи Ц# код ваших веб страница и то контролише шта се дешава када се учита одређени догађај, на пример веб страница, кликне на дугме и још много тога. За сваку функцију можете креирати засебне функције и повезати их са релевантном ознаком асп у одговарајућој .аспк датотеци.

Мастер странице су корисне за програмере и свакој веб страници додају битне компоненте, попут навигационе траке и подножја. Уместо да понављајуће додају исти код, програмери могу да додају сав код који је потребан за предложак на једну главну страницу, а затим повежу сваку веб страницу са матичном страницом. Показаћемо вам како то учинити у следећим одељцима.

Креирајте нови пројекат АСП.НЕТ веб апликације

Први корак у креирању веб апликације у АСП.НЕТ -у је одабир предлошка пројекта и креирање нове веб апликације:

1. Покрените Мицрософт Висуал Студио и кликните на Направите нови пројекат
2. Унесите АСП.НЕТ у поље за претрагу шаблона, изаберите АСП.НЕТ веб апликација (.НЕТ Фрамеворк) и кликните Следећи. Овај предложак нећете добити ако немате потребне инсталације наведене у претходном одељку.
3. На следећем екрану конфигуришите назив пројекта и директоријум и кликните на Следећи.
4. Висуал Студио ће сада креирати ваш предложак пројекта, а апликацију шаблона бисте требали покренути кликом на зелено дугме за репродукцију при врху екрана.

Креирајте нови АСП.НЕТ веб образац

Да бисмо вам помогли да боље разумете АСП.НЕТ, креираћемо једноставну страницу производа за продавницу игара. Први корак је креирање новог веб обрасца. У пројекту који сте раније креирали идите на Датотека> Ново> Датотека и изаберите Веб образац. Када га подесите, требало би да видите празну .аспк датотеку са само кодом заглавља.

Да бисте започели развој целокупног изгледа ваше веб странице, можете сами да користите код у ХТМЛ/ЦСС -у или предложак из Блокови репа.

Горњи изглед странице производа смо поставили помоћу шаблона. Приказује слику производа, детаље о производу и траку за навигацију. Додали смо ХТМЛ и ЦСС траке за навигацију помоћу главне странице.

У горњем коду (.аспк.цс датотека) поставили смо лоадпаге функција за постављање детаља о производима на нашим чуварима места. Можете креирати сличне функције за пријаву, регистрацију, додавање у корпу итд.

Узорак асп ознаке за приказ описа производа је следећи:

Вредност описа из Ц# кода ће бити приказана у овом чувару места. Такође можете користити алатни оквир Висуал Студио за додавање елемената приказа, попут слика, дугмади, радио дугмади и још много тога. На мрежи је доступно неколико извора на којима можете научити синтаксу АСП.НЕТ.

АСП.НЕТ веб апликација за почетнике

АСП.НЕТ је моћна платформа за креирање веб апликација и услуга. Морате бити упознати са ЈаваСцрипт, ХТМЛ, ЦСС и Ц# пре него што развијете веб апликацију у АСП.НЕТ -у.

Тхе Ултимате ЈаваСцрипт Цхеат Схеет

Брзо освежите ЈаваСцрипт елементе помоћу ове подлоге.

Прочитајте следеће

О аутору