Udostępnij za pośrednictwem

Korzystanie z internetowego interfejsu API 2 z programem Entity Framework 6

Pobieranie ukończonego projektu

W tym samouczku przedstawiono podstawy tworzenia aplikacji internetowej przy użyciu zaplecza ASP.NET Web API. W tym samouczku użyto programu Entity Framework 6 dla warstwy danych i Knockout.js dla aplikacji JavaScript po stronie klienta. Samouczek pokazuje również, jak wdrożyć aplikację na platformie Azure App Service Web Apps.

Wersje oprogramowania używane w samouczku

  • Internetowy interfejs API 2.1
  • Visual Studio 2017 (pobierz program Visual Studio 2017 tutaj)
  • Entity Framework 6
  • .NET 4.7
  • Knockout.js 3.1

W tym samouczku wykorzystano ASP.NET Web API 2 wraz z Entity Framework 6 do stworzenia aplikacji internetowej, która manipuluje bazą danych na zapleczu. Oto zrzut ekranu aplikacji, którą utworzysz.

Zrzut ekranu przedstawiający okno utworzonej aplikacji, usługę książki z okienkami Książki, Szczegóły i Dodaj książkę.

Aplikacja używa jednostronicowego projektu aplikacji (SPA). "Aplikacja jednostronicowa" to ogólny termin dla aplikacji internetowej, która ładuje pojedynczą stronę HTML, a następnie aktualizuje stronę dynamicznie, zamiast ładować nowe strony. Po załadowaniu początkowej strony aplikacja komunikuje się z serwerem za pośrednictwem żądań AJAX. Żądania AJAX zwracają dane JSON, których aplikacja używa do aktualizowania interfejsu użytkownika.

AJAX nie jest nowy, ale obecnie istnieją struktury JavaScript, które ułatwiają tworzenie i konserwację dużej wyrafinowanej aplikacji SPA. W tym samouczku jest używana Knockout.js, ale możesz użyć dowolnej platformy klienta JavaScript.

Oto główne bloki konstrukcyjne dla tej aplikacji:

  • ASP.NET MVC tworzy stronę HTML.
  • ASP.NET internetowy interfejs API obsługuje żądania AJAX i zwraca dane JSON.
  • Knockout.js wiąże elementy HTML z danymi JSON.
  • Program Entity Framework komunikuje się z bazą danych.

Zobacz tę aplikację uruchomioną na platformie Azure

Czy chcesz zobaczyć zakończoną witrynę uruchomioną jako aplikacja internetowa na żywo? Możesz wdrożyć pełną wersję aplikacji na koncie platformy Azure, wybierając następujący przycisk.

Do wdrożenia tego rozwiązania na platformie Azure potrzebne jest konto platformy Azure. Jeśli nie masz jeszcze konta, masz następujące opcje:

  • Otwórz bezpłatne konto platformy Azure — możesz uzyskać środki, których możesz użyć do wypróbowania płatnych usług platformy Azure, a nawet po ich użyciu możesz zachować konto i korzystać z bezpłatnych usług platformy Azure.
  • Aktywowanie korzyści dla subskrybentów MSDN — subskrypcja MSDN zapewnia środki na korzystanie co miesiąc z płatnych usług platformy Azure.

Tworzenie projektu

Otwórz program Visual Studio. W menu Plik wybierz pozycję Nowy, a następnie wybierz pozycję Projekt. (Lub wybierz pozycję Nowy projekt na stronie Start).

W oknie dialogowym Nowy projekt wybierz pozycję Sieć Web w okienku po lewej stronie i ASP.NET aplikacja internetowa (.NET Framework) w środkowym okienku. Nadaj projektowi nazwę BookService i wybierz przycisk OK.

Zrzut ekranu przedstawiający okno dialogowe 'Nowy projekt' z opcją Web w okienku po lewej stronie i zaznaczoną opcją ASP.NET Web Application w środkowym okienku.

W oknie dialogowym Nowy projekt ASP.NET wybierz szablon internetowego interfejsu API .

Zrzut ekranu okna dialogowego Nowy projekt A S P dot Net z zaznaczonym szablonem Web API na niebiesko.

Wybierz przycisk OK , aby utworzyć projekt.

Konfigurowanie ustawień platformy Azure (opcjonalnie)

Po utworzeniu projektu możesz wybrać wdrożenie w usłudze Azure App Service Web Apps w dowolnym momencie.

  1. W Eksploratorze rozwiązań kliknij prawym przyciskiem myszy projekt i wybierz pozycję Publikuj.

  2. W wyświetlonym oknie wybierz pozycję Uruchom. Zostanie wyświetlone okno dialogowe Wybieranie miejsca docelowego publikowania .

    Zrzut ekranu przedstawiający okno dialogowe Wybierz miejsce docelowe publikacji z opcją App Service w okienku po lewej stronie i z wybraną opcją Utwórz nową w środkowym okienku.

  3. Wybierz pozycję Utwórz profil. Zostanie wyświetlone okno dialogowe Tworzenie usługi App Service .

    Zrzut ekranu przedstawiający okno dialogowe Tworzenie usługi App Service z wartościami wprowadzonymi w polach nazwa aplikacji, subskrypcja, grupa zasobów, plan hostingu i szczegółowe informacje.

    Zaakceptuj wartości domyślne lub wprowadź różne wartości nazwy aplikacji, grupy zasobów, planu hostingu, subskrypcji platformy Azure i regionu geograficznego.

  4. Wybierz pozycję Utwórz bazę danych SQL. Zostanie wyświetlone okno dialogowe Konfigurowanie programu SQL Server .

    Zrzut ekranu przedstawiający okno dialogowe Konfigurowanie serwera S Q L z wartościami wprowadzonymi w polach nazwy serwera, lokalizacji, nazwy administratora i hasła administratora.

    Zaakceptuj wartości domyślne lub wprowadź różne wartości. Wprowadź nazwę użytkownika administratora i hasło administratora dla nowej bazy danych. Po zakończeniu wybierz przycisk OK . Zostanie ponownie wyświetlona strona Tworzenie usługi App Service.

  5. Wybierz pozycję Utwórz , aby utworzyć profil. W prawym dolnym rogu zostanie wyświetlony komunikat wskazujący, że wdrożenie jest w toku. Po krótkiej chwili zostanie ponownie wyświetlone okno Publikowanie .

    Zrzut ekranu przedstawiający okno Publikowanie z nowo utworzonym profilem, szczegółami profilu i opcjami zarządzania.

    Profil utworzony do wdrożenia aplikacji jest teraz dostępny.

Dalej

  • Last updated on