Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

ASP.NET to bezpłatna wieloplatformowa platforma firmy Microsoft do tworzenia aplikacji i usług internetowych. Platforma ASP.NET jest rozszerzeniem .NET, platformy programistycznej narzędzi, języków programowania i bibliotek używanych do tworzenia różnych aplikacji.

Jak zapewne zgadłeś, ASP.NET to fantastyczna platforma, której początkujący mogą używać do tworzenia aplikacji internetowych. Oferuje dużą elastyczność i jest łatwy w użyciu. W tym artykule pomożemy Ci stworzyć swoją pierwszą aplikację internetową w ASP.NET przy użyciu Microsoft Visual Studio.

Co to jest ASP.NET?

ASP oznacza „Aktywne strony serwera”; ASP i ASP.NET to technologie po stronie serwera używane do wyświetlania interaktywnych stron internetowych. ASP.NET zapewnia programistom dużą elastyczność w sporym, wszechstronnym ekosystemie z różnymi bibliotekami i narzędziami. Deweloperzy mogą również tworzyć niestandardowe biblioteki, które mogą udostępniać dowolnej aplikacji utworzonej na platformie .NET.

Powiązane: Struktury internetowe, które warto poznać dla programistów

Kod zaplecza dla aplikacji ASP.NET można napisać w języku C#, Visual Basic, a nawet F#. Ta elastyczność umożliwia programistom efektywne kodowanie warstwy logiki biznesowej i dostępu do danych. Kolejną istotną zaletą korzystania z ASP.NET jest budowanie dynamicznych stron internetowych przy użyciu języka C# za pomocą narzędzia składni szablonów stron internetowych znanego jako Razor.

Razor udostępnia również składnię do tworzenia interaktywnych dynamicznych stron internetowych zawierających kod HTML, CSS, JavaScript i C#. Kod po stronie klienta jest zwykle napisany w JavaScript, a ASP.NET można nawet zintegrować z innymi platformami internetowymi, takimi jak Angular lub React.

Powiązane: Tailwind CSS a Bootstrap: która platforma jest lepsza?

ASP.NET zapewnia również programistom system uwierzytelniania, który obejmuje bazę danych, biblioteki, szablony do zarządzania loginami, uwierzytelnianie zewnętrzne w Google, Facebooku itp. i nie tylko. Deweloperzy mogą korzystać z ASP.NET na wszystkich głównych platformach, w tym Windows, Linux, macOS, a nawet Docker.

Jak utworzyć aplikację sieci Web ASP.NET w Visual Studio

Przed utworzeniem aplikacji internetowej najlepiej jest zapoznać się z językiem HTML, CSS, JavaScript i C#, aby w pełni wykorzystać możliwości ASP.NET. Przyjrzyjmy się, jak utworzyć aplikację internetową w ASP.NET w Microsoft Visual Studio 2019.

Upewnij się, że masz zainstalowane następujące pakiety oprogramowania:

  • Microsoft Visual Studio 2019 lub nowszy
  • ASP.NET i obciążenie programistyczne w sieci Web z Instalatora programu Visual Studio

Zrozumienie składników projektu aplikacji sieci Web ASP.NET

Przed przystąpieniem do tworzenia aplikacji sieci Web bardzo ważne jest zrozumienie podstawowych składników ASP.NET i sposobów ich wykorzystania w aplikacji sieci Web.

W tym samouczku będziemy używać formularzy sieci Web ASP.NET do tworzenia poszczególnych stron sieci Web, takich jak Strona główna, Kontakt z nami itp. Każdy formularz sieci Web ma trzy główne składniki: plik .aspx dla HTML/CSS, .aspx Plik kodu .cs i plik .aspx.designer.cs. W tym samouczku będziemy głównie pracować nad plikami .aspx i .aspx.cs.

Plik .aspx będzie zawierał cały kod HTML i CSS stron internetowych. Upewnij się, że używasz tagów asp zamiast tagów HTML, ponieważ tagi asp pobierają dane z serwera i wysyłają dane wejściowe do serwera. Jest to cecha funkcjonalności wymagana w dynamicznej aplikacji internetowej.

Plik .aspx.cs zawiera kod C# stron internetowych, a to kontroluje, co się dzieje po załadowaniu określonego zdarzenia, takiego jak strona sieci Web, kliknięciu przycisku i nie tylko. Możesz utworzyć oddzielne funkcje dla każdej funkcji i połączyć je z odpowiednim tagiem asp w odpowiednim pliku .aspx.

Strony wzorcowe są korzystne dla programistów i dodają do każdej strony internetowej niezbędne komponenty, takie jak pasek nawigacji i stopka. Zamiast dodawać ten sam kod wielokrotnie, programiści mogą dodać cały kod wymagany przez szablon do jednej strony wzorcowej, a następnie połączyć każdą stronę internetową ze stroną wzorcową. W kolejnych sekcjach pokażemy, jak to zrobić.

Utwórz nowy projekt aplikacji sieci Web ASP.NET

Pierwszym krokiem w tworzeniu aplikacji webowej w ASP.NET jest wybranie szablonu projektu i utworzenie nowej aplikacji webowej:

Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

  1. Uruchom Microsoft Visual Studio i kliknij Utwórz nowy projekt
  2. Wpisz ASP.NET w polu wyszukiwania szablonu, wybierz Aplikacja sieci Web ASP.NET ( .NET Framework ) i kliknij przycisk Dalej . Nie otrzymasz tego szablonu, jeśli nie masz wymaganych instalacji wymienionych w poprzedniej sekcji.
  3. Na następnym ekranie skonfiguruj nazwę i katalog projektu, a następnie kliknij Dalej .
  4. Program Visual Studio utworzy teraz szablon projektu i powinieneś być w stanie uruchomić aplikację szablonu, klikając zielony przycisk odtwarzania u góry ekranu.

Utwórz nowy formularz sieci Web ASP.NET

Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

Aby pomóc Ci lepiej zrozumieć ASP.NET, utworzymy prostą stronę produktu dla sklepu z grami. Pierwszym krokiem jest utworzenie nowego formularza internetowego. W utworzonym wcześniej projekcie przejdź do Plik > Nowy > Plik i wybierz Formularz sieci Web . Po skonfigurowaniu powinien być widoczny pusty plik .aspx z samym kodem nagłówka.

Aby rozpocząć tworzenie ogólnego wyglądu swojej strony internetowej, możesz samodzielnie użyć kodu w HTML/CSS lub skorzystać z szablonu z Tailblocks .

Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

Powyższy układ strony produktu konfigurujemy za pomocą szablonu. Wyświetla obraz produktu, szczegóły produktu i pasek nawigacyjny. Dodaliśmy kod HTML i CSS paska nawigacyjnego za pomocą strony wzorcowej.

Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

W powyższym kodzie (plik .aspx.cs) skonfigurowaliśmy funkcję loadpage, aby ustawić szczegóły produktu w naszych symbolach zastępczych. Możesz stworzyć podobne funkcje do logowania, rejestracji, dodawania do koszyka itp.

Przykładowy tag asp pokazujący opis produktu wygląda następująco:

W tym symbolu zastępczym zostanie wyświetlona wartość opisu z kodu C#. Możesz również użyć przybornika programu Visual Studio, aby dodać elementy wyświetlania, takie jak obrazy, przyciski, przyciski radiowe i inne. W Internecie dostępnych jest kilka zasobów, w których można poznać składnię ASP.NET.

Aplikacja internetowa ASP.NET dla początkujących

ASP.NET to potężna platforma do tworzenia aplikacji i usług internetowych. Musisz być zaznajomiony z JavaScript, HTML, CSS i C# przed tworzeniem aplikacji sieci Web w ASP.NET.


Jak obliczyć wartość nCr

Jak obliczyć wartość nCr

Kombinacja to pojęcie matematyczne. Odnosi się do ułożenia kilku przedmiotów, gdzie ich kolejność nie ma znaczenia. Podstawowa formuła opisuje liczbę prawidłowych kombinacji.

Jak napisać i skompilować swój pierwszy kod Solidity?

Jak napisać i skompilować swój pierwszy kod Solidity?

Solidity to język programowania używany przez inteligentne kontrakty na blockchainie Ethereum. Jest to statyczny, zorientowany obiektowo język programowania.

SQL kontra NoSQL: jaka jest najlepsza baza danych dla twojego następnego projektu?

SQL kontra NoSQL: jaka jest najlepsza baza danych dla twojego następnego projektu?

SQL kontra NoSQL: jaka jest najlepsza baza danych dla twojego następnego projektu?

Jak znaleźć N-cyfrowe idealne sześciany i kwadraty za pomocą Pythona, C++ i JavaScript

Jak znaleźć N-cyfrowe idealne sześciany i kwadraty za pomocą Pythona, C++ i JavaScript

Wielu programistów uwielbia rozwiązywać trudne problemy matematyczne za pomocą kodu. Pomaga wyostrzyć umysł i poprawić umiejętności rozwiązywania problemów. W tym artykule dowiesz się, jak znaleźć najmniejsze i największe n-cyfrowe idealne kwadraty i sześciany za pomocą Pythona, C++ i JavaScript. Każdy przykład zawiera również przykładowe dane wyjściowe dla kilku różnych wartości.

Jak używać Pythona jako kalkulatora wiersza poleceń

Jak używać Pythona jako kalkulatora wiersza poleceń

Chociaż możesz używać kalkulatora graficznego na swoim komputerze, interpreter języka programowania Python może pełnić funkcję kalkulatora biurkowego. Jest to tak popularny żart na temat biegania w społeczności Pythona, że ​​wspomniano o nim w oficjalnym samouczku. Oto, jak używać Pythona jako kalkulatora.

Jak osadzić tweety w swoich postach WordPress

Jak osadzić tweety w swoich postach WordPress

Umieszczanie usług stron trzecich w swoich postach WordPress to ekscytujący sposób na przyciągnięcie zainteresowania odwiedzających. Osadzone treści zawierają również wskazówki wizualne, które ułatwiają skanowanie. WordPress ułatwił dodawanie tego typu treści.

Rozpocznij pracę z notatnikiem Jupyter: samouczek

Rozpocznij pracę z notatnikiem Jupyter: samouczek

Jeśli jesteś początkującym naukowcem zajmującym się danymi, który pracuje z Pythonem lub R, musisz wiedzieć, jak korzystać z Jupyter Notebook. Jest to środowisko IDE typu open source i serwerowe do manipulowania danymi, udostępniania kodu na żywo, a także zarządzania przepływem pracy w nauce o danych.

Kodowanie nie jest dla wszystkich: 9 stanowisk technicznych, które można uzyskać bez niego

Kodowanie nie jest dla wszystkich: 9 stanowisk technicznych, które można uzyskać bez niego

Tech to bez wątpienia branża przyszłości. Jeśli jesteś jednym z milionów młodych dorosłych, którzy mają rozpocząć pierwszy etap swojej kariery, być może zastanawiasz się, co zrobić, jeśli nie lubisz kodować.

7 ważnych poleceń, które pomogą rozpocząć pracę z Pythonem dla początkujących

7 ważnych poleceń, które pomogą rozpocząć pracę z Pythonem dla początkujących

Nauka nowego języka programowania, takiego jak Python, staje się bezproblemowa, jeśli masz kompleksową mapę drogową, szczegółowo opisującą koncepcje, których należy się nauczyć jako początkujący i jak robić dalsze postępy, aby osiągnąć kolejny kamień milowy. Nawet średniozaawansowani programiści powinni często odświeżyć swoje podstawy, aby zbudować dla siebie solidną podstawę.

9 najlepszych alternatyw dla platformy Docker do zarządzania kontenerami

9 najlepszych alternatyw dla platformy Docker do zarządzania kontenerami

Kontenery są bardzo przydatne przy opracowywaniu, wdrażaniu i zarządzaniu oprogramowaniem w środowisku wirtualnym. Docker jest przydatny w procesie konteneryzacji, ale nie jest jedyną platformą. Jeśli szukasz alternatyw dla Dockera, nie szukaj dalej. Ta lista przedstawia niektóre bogate w funkcje i wydajne alternatywy platformy Docker, które można wykorzystać w następnym projekcie.

Czy ARCore lub ARKit są lepsze do tworzenia doświadczeń w rozszerzonej rzeczywistości?

Czy ARCore lub ARKit są lepsze do tworzenia doświadczeń w rozszerzonej rzeczywistości?

Niektóre z najczęściej omawianych aplikacji mobilnych i doświadczeń w dzisiejszych czasach wykorzystują technologię rozszerzonej rzeczywistości. Podczas gdy niektóre z tych doświadczeń mogą działać na praktycznie każdym urządzeniu mobilnym, inne działają tylko na nowszych i droższych modelach. Tworzenie i używanie tych bardziej zaawansowanych środowisk wymaga ARCore i ARKit.

Jak stworzyć nową gałąź w Git

Jak stworzyć nową gałąź w Git

Gałęzie są kluczowe dla koncepcji kontroli wersji w programowaniu, aw szczególności w Git. W tym artykule startowym dowiesz się, czym jest gałąź i jak ją utworzyć przy użyciu wielu różnych narzędzi.

Jak używać instrukcji if w Pythonie?

Jak używać instrukcji if w Pythonie?

Instrukcja if jest siłą napędową programowania logicznego. W rezultacie lepsze zrozumienie Pythona jest znaczącym dodatkiem do twoich umiejętności programowania w Pythonie.

5 najlepszych odznak, które wzmocnią Twoje repozytorium GitHub

5 najlepszych odznak, które wzmocnią Twoje repozytorium GitHub

Odznaki GitHub mogą zwiększyć czytelność repozytorium, zapewniając użytkownikom szybki sposób przechwytywania metryk repozytorium. Plakietki mogą być osadzone w pliku README.md, aby wyjaśnić innym programistom znaczenie i konieczność Twojego projektu. W rezultacie czytelnicy bardzo szybko dowiadują się o repozytorium, sprawdzając dołączone identyfikatory.

Pierwsze kroki z Redis i PHP do szybkiego przechowywania danych

Pierwsze kroki z Redis i PHP do szybkiego przechowywania danych

Popularny silnik pamięci masowej Redis jest doskonałym i niezbędnym narzędziem w każdym arsenale programistów. Silnik pamięci masowej w pamięci umożliwia niezwykle szybkie przechowywanie i pobieranie danych, do imponujących 32 milionów zapytań na sekundę, co czyni go doskonałym uzupełnieniem każdego głównego silnika bazy danych.

Co to jest WYSIWYG?

Co to jest WYSIWYG?

Część magii tworzenia oprogramowania pojawia się, gdy wiersze kodu łączą się w coś więcej niż sumę ich części. Przekonasz się, że gdy próbujesz budować w ten sposób abstrakcyjnie, potrzebujesz trochę kreatywnej wizualizacji. Może to dotyczyć przetwarzania tekstu lub projektowania stron internetowych, podobnie jak w przypadku programowania.

Jak zainstalować .NET Framework w wersji 3.5 w systemie Windows 10?

Jak zainstalować .NET Framework w wersji 3.5 w systemie Windows 10?

Jako użytkownik systemu Windows prawdopodobnie przynajmniej raz natknąłeś się na słowa .NET Framework. Jest to platforma oprogramowania opracowana przez firmę Microsoft, która umożliwia tworzenie i uruchamianie programów w językach C#, C++, F# i Visual Basic. Najnowsza wersja platformy .NET to 4,8, ale Twój komputer może wymagać starszej wersji platformy .NET (np. .NET 3.5) do uruchamiania niektórych aplikacji.

WordPress kontra Wix: kluczowe różnice

WordPress kontra Wix: kluczowe różnice

Budując stronę internetową dla siebie lub swojej firmy często stajesz przed klasycznym dylematem. WordPress vs. Wix — który wybrać i jaki byłby dla Ciebie najlepszy?

10 najlepszych dystrybucji Linuksa dla programistów

10 najlepszych dystrybucji Linuksa dla programistów

Chociaż Linux może nie być ulubionym systemem operacyjnym dla zwykłych użytkowników, jest to wybór dla większości programistów i programistów. Linux jest bardziej praktycznym systemem operacyjnym, który został specjalnie zaprojektowany z myślą o programowaniu i programistach.

Jak obliczyć wartość nCr

Jak obliczyć wartość nCr

Kombinacja to pojęcie matematyczne. Odnosi się do ułożenia kilku przedmiotów, gdzie ich kolejność nie ma znaczenia. Podstawowa formuła opisuje liczbę prawidłowych kombinacji.

Jak napisać i skompilować swój pierwszy kod Solidity?

Jak napisać i skompilować swój pierwszy kod Solidity?

Solidity to język programowania używany przez inteligentne kontrakty na blockchainie Ethereum. Jest to statyczny, zorientowany obiektowo język programowania.

SQL kontra NoSQL: jaka jest najlepsza baza danych dla twojego następnego projektu?

SQL kontra NoSQL: jaka jest najlepsza baza danych dla twojego następnego projektu?

SQL kontra NoSQL: jaka jest najlepsza baza danych dla twojego następnego projektu?

Jak znaleźć N-cyfrowe idealne sześciany i kwadraty za pomocą Pythona, C++ i JavaScript

Jak znaleźć N-cyfrowe idealne sześciany i kwadraty za pomocą Pythona, C++ i JavaScript

Wielu programistów uwielbia rozwiązywać trudne problemy matematyczne za pomocą kodu. Pomaga wyostrzyć umysł i poprawić umiejętności rozwiązywania problemów. W tym artykule dowiesz się, jak znaleźć najmniejsze i największe n-cyfrowe idealne kwadraty i sześciany za pomocą Pythona, C++ i JavaScript. Każdy przykład zawiera również przykładowe dane wyjściowe dla kilku różnych wartości.

Jak używać Pythona jako kalkulatora wiersza poleceń

Jak używać Pythona jako kalkulatora wiersza poleceń

Chociaż możesz używać kalkulatora graficznego na swoim komputerze, interpreter języka programowania Python może pełnić funkcję kalkulatora biurkowego. Jest to tak popularny żart na temat biegania w społeczności Pythona, że ​​wspomniano o nim w oficjalnym samouczku. Oto, jak używać Pythona jako kalkulatora.

Jak osadzić tweety w swoich postach WordPress

Jak osadzić tweety w swoich postach WordPress

Umieszczanie usług stron trzecich w swoich postach WordPress to ekscytujący sposób na przyciągnięcie zainteresowania odwiedzających. Osadzone treści zawierają również wskazówki wizualne, które ułatwiają skanowanie. WordPress ułatwił dodawanie tego typu treści.

Rozpocznij pracę z notatnikiem Jupyter: samouczek

Rozpocznij pracę z notatnikiem Jupyter: samouczek

Jeśli jesteś początkującym naukowcem zajmującym się danymi, który pracuje z Pythonem lub R, musisz wiedzieć, jak korzystać z Jupyter Notebook. Jest to środowisko IDE typu open source i serwerowe do manipulowania danymi, udostępniania kodu na żywo, a także zarządzania przepływem pracy w nauce o danych.

Kodowanie nie jest dla wszystkich: 9 stanowisk technicznych, które można uzyskać bez niego

Kodowanie nie jest dla wszystkich: 9 stanowisk technicznych, które można uzyskać bez niego

Tech to bez wątpienia branża przyszłości. Jeśli jesteś jednym z milionów młodych dorosłych, którzy mają rozpocząć pierwszy etap swojej kariery, być może zastanawiasz się, co zrobić, jeśli nie lubisz kodować.

7 ważnych poleceń, które pomogą rozpocząć pracę z Pythonem dla początkujących

7 ważnych poleceń, które pomogą rozpocząć pracę z Pythonem dla początkujących

Nauka nowego języka programowania, takiego jak Python, staje się bezproblemowa, jeśli masz kompleksową mapę drogową, szczegółowo opisującą koncepcje, których należy się nauczyć jako początkujący i jak robić dalsze postępy, aby osiągnąć kolejny kamień milowy. Nawet średniozaawansowani programiści powinni często odświeżyć swoje podstawy, aby zbudować dla siebie solidną podstawę.

Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

Twoja pierwsza aplikacja internetowa ASP.NET: jak zacząć

ASP.NET to bezpłatna wieloplatformowa platforma firmy Microsoft do tworzenia aplikacji i usług internetowych. Platforma ASP.NET jest rozszerzeniem .NET, platformy programistycznej narzędzi, języków programowania i bibliotek używanych do tworzenia różnych aplikacji.