Notatka
Dostęp do tej strony wymaga autoryzacji. Może spróbować zalogować się lub zmienić katalogi.
Dostęp do tej strony wymaga autoryzacji. Możesz spróbować zmienić katalogi.
W tej serii samouczków przedstawiono podstawy tworzenia aplikacji ASP.NET Web Forms przy użyciu ASP.NET 4.5 i Microsoft Visual Studio Express 2013 for Web. Projekt programu Visual Studio 2013 z kodem źródłowym języka C# jest dostępny do dołączenia do tej serii samouczków.
W tym samouczku utworzysz, przejrzysz i uruchomisz domyślny projekt w programie Visual Studio, który umożliwi zapoznanie się z funkcjami ASP.NET. Ponadto zapoznasz się ze środowiskiem programu Visual Studio.
Czego nauczysz się:
- Jak utworzyć nowy projekt Web Forms.
- Struktura pliku projektu Web Forms.
- Jak uruchomić projekt w programie Visual Studio.
- Różne funkcje domyślnej aplikacji formularzy sieci Web.
- Niektóre podstawowe informacje na temat korzystania ze środowiska programu Visual Studio.
Tworzenie projektu
Otwórz program Visual Studio.
Wybierz pozycję Nowy projekt z menu Plik w programie Visual Studio.
Wybierz grupę Szablony ->Visual C# ->Web templates po lewej stronie.
Wybierz szablon ASP.NET Aplikacja internetowa w kolumnie środkowej.
Ta seria samouczków korzysta z programu .NET Framework 4.5.2.Nadaj projektowi nazwę WingtipToys i wybierz przycisk OK .
Uwaga / Notatka
Nazwa projektu w tej serii samouczków to WingtipToys. Zaleca się użycie tej dokładnej nazwy projektu, tak aby kod podany w całej serii samouczków działał zgodnie z oczekiwaniami.
Kliknij przycisk Zmień uwierzytelnianie . Wybierz pozycję Indywidualne konta użytkowników i kliknij przycisk OK .
Wybierz szablon formularzy sieci Web i kliknij przycisk OK .
Utworzenie projektu zajmie trochę czasu. Gdy wszystko będzie gotowe, otwórz stronę Default.aspx .
Możesz przełączać się między widokiem projektu i widokiem źródłowym , wybierając opcję w dolnej części okna środkowego. Widok projektu wyświetla strony sieci Web ASP.NET, strony wzorcowe, strony zawartości, strony HTML i kontrolki użytkownika przy użyciu widoku niemal WYSIWYG. Widok źródłowy wyświetla znaczniki HTML dla strony sieci Web, którą można edytować.
Wskazówka
Omówienie platform ASP.NET
ASP.NET Web Forms umożliwia tworzenie dynamicznych witryn internetowych przy użyciu znanego modelu opartego na zdarzeniach przeciągania i upuszczania. Powierzchnia projektowa i setki kontrolek i składników umożliwiają szybkie tworzenie zaawansowanych, zaawansowanych witryn opartych na interfejsie użytkownika z dostępem do danych. Wingtip Toy Store jest oparty na ASP.NET Web Forms, ale wiele koncepcji, które poznajesz w tej serii tutoriali, ma zastosowanie w całym ASP.NET.
ASP.NET oferuje cztery podstawowe platformy programistyczne:
-
ASP.NET Web Forms
Platforma Web Forms jest przeznaczona dla deweloperów, którzy preferują programowanie deklaratywne i oparte na kontrolce, takie jak Microsoft Windows Forms (WinForms) i WPF/XAML/Silverlight. Oferuje model rozwoju oparty na projektancie WYSIWYG, dlatego jest popularny wśród deweloperów poszukujących szybkiego środowiska tworzenia aplikacji (RAD) dla programowania internetowego. Jeśli dopiero zaczynasz programować w Internecie i zapoznasz się z tradycyjnymi narzędziami programistycznymi klienta microsoft RAD (na przykład dla języków Visual Basic i Visual C#), możesz szybko utworzyć aplikację internetową bez doświadczenia w językach HTML i JavaScript. -
ASP.NET MVC
ASP.NET MVC jest przeznaczony dla deweloperów, którzy są zainteresowani wzorcami i zasadami, takimi jak programowanie oparte na testach, separacja problemów, inwersja kontroli (IoC) i wstrzykiwanie zależności (DI). Ta struktura zachęca do oddzielenia warstwy logiki biznesowej aplikacji internetowej od warstwy prezentacji. -
ASP.NET Strony Internetowe
ASP.NET Web Pages jest przeznaczony dla deweloperów, którzy chcą uzyskać prostą historię tworzenia aplikacji internetowych w języku PHP. W modelu stron sieci Web tworzy się strony HTML, a następnie dodajesz do strony kod oparty na serwerze, aby dynamicznie kontrolować sposób renderowania tego znacznika. Strony sieci Web są specjalnie zaprojektowane tak, aby była uproszczoną strukturą i jest to najprostszy punkt wejścia do ASP.NET dla osób, które znają kod HTML, ale mogą nie mieć szerokiego doświadczenia w programowaniu — na przykład studentów lub hobbystów. Jest to również dobry sposób dla deweloperów internetowych, którzy znają środowisko PHP lub podobne struktury, aby rozpocząć korzystanie z ASP.NET. -
aplikacja jednostronicowa ASP.NET
ASP.NET aplikacja jednostronicowa (SPA) ułatwia tworzenie aplikacji obejmujących znaczące interakcje po stronie klienta przy użyciu języków HTML 5, CSS 3 i JavaScript. Aktualizacja narzędzi ASP.NET i Web Tools 2012.2 udostępnia nowy szablon do tworzenia aplikacji jednostronicowych przy użyciu knockout.js i interfejsu API sieci Web ASP.NET. Oprócz nowego szablonu SPA, nowe szablony SPA utworzone przez społeczność są również dostępne do pobrania.
Oprócz czterech głównych platform programistycznych ASP.NET również oferuje dodatkowe technologie, które są ważne, aby być świadomym i zaznajomić się z nimi, ale nie zostały omówione w tej serii samouczków:
- ASP.NET Web API — platforma do tworzenia usług HTTP, które obsługują szeroką gamę klientów, w tym przeglądarki i urządzenia przenośne.
- ASP.NET SignalR — biblioteka, która ułatwia tworzenie funkcji internetowych w czasie rzeczywistym.
Przeglądanie projektu
W programie Visual Studio okno Eksplorator rozwiązań umożliwia zarządzanie plikami projektu. Przyjrzyjmy się folderom, które zostały dodane do aplikacji w Eksploratorze rozwiązań. Szablon aplikacji internetowej dodaje podstawową strukturę folderów:
Program Visual Studio tworzy kilka początkowych folderów i plików dla projektu. Pierwsze pliki, z którymi będziesz pracować w dalszej części tego samouczka, są następujące:
| Plik | Przeznaczenie |
|---|---|
| Default.aspx | Zazwyczaj pierwsza strona wyświetlana po uruchomieniu aplikacji w przeglądarce. |
| Site.Master | Strona, która umożliwia tworzenie spójnego układu i używanie standardowego zachowania stron w aplikacji. |
| Global.asax | Opcjonalny plik zawierający kod odpowiadający na zdarzenia na poziomie aplikacji i na poziomie sesji zgłaszane przez ASP.NET lub moduły HTTP. |
| Web.config | Dane konfiguracji aplikacji. |
Uruchamianie domyślnej aplikacji internetowej
Domyślna aplikacja internetowa udostępnia zaawansowane środowisko oparte na wbudowanych funkcjach i obsłudze. Bez żadnych zmian w domyślnym projekcie formularzy sieci Web aplikacja jest gotowa do uruchomienia w lokalnej przeglądarce sieci Web.
Naciśnij klawisz F5 w programie Visual Studio.
Aplikacja zostanie skompilowa i wyświetlona w przeglądarce sieci Web.
Po zakończeniu przeglądania uruchomionej aplikacji zamknij okno przeglądarki.
W tej domyślnej aplikacji sieci Web znajdują się trzy strony główne: Default.aspx (strona główna), About.aspx i Contact.aspx. Do każdej z tych stron można uzyskać dostęp z górnego paska nawigacyjnego. W folderze Account znajdują się również dwie dodatkowe strony, strona Register.aspx i strona Login.aspx. Te dwie strony umożliwiają korzystanie z funkcji członkostwa ASP.NET do tworzenia, przechowywania i weryfikowania poświadczeń użytkownika.
tło formularzy internetowych ASP.NET
ASP.NET Web Forms to strony oparte na technologii ASP.NET firmy Microsoft, w których kod uruchamiany na serwerze dynamicznie generuje dane wyjściowe strony internetowej do przeglądarki lub urządzenia klienckiego. Strona ASP.NET formularzy internetowych automatycznie renderuje prawidłowy kod HTML zgodny z przeglądarką dla funkcji, takich jak style, układ itd. Formularze sieci Web są zgodne z dowolnym językiem obsługiwanym przez środowisko uruchomieniowe języka wspólnego platformy .NET, takie jak Microsoft Visual Basic i Microsoft Visual C#. Ponadto formularze sieci Web są oparte na programie Microsoft .NET Framework, który zapewnia korzyści, takie jak środowisko zarządzane, bezpieczeństwo typów i dziedziczenie.
Po uruchomieniu strony ASP.NET Web Forms strona przechodzi przez cykl życia, w którym wykonuje serię kroków przetwarzania. Te kroki obejmują inicjowanie, tworzenie instancji kontrolek, przywracanie i utrzymywanie stanu, uruchamianie kodu obsługi zdarzeń i renderowanie. Gdy zapoznasz się z możliwościami ASP.NET Web Forms, ważne jest, aby zrozumieć cykl życia strony ASP.NET , aby można było napisać kod na odpowiednim etapie cyklu życia dla efektu, który zamierzasz.
Gdy serwer sieci Web odbiera żądanie strony, znajduje stronę, przetwarza ją, wysyła do przeglądarki, a następnie odrzuca wszystkie informacje o stronie. Jeśli użytkownik ponownie zażąda tej samej strony, serwer powtarza całą sekwencję, ponownie przetwarzając stronę od podstaw. Mówiąc inaczej, serwer nie ma pamięci dotyczącej stron, które zostały przetworzone - serwery są bezstanowe. Struktura strony ASP.NET automatycznie obsługuje zadanie obsługi stanu strony i jej kontrolek oraz zapewnia jawne sposoby utrzymania stanu informacji specyficznych dla aplikacji.
Wskazówka
Funkcje aplikacji internetowej w szablonie aplikacji formularzy internetowych
Szablon aplikacji ASP.NET Web Forms udostępnia bogaty zestaw wbudowanych funkcji. Zawiera nie tylko stronę Home.aspx , stronę About.aspx , stronę Contact.aspx , ale także funkcje członkostwa, które rejestrują użytkowników i zapisują swoje poświadczenia, aby mogli logować się do witryny internetowej. Ten przegląd zawiera więcej informacji o niektórych funkcjach zawartych w szablonie aplikacji ASP.NET Web Forms oraz o tym, jak są one używane w aplikacji Wingtip Toys.
Członkostwo
ASP.NET Tożsamość przechowuje poświadczenia użytkowników w bazie danych utworzonej przez aplikację. Gdy użytkownicy logują się, aplikacja weryfikuje swoje poświadczenia, odczytując bazę danych. Folder Konto projektu zawiera pliki implementujące różne części członkostwa: rejestrowanie, logowanie, zmienianie hasła i autoryzacja dostępu. Ponadto ASP.NET Web Forms obsługuje uwierzytelnianie OAuth i openID. Te ulepszenia uwierzytelniania umożliwiają użytkownikom logowanie się do witryny przy użyciu istniejących poświadczeń, z takich kont jak Facebook, Twitter, Windows Live i Google.
Domyślnie szablon tworzy bazę danych członkostwa, używając domyślnej nazwy bazy danych na wystąpieniu SQL Server Express LocalDB, serwera bazy danych dostarczanego wraz z Visual Studio Express 2013 for Web.
SQL Server Express LocalDB
SQL Server Express LocalDB to uproszczona wersja programu SQL Server, która ma wiele funkcji programowych bazy danych programu SQL Server. Program SQL Server Express LocalDB działa w trybie użytkownika i ma szybką instalację zerową, która ma krótką listę wymagań wstępnych instalacji. W programie Microsoft SQL Server dowolna baza danych lub kod Transact-SQL można przenieść z programu SQL Server Express LocalDB do programu SQL Server i platformy SQL Azure bez żadnych kroków uaktualniania. Dlatego baza danych SQL Server Express LocalDB może służyć jako środowisko deweloperskie dla aplikacji przeznaczonych dla wszystkich edycji programu SQL Server. Sql Server Express LocalDB umożliwia funkcje, takie jak procedury składowane, funkcje zdefiniowane przez użytkownika i agregacje, integracja programu .NET Framework, typy przestrzenne i inne, które nie są dostępne w programie SQL Server Compact.
Strony wzorcowe
Strona wzorcowa ASP.NET definiuje spójny wygląd i zachowanie dla wszystkich stron w aplikacji. Układ strony wzorcowej łączy się z zawartością pojedynczej strony, tworząc ostateczną stronę widoczną dla użytkownika. W aplikacji Wingtip Toys zmodyfikujesz stronę wzorcową Site.master , tak aby wszystkie strony w witrynie sieci Web Wingtip Toys współdzieliły to samo charakterystyczne logo i pasek nawigacyjny.
HTML5
Szablon aplikacji ASP.NET Web Forms obsługuje język HTML5, który jest najnowszą wersją języka znaczników HTML. Język HTML5 obsługuje nowe elementy i funkcje, które ułatwiają tworzenie witryn sieci Web.
Modernizator
W przypadku przeglądarek, które nie obsługują kodu HTML5, można użyć modernizatora. Modernizator to biblioteka języka JavaScript typu open source, która może wykrywać, czy przeglądarka obsługuje funkcje HTML5 i włącza je, jeśli nie. W szablonie aplikacji ASP.NET Web Forms modernizator jest instalowany jako pakiet NuGet.
Bootstrap
Szablony projektów programu Visual Studio 2013 używają struktury Bootstrap, układu i motywów utworzonych przez usługę Twitter. Bootstrap używa css3 do zapewnienia dynamicznego projektowania, co oznacza, że układy mogą dynamicznie dostosowywać się do różnych rozmiarów okien przeglądarki. Możesz również użyć funkcji motywacji Bootstrap, dzięki której łatwo wprowadzisz zmianę wyglądu i odczucia aplikacji. Domyślnie szablon aplikacji internetowej ASP.NET w programie Visual Studio 2013 zawiera bootstrap jako pakiet NuGet.
Pakiety NuGet
Szablon aplikacji ASP.NET Web Forms zawiera zestaw pakietów NuGet . Te pakiety zapewniają funkcje składowe w postaci bibliotek i narzędzi typu open source. Istnieje wiele różnych pakietów, które ułatwiają tworzenie i testowanie aplikacji. Program Visual Studio ułatwia dodawanie, usuwanie i aktualizowanie pakietów NuGet. Deweloperzy mogą również tworzyć i dodawać pakiety do pakietu NuGet.
Podczas instalowania pakietu pakiet NuGet kopiuje pliki do rozwiązania i automatycznie wprowadza wszelkie potrzebne zmiany, takie jak dodawanie odwołań i zmienianie konfiguracji skojarzonej z aplikacją internetową. Jeśli zdecydujesz się usunąć bibliotekę, program NuGet usuwa pliki i odwraca wszelkie zmiany wprowadzone w projekcie, aby żaden bałagan nie został pozostawiony. Pakiet NuGet jest dostępny z menu Narzędzia w programie Visual Studio.
jQuery
jQuery to szybka i zwięzła biblioteka Języka JavaScript, która upraszcza przechodzenie dokumentów HTML, obsługę zdarzeń, animowanie i interakcje Ajax w celu szybkiego tworzenia aplikacji internetowych. Biblioteka JavaScript jQuery jest zawarta w szablonie aplikacji ASP.NET Web Forms jako pakiet NuGet.
Niezauważalna walidacja
Wbudowane kontrolki modułu sprawdzania poprawności zostały skonfigurowane do używania nietrudnego języka JavaScript na potrzeby logiki weryfikacji po stronie klienta. Znacznie zmniejsza to ilość renderowanego JavaScript w znacznikach strony i zmniejsza ogólny rozmiar strony. Globalnie zostaje dodana nieinwazyjna walidacja do szablonu aplikacji ASP.NET Web Forms na podstawie ustawienia w elemencie < pliku > w katalogu głównym aplikacji.
Entity Framework Code First
Oprócz funkcji w szablonie aplikacji ASP.NET Web Forms aplikacja Wingtip Toys używa programu Entity Framework Code First, czyli biblioteki NuGet, która umożliwia programowanie skoncentrowane na kodzie podczas pracy z danymi. Mówiąc po prostu, tworzy część bazy danych aplikacji na podstawie kodu, który piszesz. Za pomocą platformy Entity Framework pobierasz dane i manipulujesz nimi jako silnie typizowane obiekty. Dzięki temu można skupić się na logice biznesowej w aplikacji, a nie na szczegółach sposobu uzyskiwania dostępu do danych.
Aby uzyskać dodatkowe informacje o zainstalowanych bibliotekach i pakietach dołączonych do szablonu ASP.NET Web Forms, zobacz listę zainstalowanych pakietów NuGet. W tym celu w programie Visual Studio utwórz nowy projekt Web Forms, wybierz Narzędzia, >Menedżer pakietów NuGet>, Zarządzaj pakietami NuGet dla rozwiązania, a następnie wybierz Zainstalowane pakiety w oknie dialogowym Zarządzanie pakietami NuGet.
Zwiedzanie programu Visual Studio
Podstawowe okna w programie Visual Studio obejmują Eksplorator rozwiązań, Eksplorator serwera (Eksplorator bazy danych w programie Express), okno właściwości, przybornik, pasek narzędzi i okno dokumentu.
Aby uzyskać więcej informacji na temat programu Visual Studio, zobacz Visual Guide to Visual Web Developer (Przewodnik po programie Visual Web Developer).
Podsumowanie
W tym samouczku utworzyłeś, przejrzałeś i uruchomiłeś domyślną aplikację Web Forms. Zapoznano się z różnymi funkcjami domyślnej aplikacji formularzy internetowych i przedstawiono podstawowe informacje na temat korzystania ze środowiska programu Visual Studio. W poniższych samouczkach utworzysz warstwę dostępu do danych.
Dodatkowe zasoby
Projekty aplikacji internetowych a projekty witryn sieci Web
Omówienie stron webowych formularzy ASP.NET