Wprowadzenie do ASP.NET 4.5 Web Forms i Visual Studio 2017
W tej serii samouczków pokazano, jak utworzyć aplikację ASP.NET Web Forms przy użyciu ASP.NET 4.5 i programu Microsoft Visual Studio 2017.
Wprowadzenie
Ta seria samouczków przeprowadzi Cię przez proces tworzenia aplikacji ASP.NET Web Forms przy użyciu programu Visual Studio 2017 i ASP.NET 4.5. Utworzysz aplikację o nazwie Wingtip Toys — uproszczoną witrynę internetową sklepu sprzedającą przedmioty online. Podczas serii wyróżniono nowe funkcje ASP.NET 4.5.
Odbiorcy docelowi
Deweloperzy nowi ASP.NET Web Forms są odbiorcami docelowymi tej serii samouczków.
Musisz mieć pewną wiedzę w następujących obszarach:
- Programowanie obiektowe (OOP) i języki
- Tworzenie aplikacji internetowych (HTML, CSS, JavaScript)
- Relacyjne bazy danych
- Architektura N-warstwowa
Aby przejrzeć te obszary, rozważ zapoznanie się z następującą zawartością:
- Wprowadzenie do programu Visual C#
- Tworzenie aplikacji internetowych, HTML, CSS, JavaScript, SQL, PHP, JQuery
- Relacyjna baza danych
- Architektura wielowarstwowa
Funkcje aplikacji
Funkcje formularza internetowego ASP.NET przedstawione w tej serii obejmują:
- Projekt aplikacji internetowej (nie projekt witryny sieci Web)
- Formularze sieci Web
- Strony wzorcowe, konfiguracja
- Uruchomienie
- Entity Framework Code First, LocalDB
- Walidacja żądania
- Silnie typizowane kontrolki danych
- Wiązanie modelu
- Adnotacje danych
- Dostawcy wartości
- Protokół SSL i protokół OAuth
- ASP.NET tożsamość, konfiguracja i autoryzacja
- Nieuprawdniająca walidacja
- Routing
- Obsługa błędów platformy ASP.NET
Scenariusze i zadania aplikacji
Zadania serii samouczków obejmują:
- Tworzenie, przeglądanie i uruchamianie nowego projektu
- Tworzenie struktury bazy danych
- Inicjowanie i rozmieszczanie bazy danych
- Dostosowywanie interfejsu użytkownika za pomocą stylów, grafiki i strony wzorcowej
- Dodawanie stron i nawigacji
- Wyświetlanie szczegółów menu i danych produktu
- Tworzenie koszyka
- Dodawanie obsługi protokołu SSL i protokołu OAuth
- Dodawanie formy płatności
- Dołączanie roli administratora i użytkownika do aplikacji
- Ograniczanie dostępu do określonych stron i folderów
- Przekazywanie pliku do aplikacji internetowej
- Implementowanie walidacji danych wejściowych
- Rejestrowanie tras dla aplikacji internetowej
- Implementowanie obsługi błędów i rejestrowania błędów
Omówienie
Ta seria samouczków jest przeznaczona dla osób zaznajomionych z pojęciami programowania, ale dopiero zaczyna ASP.NET web forms. Jeśli znasz już ASP.NET web forms, ta seria nadal może pomóc Ci dowiedzieć się więcej o nowych funkcjach ASP.NET 4.5. Aby czytelnicy nie poznali pojęć związanych z programowaniem i ASP.NET web forms, zobacz dodatkowe samouczki dotyczące formularzy internetowych dostępnych w sekcji Wprowadzenie w witrynie sieci Web ASP.NET.
Zestaw ASP.NET 4.5 udostępniony w tej serii samouczków obejmuje następujące funkcje:
Prosty interfejs użytkownika do tworzenia projektów, które oferują obsługę wielu platform ASP.NET (Web Forms, MVC i Web API).
Bootstrap, układ, motywy i dynamiczne struktury projektowe.
ASP.NET Identity, nowy system członkostwa ASP.NET, który działa tak samo we wszystkich platformach ASP.NET i współpracuje z oprogramowaniem hostingu sieci Web innym niż usługi IIS.
-
Aktualizacja programu Entity Framework umożliwiająca:
- Pobieranie i manipulowanie danymi jako silnie typizowane obiekty
- Uzyskiwanie dostępu do danych asynchronicznie
- Obsługa przejściowych błędów połączenia
- Instrukcje języka SQL dziennika
Aby uzyskać pełną listę funkcji ASP.NET 4.5, zobacz informacje o wersji ASP.NET i Web Tools for Visual Studio 2013.
Przykładowa aplikacja Wingtip Toys
Poniższe zrzuty ekranu pochodzą z aplikacji ASP.NET Web Forms utworzonej w tej serii samouczków. Po uruchomieniu aplikacji w programie Visual Studio zostanie wyświetlona następująca strona główna sieci Web.
Możesz zarejestrować się jako nowy użytkownik lub zalogować się jako istniejący użytkownik. Górna nawigacja zawiera linki do kategorii produktów i ich produktów z bazy danych.
W przypadku wybrania pozycji Produkty zostaną wyświetlone wszystkie dostępne produkty.
Jeśli wybierzesz określony produkt, zostaną wyświetlone szczegóły produktu.
Jako użytkownik możesz zarejestrować i zalogować się przy użyciu domyślnych funkcji szablonu formularzy sieci Web. W tym samouczku wyjaśniono również, jak zalogować się przy użyciu istniejącego konta Gmail. Ponadto możesz zalogować się jako administrator, aby dodać i usunąć produkty z bazy danych.
Po zalogowaniu się jako użytkownik możesz dodać produkty do koszyka zakupów i wyewidencjonować przy użyciu PayPal. Przykładowa aplikacja została zaprojektowana do pracy w piaskownicy deweloperów PayPal. Nie ma rzeczywistej transakcji pieniężnej.
PayPal potwierdza twoje konto, zamówienie i informacje o płatności.
Po powrocie z PayPal możesz przejrzeć i zakończyć zamówienie.
Wymagania wstępne
Przed rozpoczęciem upewnij się, że na komputerze jest zainstalowane następujące oprogramowanie:
Program .NET Framework jest instalowany automatycznie.
W tej serii samouczków jest używany program Microsoft Visual Studio Community 2017. Aby ukończyć tę serię samouczków, możesz użyć programu Microsoft Visual Studio 2017.
Zwróć uwagę na następujące kwestie dotyczące programu Visual Studio:
Programy Microsoft Visual Studio 2017 i Microsoft Visual Studio Community 2017 są określane jako Visual Studio w tej serii samouczków.
Program Visual Studio 2017 jest zainstalowany obok wszystkich starszych wersji, które zostały już zainstalowane. Witryny utworzone we wcześniejszych wersjach można otwierać w programie Visual Studio 2017 i nadal otwierać w poprzednich wersjach.
Przy pierwszym uruchomieniu programu Visual Studio zakłada się, że wybrano ustawienia tworzenia aplikacji internetowych. Aby uzyskać więcej informacji, zobacz How to: Select Web Development Environment Settings (Instrukcje: wybieranie ustawień środowiska projektowego sieci Web).
Po zainstalowaniu wymagań wstępnych możesz rozpocząć tworzenie projektu internetowego przedstawionego w tej serii samouczków.
Pobieranie przykładowej aplikacji
Ukończoną przykładową aplikację można pobrać w dowolnym momencie z witryny MSDN Samples:
Wprowadzenie do ASP.NET 4.5 Web Forms i Visual Studio 2013 — Wingtip Toys (C#)
Ten plik do pobrania zawiera następujące elementy:
- Przykładowa aplikacja w folderze WingtipToys .
- Zasoby używane do tworzenia przykładowej aplikacji w folderze WingtipToys-Assets w folderze WingtipToys .
Pobieranie jest plikiem .zip . Aby wyświetlić ukończony projekt tworzony w tej serii samouczków, znajdź i wybierz folder C# w pliku .zip. Zapisz folder C# w folderze używanym do pracy z projektami programu Visual Studio. Domyślnie folder projektów programu Visual Studio 2017 to:
C:\Users\username>\<source\repos
Zmień nazwę folderu C# na WingtipToys.
Uwaga
Jeśli masz już folder O nazwie WingtipToys w folderze Projects, tymczasowo zmień nazwę istniejącego folderu przed zmianą nazwy folderu C# na WingtipToys.
Aby uruchomić ukończony projekt, otwórz folder WingtipToys i kliknij dwukrotnie plik WingtipToys.sln . Program Visual Studio 2017 otwiera projekt. Następnie kliknij prawym przyciskiem myszy plik Default.aspx w Eksplorator rozwiązań i wybierz polecenie Wyświetl w przeglądarce.
Zapoznaj się z testem ASP.NET Web Forms, aby przejrzeć zawartość
Po ukończeniu serii samouczków przetestuj swoją wiedzę i wzmocnij kluczowe pojęcia. Każde pytanie zawiera wyjaśnienie i linki do dodatkowych wskazówek.
Obsługa samouczków i komentarze
W przypadku pytań i komentarzy skorzystaj z sekcji Pytania i odpowiedzi zawartej na przykładowej stronie Wprowadzenie do ASP.NET 4.5 Web Forms i Visual Studio 2013 — Wingtip Toys (C#).
Komentarze do tej serii samouczków są mile widziane. Po zaktualizowaniu tej serii samouczków należy wziąć pod uwagę poprawki lub sugestie dotyczące ulepszeń.
Jeśli wystąpi błąd, odpowiednie komunikaty o błędach mogą być mylące, bez dobrego wyjaśnienia sposobu jego naprawy. Aby uzyskać pomoc, możesz sprawdzić fora ASP.NET. Innym dobrym źródłem jest sekcja Q i A na przykładowej stronie Wprowadzenie do ASP.NET 4.5 Web Forms i Visual Studio 2013 — Wingtip Toys (C#).