Wprowadzenie do wzorca ASP.NET MVC 3 (C#)
Autor: Rick Anderson
Uwaga
Zaktualizowana wersja tego samouczka jest dostępna tutaj , która używa ASP.NET MVC 5 i Visual Studio 2013. Jest bezpieczniejszy, znacznie prostszy do naśladowania i demonstruje więcej funkcji.
Ten samouczek zawiera podstawowe informacje na temat tworzenia aplikacji internetowej MVC ASP.NET przy użyciu dodatku Microsoft Visual Web Developer 2010 Express Service Pack 1, który jest bezpłatną wersją programu Microsoft Visual Studio. Przed rozpoczęciem upewnij się, że zostały zainstalowane wymagania wstępne wymienione poniżej. Wszystkie te elementy można zainstalować, klikając następujący link: Instalator platformy internetowej. Alternatywnie można indywidualnie zainstalować wymagania wstępne, korzystając z następujących linków:
- Wymagania wstępne programu Visual Studio Web Developer Express SP1
- aktualizacja narzędzi ASP.NET MVC 3
- SQL Server Compact 4.0 (środowisko uruchomieniowe i obsługa narzędzi)
Jeśli używasz programu Visual Studio 2010 zamiast Visual Web Developer 2010, zainstaluj wymagania wstępne, klikając następujący link: Wymagania wstępne programu Visual Studio 2010.
Projekt Visual Web Developer z kodem źródłowym języka C# jest dostępny do dołączenia do tego tematu. Pobierz wersję języka C#. Jeśli wolisz visual basic, przejdź do wersji Visual Basic tego samouczka.
Co utworzysz
Zaimplementujesz prostą aplikację z listą filmów, która obsługuje tworzenie, edytowanie i wyświetlanie listy filmów z bazy danych. Poniżej przedstawiono dwa zrzuty ekranu aplikacji, którą utworzysz. Zawiera stronę wyświetlającą listę filmów z bazy danych:
Aplikacja umożliwia również dodawanie, edytowanie i usuwanie filmów, a także wyświetlanie szczegółowych informacji o poszczególnych filmach. Wszystkie scenariusze wprowadzania danych obejmują walidację, aby upewnić się, że dane przechowywane w bazie danych są poprawne.
Umiejętności, których nauczysz się
Oto, co dowiesz się:
- Jak utworzyć nowy projekt MVC ASP.NET.
- Jak utworzyć ASP.NET kontrolery i widoki MVC.
- Jak utworzyć nową bazę danych przy użyciu modelu Entity Framework Code First.
- Jak pobierać i wyświetlać dane.
- Jak edytować dane i włączać walidację danych.
Wprowadzenie
Zacznij od uruchomienia programu Visual Web Developer 2010 Express ("Visual Web Developer" w skrócie) i wybierz pozycję Nowy projekt na stronie Start .
Visual Web Developer to środowisko IDE lub zintegrowane środowisko projektowe. Podobnie jak używasz programu Microsoft Word do pisania dokumentów, użyjesz środowiska IDE do tworzenia aplikacji. W programie Visual Web Developer znajduje się pasek narzędzi u góry przedstawiający różne dostępne opcje. Istnieje również menu, które zapewnia inny sposób wykonywania zadań w środowisku IDE. (Na przykład zamiast wybierać Nowy projekt na stronie Start możesz użyć menu i wybrać pozycję Plik>nowy projekt.
Tworzenie pierwszej aplikacji
Aplikacje można tworzyć przy użyciu języka programowania Visual Basic lub Visual C#. Wybierz pozycję Visual C# po lewej stronie, a następnie wybierz pozycję ASP.NET aplikacja internetowa MVC 3. Nadaj projektowi nazwę "MvcFilm", a następnie kliknij przycisk OK. (Jeśli wolisz visual basic, przejdź do Wersja tego samouczka w języku Visual Basic).
W oknie dialogowym Nowy projekt MVC 3 ASP.NET wybierz pozycję Aplikacja internetowa. Zaznacz pole Wyboru Użyj znaczników HTML5 i pozostaw wartość Razor jako domyślny aparat wyświetlania.
Kliknij przycisk OK. Visual Web Developer użył szablonu domyślnego dla właśnie utworzonego projektu MVC ASP.NET, więc masz teraz działającą aplikację bez wykonywania niczego! Jest to prosty projekt "Hello World!" i dobrym miejscem do uruchomienia aplikacji.
Z menu Debugowanie wybierz pozycję Rozpocznij debugowanie.
Zwróć uwagę, że skrót klawiaturowy do rozpoczęcia debugowania to F5.
F5 powoduje, że program Visual Web Developer uruchamia serwer internetowy dewelopera i uruchamia aplikację internetową. Następnie program Visual Web Developer uruchamia przeglądarkę i otwiera stronę główną aplikacji. Zwróć uwagę, że na pasku adresu przeglądarki jest wyświetlany localhost komunikat , a nie na przykład example.com. Dzieje się tak, ponieważ localhost zawsze wskazuje na własny komputer lokalny, w tym przypadku jest uruchamiana właśnie utworzona aplikacja. Gdy program Visual Web Developer uruchamia projekt internetowy, dla serwera internetowego jest używany losowy port. Na poniższej ilustracji losowy numer portu to 43246. Po uruchomieniu aplikacji prawdopodobnie zobaczysz inny numer portu.
Od razu z pudełka ten szablon domyślny udostępnia dwie strony do odwiedzenia i podstawową stronę logowania. Następnym krokiem jest zmiana sposobu działania tej aplikacji i poznanie nieco ASP.NET MVC w procesie. Zamknij przeglądarkę i zmieńmy kod.