Вашето първо ASP.NET уеб приложение: Как да започнете

ASP.NET е безплатната междуплатформена рамка на Microsoft за изграждане на уеб приложения и услуги. Платформата ASP.NET е разширение към .NET, платформа за разработчици на инструменти, езици за програмиране и библиотеки, използвани за изграждане на различни приложения.

Както вероятно се досещате, ASP.NET е фантастична рамка, която начинаещите могат да използват за създаване на уеб приложения. Той предлага много гъвкавост и е лесен за използване. В тази статия ще ви помогнем да създадете първата си уеб ппликация в ASP.NET с помощта на Microsoft Visual Studio.

Какво е ASP.NET?

ASP означава „Активни сървърни страници“; ASP и ASP.NET са технологии от страна на сървъра, използвани за показване на интерактивни уеб страници. ASP.NET предоставя на разработчиците много гъвкавост в значителна, гъвкава екосистема с различни библиотеки и инструменти. Разработчиците също могат да създават персонализирани библиотеки, които да споделят с всяко приложение, създадено на .NET платформата.

Свързани: Уеб рамки, заслужаващи обучение за разработчиците

Можете да напишете бекенд кода за вашите ASP.NET приложения в C#, Visual Basic или дори F#. Тази гъвкавост позволява на разработчиците да кодират ефективно бизнес логиката и слоя за достъп до данни. Друго съществено предимство при използването на ASP.NET е изграждането на динамични уеб страници с помощта на C# с помощта на инструмент за синтаксис на шаблони за уеб страници, известен като Razor.

Razor също така предоставя синтаксис за създаване на интерактивни динамични уеб страници, включващи HTML, CSS, JavaScript и C#. Кодът от страна на клиента обикновено е написан на JavaScript, а ASP.NET дори може да бъде интегриран с други уеб рамки като Angular или React.

Свързани: Tailwind CSS vs. Bootstrap: Коя е по -добра рамка?

ASP.NET също така предоставя на разработчиците система за удостоверяване, която включва база данни, библиотеки, шаблони за управление на влизания, външно удостоверяване в Google, Facebook и т.н. и др. Разработчиците могат да използват ASP.NET на всички основни платформи, включително Windows, Linux, macOS и дори Docker.

Как да създадете ASP.NET уеб приложение във Visual Studio

Преди да създадете уеб приложение, най -добре е да се запознаете с HTML, CSS, JavaScript и C#, за да можете да извлечете максимума от ASP.NET. Нека да разгледаме как можете да създадете уеб приложение в ASP.NET в Microsoft Visual Studio 2019.

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

• Microsoft Visual Studio 2019 или по -добра версия
• Работно натоварване на ASP.NET и уеб разработка от инсталатора на Visual Studio

Разбиране на компонентите на проекта за уеб приложение на ASP.NET

Преди да започнете да разработвате своето уеб приложение, от решаващо значение е да разберете основните компоненти на ASP.NET и как можете да ги използвате във вашето уеб приложение.

В този урок ще използваме уеб формуляри на ASP.NET за създаване на отделни уеб страници като начална страница, контакт с нас и др. Всеки уеб формуляр има три основни компонента, .aspx файл за HTML/CSS, .aspx.cs код файл и .aspx.designer.cs файл. Най -вече ще работим във файловете .aspx и .aspx.cs за този урок.

Файлът .aspx ще съдържа целия HTML и CSS код на вашите уеб страници. Уверете се, че използвате asp тагове, а не HTML тагове, тъй като asp таговете извличат данни от сървъра и изпращат входни данни към сървъра. Това е характеристиката на функционалността, която се изисква в динамично уеб приложение.

Файлът .aspx.cs съдържа C# кода на вашите уеб страници и това контролира какво се случва, когато се зареди определено събитие като уеб страница, щракне се върху бутон и др. Можете да създадете отделни функции за всяка функция и да я свържете със съответния asp маркер в съответния .aspx файл.

Главните страници са от полза за разработчиците и добавят съществени компоненти, като навигационната лента и долния колонтитул към всяка уеб страница. Вместо да добавят един и същ код повтарящо се, разработчиците могат да добавят целия необходим за шаблона код в една главна страница и след това да свържат всяка уеб страница с главната страница. Ще ви покажем как да направите това в следващите раздели.

Създайте нов проект за уеб приложение на ASP.NET

Първата стъпка при създаването на уеб приложение в ASP.NET е да изберете шаблон на проект и да създадете ново уеб приложение:

1. Стартирайте Microsoft Visual Studio и щракнете върху Създайте нов проект
2. Въведете ASP.NET в полето за търсене на шаблон, изберете ASP.NET уеб приложение (.NET Framework) и щракнете Следващия. Няма да получите този шаблон, ако нямате необходимите инсталации, споменати в предишния раздел.
3. На следващия екран конфигурирайте името и директорията на вашия проект и кликнете върху Следващия.
4. Visual Studio вече ще създаде вашия шаблон за проект и трябва да можете да стартирате приложението за шаблон, като щракнете върху зеления бутон за възпроизвеждане в горната част на екрана.

Създайте нов уеб формуляр ASP.NET

За да ви помогнем да разберете по -добре ASP.NET, ние ще създадем проста страница с продукти за магазин за игри. Първата стъпка е да създадете нов уеб формуляр. В проекта, който сте създали по -рано, отидете на Файл> Ново> Файл и изберете Уеб формуляр. След като го настроите, трябва да можете да видите празен .aspx файл само с кода на заглавката.

За да започнете да развивате цялостния облик на вашата уеб страница, можете да използвате сами кода в HTML/CSS или да използвате шаблон от Блокове за опашки.

Настроихме горното оформление на продуктовата страница с помощта на шаблон. Той показва изображение на продукта, подробности за продукта и лента за навигация. Добавихме HTML и CSS на навигационната лента, използвайки главната страница.

В горния код (.aspx.cs файл), ние сме настроили loadpage функция за задаване на подробности за продукта в нашите заместители. Можете да създавате подобни функции за вход, регистрация, добавяне в количката и т.н.

Примерен asp маркер за показване на описанието на продукта е следният:

Стойността на описанието от кода на C# ще бъде показана в този заместител. Можете също да използвате инструментариума на Visual Studio, за да добавите елементи на дисплея, като изображения, бутони, радио бутони и др. Има няколко налични ресурса онлайн, където можете да научите синтаксиса на ASP.NET.

ASP.NET уеб приложение за начинаещи

ASP.NET е мощна платформа за създаване на уеб приложения и услуги. Трябва да сте запознати с JavaScript, HTML, CSS и C#, преди да разработите уеб приложение в ASP.NET.

The Ultimate JavaScript Cheat Sheet

Вземете бързо опресняване на JavaScript елементи с този лист за манипулации.

Прочетете Напред

За автора