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

Вашето първо 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.



как да свалите музика от ipod без itunes

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

Свързани: Tailwind CSS срещу 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.



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

как да направите куршуми в excel
  • 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 с този лист за манипулации.

Прочетете Напред Свързани теми
  • Програмиране
  • ASP.NET
  • Програмиране
За автора М. Фахад Хаваджа(45 статии са публикувани)

Фахад е писател в MakeUseOf и в момента е специалност компютърни науки. Като запален писател на технологии той се грижи да бъде в крак с най-новите технологии. Той се интересува особено от футбола и технологиите.

Още от М. Фахад Хаваджа

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате