Tworzenie aplikacji internetowych Razor w programie Visual Studio dla komputerów Mac

Ważne

Program Visual Studio dla komputerów Mac ma zostać wycofany 31 sierpnia 2024 r. zgodnie z zasadami nowoczesnego cyklu życia firmy Microsoft. Mimo że możesz nadal pracować z programem Visual Studio dla komputerów Mac, istnieje kilka innych opcji dla deweloperów na komputerze Mac, takich jak wersja zapoznawcza nowego rozszerzenia zestawu deweloperskiego języka C# dla programu VS Code.

Dowiedz się więcej o osiach czasu pomocy technicznej i alternatywach.

Ten przewodnik zawiera wprowadzenie do tworzenia pierwszej aplikacji internetowej Razor. Aby uzyskać bardziej szczegółowe wskazówki, zobacz Introduction to Razor Pages in ASP.NET Core (Wprowadzenie do stron Razor w usłudze ASP.NET Core).

Program Visual Studio dla komputerów Mac zapewnia obsługę edycji Razor, w tym funkcji IntelliSense i wyróżniania składni w plikach cshtml . Nowość w programie Visual Studio 2019 dla komputerów Mac w wersji 8.3 lub nowszej to możliwość obsługi kontekstu IntelliSense w pliku Razor, dzięki czemu otrzymujesz funkcję IntelliSense zgodną z językiem, który jest obecnie edytowany w dokumencie.

Razor editing in Visual Studio for Mac

Tworzenie nowego projektu Razor

  1. Na ekranie powitalnym wybierz pozycję Nowy , aby utworzyć nowy projekt:

    Visual Studio for Mac new project

  2. W oknie dialogowym Nowy projekt przejdź do pozycji Aplikacja internetowa aplikacji>platformy .NET Core>i wybierz pozycję Dalej:

    Razor project template

  3. Wybierz platformę docelową platformy .NET Core (zalecamy wersję 2.2 lub nowszą), a następnie wybierz pozycję Dalej. Wybierz nazwę projektu i w razie potrzeby dodaj obsługę usługi Git. Wybierz polecenie Create (Utwórz), aby utworzyć projekt.

    Razor project name

    Program Visual Studio dla komputerów Mac otwiera projekt w oknie Układ kodu.

  4. Uruchom projekt bez debugowania przy użyciu polecenia +opcji+F5.

    Program Visual Studio uruchamia aplikację Kestrel, otwiera przeglądarkę na https://localhost:5001, a następnie wyświetla pierwszą aplikację internetową Razor.

    Razor web app in Safari

Anatomia projektu

Aplikacje internetowe Razor obejmują następujące składniki.

Folder Pages

Ten folder zawiera strony internetowe projektu wraz z kodem dla każdego z nich:

  • Plik *.cshtml dla składni znaczników HTML i Składni Razor.
  • Plik *.cshtml.cs dla kodu w języku C# do obsługi zdarzeń strony.

Pliki pomocnicze mają nazwy rozpoczynające się od podkreślenia. Na przykład plik _Layout.cshtml konfiguruje elementy interfejsu użytkownika wspólne dla wszystkich stron. Ten plik konfiguruje menu nawigacji w górnej części strony i powiadomienie o prawach autorskich u dołu. Aby uzyskać więcej informacji, zobacz Layout in ASP.NET Core (Układ w ASP.NET Core).

Ustawienia uruchamiania

Plik launchSettings.json zawiera ustawienia usług IIS, adres URL aplikacji i inne powiązane ustawienia.

Ustawienia aplikacji

Plik appSettings.json zawiera dane konfiguracji, takie jak parametry połączenia.

Aby uzyskać więcej informacji na temat konfiguracji, zobacz Temat Konfiguracja w przewodniku ASP.NET.

folder wwwroot

Ten folder zawiera pliki statyczne, takie jak PLIKI HTML, JavaScript i CSS. Aby uzyskać więcej informacji, zobacz Pliki statyczne platformy ASP.NET Core.

Program.cs

Ten plik zawiera punkt wejścia programu. Aby uzyskać więcej informacji, zobacz ASP.NET Core Web Host.

Startup.cs

Ten plik zawiera kod, który konfiguruje zachowanie aplikacji, takie jak to, czy aplikacja wymaga zgody na pliki cookie. Aby uzyskać więcej informacji, zobacz Uruchamianie aplikacji na platformie ASP.NET Core.

Zobacz też

Aby uzyskać bardziej kompleksowy przewodnik po tworzeniu aplikacji internetowych Razor, zobacz Wprowadzenie do stron Razor w ASP.NET Core.