Wprowadzenie z formularzami sieci Web ASP.NET 4,5 i programem Visual Studio 2017Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2017

Pobierz program Wingtip zabawki (C#) lub Pobierz książkę elektroniczną (PDF)Download Wingtip Toys Sample Project (C#) or Download E-book (PDF)

W tej serii samouczków pokazano, jak utworzyć aplikację ASP.NET Web Forms z ASP.NET 4,5 i Microsoft Visual Studio 2017.This tutorial series shows you how to build an ASP.NET Web Forms application with ASP.NET 4.5 and Microsoft Visual Studio 2017.

WprowadzenieIntroduction

Ta seria samouczków prowadzi użytkownika przez proces tworzenia aplikacji ASP.NET Web Forms przy użyciu programu Visual Studio 2017 i ASP.NET 4,5.This tutorial series guides you through creating an ASP.NET Web Forms application using Visual Studio 2017 and ASP.NET 4.5. Utworzysz aplikację o nazwie zabawki Wingtip — uproszczona witryna sieci Web w sklepie do sprzedaży elementów sprzedawanych w trybie online.You'll create an application named Wingtip Toys - a simplified storefront web site selling items online. W ramach serii są wyróżnione nowe funkcje ASP.NET 4,5.During the series, new ASP.NET 4.5 features are highlighted.

Odbiorcy docelowiTarget audience

Deweloperzy, którzy korzystają z formularzy sieci Web ASP.NET, są docelowymi odbiorcami tej serii samouczków.Developers new to ASP.NET Web Forms are the target audience for this tutorial series.

Należy mieć pewną wiedzę w następujących obszarach:You should have some knowledge in the following areas:

  • Programowanie zorientowane obiektowo (OOP) i JęzykiObject-oriented programming (OOP) and languages
  • Programowanie dla sieci Web (HTML, CSS, JavaScript)Web development (HTML, CSS, JavaScript)
  • Relacyjne bazy danychRelational databases
  • Architektura N-warstwowaN-tier architecture

Aby przejrzeć te obszary, Rozważ zbadanie następującej zawartości:To review these areas, consider studying the following content:

Funkcje aplikacjiApplication features

Funkcje formularza sieci Web ASP.NET przedstawione w tej serii obejmują:The ASP.NET Web Form features presented in this series include:

  • Projekt aplikacji sieci Web (nie projekt witryny sieci Web)The Web Application Project (not Web Site Project)
  • Formularze sieci WebWeb Forms
  • Strony wzorcowe, konfiguracjaMaster Pages, Configuration
  • BootstrapBootstrap
  • Entity Framework Code First, LocalDBEntity Framework Code First, LocalDB
  • Żądaj weryfikacjiRequest Validation
  • Kontrolki danych o jednoznacznie określonym typieStrongly-typed Data Controls
  • Powiązanie modeluModel Binding
  • Adnotacje danychData Annotations
  • Dostawcy wartościValue Providers
  • SSL i OAuthSSL and OAuth
  • ASP.NET Identity, konfiguracja i autoryzacjaASP.NET Identity, Configuration, and Authorization
  • Niezauważalna weryfikacjaUnobtrusive Validation
  • RoutingRouting
  • Obsługa błędów platformy ASP.NETASP.NET Error Handling

Scenariusze i zadania aplikacjiApplication scenarios and tasks

Zadania serii samouczków obejmują:Tutorial series tasks include:

  • Tworzenie, przeglądanie i uruchamianie nowego projektuCreating, reviewing, and running a new project
  • Tworzenie struktury bazy danychCreating a database structure
  • Inicjowanie i wypełnianie bazy danychInitializing and seeding a database
  • Dostosowywanie interfejsu użytkownika za pomocą stylów, grafiki i strony wzorcowejCustomizing the UI with styles, graphics, and a master page
  • Dodawanie stron i nawigowaniaAdding pages and navigation
  • Wyświetlanie szczegółów menu i danych produktuDisplaying menu details and product data
  • Tworzenie koszykaCreating a shopping cart
  • Dodawanie obsługi protokołów SSL i OAuthAdding SSL and OAuth support
  • Dodawanie metody płatnościAdding a payment method
  • Dołączenie roli administratora i użytkownika do aplikacjiIncluding an administrator role and a user to the application
  • Ograniczanie dostępu do określonych stron i folderówRestricting access to specific pages and folder
  • Przekazywanie pliku do aplikacji sieci WebUploading a file to the web application
  • Implementowanie walidacji danych wejściowychImplementing input validation
  • Rejestrowanie tras dla aplikacji sieci WebRegistering routes for the web application
  • Implementowanie obsługi błędów i rejestrowania błędówImplementing error handling and error logging

OmówienieOverview

Ta seria samouczków jest przeznaczona dla kogoś, kto zna koncepcje programowania, ale nowy ASP.NET formularzy sieci Web.This tutorial series is intended for someone familiar with programming concepts, but new to ASP.NET Web Forms. Jeśli masz już doświadczenie w korzystaniu z formularzy sieci Web ASP.NET, ta seria może pomóc Ci w Poznaniu nowych funkcji ASP.NET 4,5.If you're already familiar with ASP.NET Web Forms, this series can still help you learn about new ASP.NET 4.5 features. W przypadku czytelników nieznających pojęć związanych z programowaniem i formularzy sieci Web ASP.NET zapoznaj się z samouczkami dotyczącymi dodatkowych formularzy sieci Web znajdujących się w sekcji wprowadzenie w witrynie sieci Web ASP.NET.For readers unfamiliar with programming concepts and ASP.NET Web Forms, see the additional Web Forms tutorials provided in the Getting Started section on the ASP.NET Web site.

ASP.NET 4,5 podany w tej serii samouczków obejmuje następujące funkcje:The ASP.NET 4.5 provided in this tutorial series includes the following features:

  • Prosty interfejs użytkownika do tworzenia projektów, które oferują obsługę wielu platform ASP.NET (Web Forms, MVC i Web API).A simple UI for creating projects that offers support for many ASP.NET frameworks (Web Forms, MVC, and Web API).

  • Struktura projektu Bootstrap, układu, tworzenia i reagowania.Bootstrap, a layout, theming, and responsive design framework.

  • ASP.NET Identitynowy system członkostwa ASP.NET, który działa tak samo we wszystkich strukturach ASP.NET i współpracuje z oprogramowaniem hostingu w sieci Web innym niż IIS.ASP.NET Identity, a new ASP.NET membership system that works the same in all ASP.NET frameworks and works with web hosting software other than IIS.

  • Entity Framework 6Entity Framework 6

    Aktualizacja Entity Framework umożliwiająca:An update to the Entity Framework enabling you to:

    • Pobieranie i manipulowanie danymi jako obiektami o jednoznacznie określonym typieRetrieve and manipulate data as strongly-typed objects
    • Dostęp do danych asynchronicznieAccess data asynchronously
    • Obsługa błędów przejściowych połączeńHandle transient connection faults
    • Rejestruj instrukcje SQLLog SQL statements

Aby zapoznać się z pełną listą funkcji ASP.NET 4,5, zobacz ASP.NET and Web Tools do Visual Studio 2013 informacji o wersji.For a complete ASP.NET 4.5 feature list, see ASP.NET and Web Tools for Visual Studio 2013 Release Notes.

Przykładowa aplikacja Wingtip zabawkiThe Wingtip Toys sample application

Poniższe zrzuty ekranu pochodzą z aplikacji ASP.NET Web Forms utworzonej w tej serii samouczków.The following screenshots are from the ASP.NET Web Forms application that you create in this tutorial series. Po uruchomieniu aplikacji w programie Visual Studio zostanie wyświetlona następująca Strona główna sieci Web.When you run the application in Visual Studio, the following web Home page appears.

Zabawki Wingtip — strona domyślna

Możesz zarejestrować się jako nowy użytkownik lub zalogować się jako istniejący użytkownik.You can register as a new user, or sign in as an existing user. Górna Nawigacja zawiera linki do kategorii produktów i ich produktów z bazy danych.The top navigation has links to product categories and their products from the database.

W przypadku wybrania opcji produktyzostaną wyświetlone wszystkie dostępne produkty.If you select Products, all available products are displayed.

Zabawki Wingtip — produkty

W przypadku wybrania określonego produktu zostaną wyświetlone szczegóły produktu.If you select a specific product, product details are displayed.

Zabawki Wingtip — szczegóły produktu

Jako użytkownik możesz zarejestrować i zalogować się przy użyciu domyślnych funkcji szablonu formularzy sieci Web.As a user, you can register and sign in with Web Forms template default functionality. W tym samouczku wyjaśniono również, jak zalogować się przy użyciu istniejącego konta usługi Gmail.This tutorial also explains how to sign in using an existing Gmail account. Ponadto możesz zalogować się jako administrator, aby dodawać i usuwać produkty z bazy danych.Additionally, you can sign in as the administrator to add and remove products from the database.

Zabawki Wingtip — Zaloguj się

Po zalogowaniu się jako użytkownik możesz dodać produkty do koszyka zakupów i wyewidencjonować je w systemie PayPal.Once you've signed in as a user, you can add products to the shopping cart and checkout with PayPal. Przykładowa aplikacja została zaprojektowana tak, aby działała w piaskownicy deweloperów w systemie PayPal.The sample application is designed to work in PayPal's developer sandbox. Nie ma rzeczywistej transakcji pieniężnej.No actual money transaction takes place.

Zabawki Wingtip — koszyk

System PayPal potwierdza Twoje konto, zamówienie i informacje o płatności.PayPal confirms your account, order, and payment information.

Zabawki Wingtip — system PayPal

Po powrocie z systemu PayPal możesz przejrzeć i zakończyć zamówienie.After returning from PayPal, you can review and complete your order.

Zabawki Wingtip — przegląd kolejności

Wymagania wstępnePrerequisites

Przed rozpoczęciem upewnij się, że na komputerze zainstalowano następujące oprogramowanie:Before you start, make sure the following software is installed on your computer:

.NET Framework jest instalowana automatycznie.The .NET Framework is installed automatically.

Ta seria samouczków używa Microsoft Visual Studio Community 2017.This tutorial series uses Microsoft Visual Studio Community 2017. Aby ukończyć tę serię samouczków, możesz użyć opcji lub Microsoft Visual Studio 2017.You can use either that or Microsoft Visual Studio 2017 to complete this tutorial series.

Zwróć uwagę na następujące informacje o programie Visual Studio:Note the following about Visual Studio:

  • W tej serii samouczków Microsoft Visual Studio 2017 i Microsoft Visual Studio Community 2017 są określane jako Visual Studio .Microsoft Visual Studio 2017 and Microsoft Visual Studio Community 2017 are referred to as Visual Studio throughout this tutorial series.

  • Program Visual Studio 2017 jest instalowany obok wszystkich starszych wersji, które są już zainstalowane.Visual Studio 2017 is installed next to any older versions already installed. Lokacje utworzone we wcześniejszych wersjach mogą być otwierane w programie Visual Studio 2017 i nadal otwierane w poprzednich wersjach.Sites created in earlier versions can be opened in Visual Studio 2017 and continue to open in previous versions.

  • Przy pierwszym uruchomieniu programu Visual Studio przyjęto założenie, że wybrano ustawienia deweloperskie sieci Web .The first time you started Visual Studio, it is assumed you selected the Web Development settings. Aby uzyskać więcej informacji, zobacz How to: SELECT Web Development Environment Settings.For more information, see How to: Select Web Development Environment Settings.

Po zainstalowaniu wymagań wstępnych możesz zacząć tworzyć projekt sieci Web przedstawiony w tej serii samouczków.After installing the prerequisites, you're ready to begin creating the Web project presented in this tutorial series.

Pobieranie przykładowej aplikacjiDownload the sample application

Ukończoną przykładową aplikację można pobrać w dowolnym momencie z witryny przykładów MSDN:You can download the completed sample application at anytime from the MSDN Samples site:

Wprowadzenie z formularzami sieci Web ASP.NET 4,5 i zabawkami Visual Studio 2013-Wingtip (C#)Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 - Wingtip Toys (C#)

Ten pobieranie zawiera następujące elementy:This download has the following items:

  • Przykładowa aplikacja w folderze WingtipToys .The sample application in the WingtipToys folder.
  • Zasoby używane do tworzenia przykładowej aplikacji w folderze WingtipToys-Assets w folderze WingtipToys .The resources used to create the sample application in the WingtipToys-Assets folder in the WingtipToys folder.

Pobranie to plik . zip .The download is a .zip file. Aby wyświetlić ukończony Projekt tworzony przez tę serię samouczków, Znajdź i wybierz C# folder w pliku zip.To see the completed project that this tutorial series creates, find and select the C# folder in the .zip file. Zapisz C# folder w folderze używanym do pracy z projektami programu Visual Studio.Save the C# folder to the folder you use to work with Visual Studio projects. Domyślnie folder projektów programu Visual Studio 2017 to:By default, the Visual Studio 2017 projects folder is:

C:\Users\ <username> \source\reposC:\Users\<username>\source\repos

Zmień nazwę C# folderu na WingtipToys.Rename the C# folder to WingtipToys.

Note

Jeśli masz już folder o nazwie WingtipToys w folderze projekty, tymczasowo Zmień nazwę istniejącego folderu przed zmianą nazwy C# folderu na WingtipToys.If you already have a folder named WingtipToys in your Projects folder, temporarily rename that existing folder before renaming the C# folder to WingtipToys.

Aby uruchomić ukończony projekt, Otwórz folder WingtipToys i kliknij dwukrotnie plik WingtipToys. sln .To run the completed project, open the WingtipToys folder and double-click the WingtipToys.sln file. Program Visual Studio 2017 otwiera projekt.Visual Studio 2017 opens the project. Następnie kliknij prawym przyciskiem myszy plik default. aspx w Eksplorator rozwiązań i wybierz pozycję Widok w przeglądarce.Next, right-click the Default.aspx file in Solution Explorer and select View In Browser.

Skorzystaj z quizu formularzy sieci Web ASP.NET, aby przejrzeć zawartośćTake a ASP.NET Web Forms quiz to review content

Po zakończeniu serii samouczków zapoznaj się z quizem, aby przetestować swoją wiedzę i wzmocnić kluczowe pojęcia.After completing the tutorial series, take a quiz to test your knowledge and reinforce key concepts. Każde pytanie zawiera wyjaśnienie i linki do dodatkowych wskazówek.Each question provides an explanation and links to additional guidance.

Obsługa samouczków i komentarzyTutorial support and comments

Pytania i Komentarze można znaleźć w sekcji pytań i odpowiedzi, które znajdują się na wprowadzenie za pomocą formularzy sieci Web ASP.NET 4,5 i Visual Studio 2013-Wingtip zabawki (C#).For questions and comments, use the Q and A section included on the Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 - Wingtip Toys (C#) sample page.

Komentarze do tej serii samouczków są powitane.Comments on this tutorial series are welcome. Gdy ta seria samouczków zostanie zaktualizowana, należy wziąć pod uwagę poprawki lub sugestie dotyczące ulepszeń.When this tutorial series is updated, every effort is made to consider corrections or suggestions for improvements.

Jeśli wystąpi błąd, odpowiednie komunikaty o błędach mogą być mylące i nie są dobrym wyjaśnieniem, jak to naprawić.If an error occurs, the corresponding error messages could be confusing, with no good explanation on how to fix it. Aby uzyskać pomoc, możesz sprawdzić fora ASP.NET.For help, you can check the ASP.NET forums. Innym dobrym źródłem jest sekcja pytań i odpowiedzi w wprowadzenie za pomocą formularzy sieci Web ASP.NET 4,5 i Visual Studio 2013-Wingtip zabawki (C#).Another good source is the Q and A section in the Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 - Wingtip Toys (C#) sample page.