Kurz: Začínáme s C# a ASP.NET Core v Visual Studio

1. Otevřete sadu Visual Studio 2017.

2. V horním řádku nabídek zvolte Soubor > Nový Project > .

3. V dialogovém okně Project nový název v levém podokně rozbalte položku Visual C#, rozbalte Web a pak zvolte .NET Core. V prostředním podokně zvolte ASP.NET Core Webová aplikace. Pak soubor pojmechte MyCoreApp a zvolte OK.

   

Přidání úlohy (volitelné)

Pokud šablonu projektu webové aplikace ASP.NET Core nevidíte, můžete ji získat přidáním úlohy vývoje ASP.NET a webu. Tuto úlohu můžete přidat jedním ze dvou následujících způsobů podle toho, které aktualizace Visual Studio 2017 jsou nainstalované na vašem počítači.

Možnost 1: Použití dialogového okna Project nový název

1. V levém Instalační program pro Visual Studio dialogového okna Nový Project nový odkaz Otevřít. (V závislosti na nastavení zobrazení se možná budete muset posunout, abyste ji viděli.)

   

2. Spustí se instalační program pro Visual Studio. Zvolte úlohu ASP.NET a vývoje webu a pak zvolte Upravit.

   

   (Možná budete muset zavřít Visual Studio abyste mohli pokračovat v instalaci nové úlohy.)

Možnost 2: Použití řádku nabídek Nástroje

1. Zrušte zaškrtnutí políčka Nový Project dialogového okna. Pak v horním řádku nabídek zvolte Nástroje Získat nástroje a > funkce.

2. Spustí se instalační program pro Visual Studio. Zvolte úlohu ASP.NET a vývoje webu a pak zvolte Upravit.

   (Možná budete muset zavřít Visual Studio abyste mohli pokračovat v instalaci nové úlohy.)

Přidání šablony projektu

1. V dialogovém ASP.NET Core Nová webová aplikace zvolte šablonu projektu Webová aplikace.

2. Ověřte, ASP.NET Core v horní rozevírací nabídce 2.1. Pak zvolte OK.

   

   Poznámka

   Pokud se v rozevírací nabídce ASP.NET Core 2.1, ujistěte se, že používáte nejnovější verzi Visual Studio. Další informace o aktualizaci instalace najdete na stránce Aktualizace Visual Studio na nejnovější verzi.

1. V úvodním okně zvolte Vytvořit nový projekt.

   

2. V okně Vytvořit nový projekt zvolte v seznamu Jazyk možnost C#. Dále zvolte Windows ze seznamu Platforma a ze seznamu typů projektů vyberte Web.

   Po použití filtrů jazyka, platformy a typu projektu zvolte šablonu ASP.NET Core webovou aplikaci a pak zvolte Další.

   

   Poznámka

   Pokud se šablona webové aplikace ASP.NET Core, můžete ji nainstalovat z okna Vytvořit nový projekt. Ve zprávě Nehledáte to, co hledáte? zvolte odkaz Instalovat další nástroje a funkce.

   

   Potom v části Instalační program pro Visual Studio úlohu vývoj ASP.NET a webu.

   

   Potom v okně klikněte na tlačítko Instalační program pro Visual Studio. Pokud se zobrazí výzva k uložení práce, proveďte to. Potom zvolte Pokračovat a nainstalujte úlohu. Pak se vraťte ke kroku 2 v tétoproceduře "Vytvořeníprojektu".

3. V okně Configure your new project (Konfigurace nového projektu) zadejte nebo zadejte MyCoreApp do Project name (Název projektu). Pak zvolte Další.

   

4. V okně Další informace ověřte, že se v horní rozevírací nabídce zobrazuje .NET Core 3.1. Nezapomeňte, že podporu Dockeru můžete povolit zaškrtnutím tohoto políčka. Podporu ověřování můžete přidat také kliknutím na tlačítko Změnit ověřování. Odtud si můžete vybrat z:

   • Žádné: bez ověřování.
   • Jednotlivé účty: Tyto účty jsou uložené v místní databázi nebo databázi Založené na Azure.
   • Microsoft identity platform: Tato možnost k ověřování používá Active Directory, Azure AD nebo Microsoft 365.
   • Windows: vhodné pro intranetové aplikace.

   Políčko Povolit Docker nechte nezaškrtnuté a jako Typ ověřování vyberte Žádné. Potom vyberte Vytvořit.

   

   Visual Studio nový projekt otevřete.

1. V úvodním okně zvolte Vytvořit nový projekt.

   

2. V okně Vytvořit nový projekt zvolte v seznamu Jazyk možnost C#. Dále zvolte Windows ze seznamu Platforma a ze seznamu typů projektů vyberte Web.

   Po použití filtrů jazyka, platformy a typu projektu zvolte šablonu ASP.NET Core webovou aplikaci a pak zvolte Další.

   

   Poznámka

   Pokud se šablona webové aplikace ASP.NET Core, můžete ji nainstalovat z okna Vytvořit nový projekt. Ve zprávě Nehledáte to, co hledáte? zvolte odkaz Instalovat další nástroje a funkce.

   

   Potom v části Instalační program pro Visual Studio úlohu vývoj ASP.NET a webu.

   

   Potom v okně klikněte na tlačítko Instalační program pro Visual Studio. Pokud se zobrazí výzva k uložení práce, proveďte to. Potom zvolte Pokračovat a nainstalujte úlohu. Pak se vraťte ke kroku 2 v tétoproceduře "Vytvořeníprojektu".

3. V okně Configure your new project (Konfigurace nového projektu) zadejte nebo zadejte MyCoreApp do Project name (Název projektu). Pak zvolte Další.

   

4. V okně Další informace ověřte, že se v poli Rozhraní zobrazuje rozhraní .NET 6.0. V tomto okně můžete zaškrtnutím políčka povolit podporu Dockeru. Podporu ověřování můžete přidat také výběrem hodnoty z rozevíracího seznamu Typ ověřování. Odtud si můžete vybrat z:

   • Žádné: bez ověřování.
   • Jednotlivé účty: ověřování, která jsou uložená v místní databázi nebo databázi založené na Azure.
   • Microsoft identity platform: Tato možnost k ověřování používá Active Directory, Azure AD nebo Microsoft 365.
   • Windows: vhodné pro intranetové aplikace.

   Nechejte políčko Povolit Docker nezaškrtnuté a jako typ ověřování vyberte žádné . Potom vyberte Vytvořit.

   

   Visual Studio se otevře nový projekt.

Projděte si řešení

1. šablona projektu vytvoří řešení s jedním ASP.NET Core projektem s názvem MyCoreApp. Kliknutím na kartu Průzkumník řešení zobrazíte její obsah.

   

2. Rozbalte složku stránky a poté rozbalte položku o. cshtml.

   

3. Prohlédněte si soubor About. cshtml v editoru kódu.

   

4. Vyberte soubor About. cshtml. cs .

   

5. Prohlédněte si soubor About. cshtml. cs v editoru kódu.

   

6. Projekt obsahuje složku wwwroot , která je kořenem vašeho webu. Rozbalte složku pro zobrazení jejího obsahu.

   

   Statický obsah webu, jako — jsou CSS, obrázky a knihovny JavaScriptu, můžete umístit — přímo do cest, kde je chcete.

7. Projekt také obsahuje konfigurační soubory, které spravují webovou aplikaci v době běhu. Výchozí Konfigurace aplikace je uložena v souboru appSettings. JSON. Tato nastavení však můžete přepsat pomocí appSettings. Vývoj. JSON. Rozbalením souboru appSettings. JSON zobrazíte appSettings. Soubor Development. JSON .

   

Spuštění, ladění a provádění změn

1. kliknutím na tlačítko IIS Express v integrovaném vývojovém prostředí sestavíte a spustíte aplikaci v režimu ladění. (Nebo stiskněte klávesu F5 nebo zvolte ladění > Spustit ladění z řádku nabídek.)

   

   Poznámka

   pokud se zobrazí chybová zpráva oznamující, že se nemůže připojit k webovému serveru ' IIS Express ', ukončete Visual Studio a pak ji otevřete pomocí možnosti spustit jako správce v místní nabídce nebo v místní nabídce. Pak aplikaci spusťte znovu.

   Může se také zobrazit zpráva s dotazem, zda chcete přijmout certifikát IIS SSL Express. Chcete-li zobrazit kód ve webovém prohlížeči, zvolte možnost Ano a zvolte možnost Ano , pokud se zobrazí zpráva s upozorněním na následné zabezpečení.

2. Visual Studio spustí okno prohlížeče. V řádku nabídek byste pak měli vidět stránky Domů, o produktu a kontakt . (Pokud to neuděláte, vyberte položku nabídky "hamburgerovou" "a zobrazte si je.)

   

3. V řádku nabídek vyberte o .

   

   Mimo jiné se stránka About v prohlížeči vykresluje text, který je nastaven v souboru About. cshtml .

   

4. vraťte se do Visual Studio a potom stisknutím Shift + F5 zastavte režim ladění. Tím se také zavře projekt v okně prohlížeče.

5. v Visual Studio vyberte o. cshtml. Pak odstraňte slovo Další a na jeho místě přidejte slovo soubor a adresář.

   

6. Vyberte o. cshtml. cs. Pak v using horní části souboru vyčistěte direktivy pomocí následujícího zástupce:

   Vyberte některou z šedých direktiv-out a žárovku using s rychlými akcemi se zobrazí hned pod blikajícím kurzorem nebo na levém okraji. Zvolte žárovku a pak zvolte odebrat nepotřebné direktivy using.

   

   Visual Studio odstraní nepotřebné using direktivy ze souboru.

7. Dále v OnGet() metodě změňte tělo na následující kód:

   public void OnGet()
   {
       string directory = Environment.CurrentDirectory;
       Message = String.Format("Your directory is {0}.", directory);
   }
   

8. Všimněte si, že v části prostředí a řetězec se zobrazí dvě podtržení vlnovkou. Podtržení vlnovkou se zobrazí, protože tyto typy nejsou v oboru.

   

   Otevřete panel nástrojů Seznam chyb pro zobrazení stejných chyb uvedených v seznamu. (Pokud nevidíte panel nástrojů Seznam chyb , klikněte na tlačítko Zobrazit > Seznam chyb v horním řádku nabídek.)

   

9. Pojďme to opravit. V editoru kódu umístěte kurzor na buď řádek, který obsahuje chybu, a pak zvolte žárovku rychlé akce na levém okraji. Pak z rozevírací nabídky zvolte použít systém; k přidání této direktivy do horní části souboru a vyřešení chyb.

   

10. Stisknutím kombinace kláves CTRL + + uložte změny a potom stisknutím klávesy F5 otevřete projekt ve webovém prohlížeči.

11. V horní části webu vyberte možnost o zobrazení změn.

    

12. zavřete webový prohlížeč, stisknutím klávesy Shift + F5 zastavte režim ladění a poté zavřete Visual Studio.

Projděte si řešení

1. šablona projektu vytvoří řešení s jedním ASP.NET Core projektem s názvem MyCoreApp. Kliknutím na kartu Průzkumník řešení zobrazíte její obsah.

   

2. Rozbalte složku stránky .

   

3. Zobrazení souboru index. cshtml v editoru kódu.

   

4. Každý soubor. cshtml má přidružený soubor kódu. Chcete-li otevřít soubor kódu v editoru, rozbalte uzel index. cshtml v Průzkumník řešení a vyberte soubor index. cshtml. cs .

   

5. Zobrazení souboru index. cshtml. cs v editoru kódu.

   

6. Projekt obsahuje složku wwwroot , která je kořenem vašeho webu. Rozbalte složku pro zobrazení jejího obsahu.

   

   Statický obsah webu, jako — jsou CSS, obrázky a knihovny JavaScriptu, můžete umístit — přímo do cest, kde je chcete.

7. Projekt také obsahuje konfigurační soubory, které spravují webovou aplikaci v době běhu. Výchozí Konfigurace aplikace je uložena v souboru appSettings. JSON. Tato nastavení však můžete přepsat pomocí appSettings. Vývoj. JSON. Rozbalením souboru appSettings. JSON zobrazíte appSettings. Soubor Development. JSON .

   

Spuštění, ladění a provádění změn

1. kliknutím na tlačítko IIS Express v integrovaném vývojovém prostředí sestavíte a spustíte aplikaci v režimu ladění. (Nebo stiskněte klávesu F5 nebo zvolte ladění > Spustit ladění z řádku nabídek.)

   

   Poznámka

   pokud se zobrazí chybová zpráva oznamující, že se nemůže připojit k webovému serveru ' IIS Express ', ukončete Visual Studio a pak ji otevřete pomocí možnosti spustit jako správce v místní nabídce nebo v místní nabídce. Pak aplikaci spusťte znovu.

   Může se také zobrazit zpráva s dotazem, zda chcete přijmout certifikát IIS SSL Express. Chcete-li zobrazit kód ve webovém prohlížeči, zvolte možnost Ano a zvolte možnost Ano , pokud se zobrazí zpráva s upozorněním na následné zabezpečení.

2. Visual Studio spustí okno prohlížeče. Na panelu nabídek byste měli vidět stránky Domů a soukromí .

3. Z panelu nabídek vyberte Ochrana osobních údajů .

   Stránka soukromí v prohlížeči vykreslí text, který je nastavený v souboru osobních údajů. cshtml .

   

4. vraťte se do Visual Studio a potom stisknutím Shift + F5 zastavte režim ladění. Tím se také zavře projekt v okně prohlížeče.

5. v Visual Studio otevřete osobní údaje. cshtml pro úpravy. Pak odstraňte slova pomocí této stránky podrobnější informace o zásadách ochrany osobních údajů vaší lokality a na jejím místě přidejte slova, která je tato stránka konstrukcí, jako @ViewData ["časové razítko"].

   

6. Teď si provedeme změnu kódu. Vyberte Privacy. cshtml. cs. Pak v using horní části souboru vyčistěte direktivy pomocí následujícího zástupce:

   Vyberte některou z šedých direktiv-out a žárovku using s rychlými akcemi se zobrazí hned pod blikajícím kurzorem nebo na levém okraji. Zvolte žárovku a pak najeďte myší na odebrat nepotřebné direktivy using.

   

   Teď vyberte Náhled změn , abyste viděli, co se změní.

   

   Zvolte Použít. Visual Studio odstraní nepotřebné using direktivy ze souboru.

7. Dále v OnGet() metodě změňte tělo na následující kód:

   public void OnGet()
   {
      string dateTime = DateTime.Now.ToShortDateString();
      ViewData["TimeStamp"] = dateTime;
   }
   

8. Všimněte si, že v poli DateTime se zobrazí dvě podtržení vlnovkou. Podtržení vlnovkou se zobrazí, protože tento typ není v oboru.

   

   Otevřete panel nástrojů Seznam chyb pro zobrazení stejných chyb uvedených v seznamu. (Pokud nevidíte panel nástrojů Seznam chyb , klikněte na tlačítko Zobrazit > Seznam chyb v horním řádku nabídek.)

   

9. Pojďme to opravit. V editoru kódu umístěte kurzor na buď řádek, který obsahuje chybu, a pak zvolte žárovku rychlé akce na levém okraji. Pak z rozevírací nabídky zvolte použít systém; k přidání této direktivy do horní části souboru a vyřešení chyb.

   

10. Stisknutím klávesy F5 otevřete projekt ve webovém prohlížeči.

11. V horní části webu vyberte možnost soukromí pro zobrazení změn.

    

12. zavřete webový prohlížeč, stisknutím klávesy Shift + F5 zastavte režim ladění a poté zavřete Visual Studio.

Projděte si řešení

1. šablona projektu vytvoří řešení s jedním ASP.NET Core projektem s názvem MyCoreApp. Kliknutím na kartu Průzkumník řešení zobrazíte její obsah.

   

2. Rozbalte složku stránky .

   

3. Zobrazení souboru index. cshtml v editoru kódu.

   

4. Každý soubor. cshtml má přidružený soubor kódu. Chcete-li otevřít soubor kódu v editoru, rozbalte uzel index. cshtml v Průzkumník řešení a vyberte soubor index. cshtml. cs .

   

5. Zobrazení souboru index. cshtml. cs v editoru kódu.

   

6. Projekt obsahuje složku wwwroot , která je kořenem vašeho webu. Rozbalte složku pro zobrazení jejího obsahu.

   

   Statický obsah webu, jako — jsou CSS, obrázky a knihovny JavaScriptu, můžete umístit — přímo do cest, kde je chcete.

7. Projekt také obsahuje konfigurační soubory, které spravují webovou aplikaci v době běhu. Výchozí Konfigurace aplikace je uložena v souboru appSettings. JSON. Tato nastavení však můžete přepsat pomocí appSettings. Vývoj. JSON. Rozbalením souboru appSettings. JSON zobrazíte appSettings. Soubor Development. JSON .

   

Spuštění, ladění a provádění změn

1. výběrem tlačítka IIS Express v integrovaném vývojovém prostředí sestavíte a spustíte aplikaci v režimu ladění. (Nebo stiskněte klávesu F5 nebo zvolte ladění > Spustit ladění z řádku nabídek.)

   

   Poznámka

   pokud se zobrazí chybová zpráva oznamující, že se nemůže připojit k webovému serveru ' IIS Express ', ukončete Visual Studio a pak ji otevřete pomocí možnosti spustit jako správce v místní nabídce nebo v místní nabídce. Pak aplikaci spusťte znovu.

   Může se také zobrazit zpráva s dotazem, zda chcete přijmout certifikát IIS SSL Express. Chcete-li zobrazit kód ve webovém prohlížeči, zvolte možnost Ano a zvolte možnost Ano , pokud se zobrazí zpráva s upozorněním na následné zabezpečení.

2. Visual Studio spustí okno prohlížeče. Na panelu nabídek byste měli vidět stránky Domů a soukromí .

3. Z panelu nabídek vyberte Ochrana osobních údajů .

   Stránka soukromí v prohlížeči vykreslí text, který je nastavený v souboru osobních údajů. cshtml .

   

4. vraťte se do Visual Studio a potom stisknutím Shift + F5 zastavte režim ladění. Tím se také zavře projekt v okně prohlížeče.

5. v Visual Studio otevřete osobní údaje. cshtml pro úpravy. Pak odstraňte slova pomocí této stránky podrobnější informace o zásadách ochrany osobních údajů vaší lokality a na jejím místě přidejte slova, která je tato stránka konstrukcí, jako @ViewData ["časové razítko"].

   

6. Teď si provedeme změnu kódu. Vyberte Privacy. cshtml. cs. Pak vyčistěte using direktivy v horní části souboru, a to tak, že vyberete následující zkratku:

   Vyberte některou z šedých direktiv-out a žárovku using s rychlými akcemi se zobrazí hned pod blikajícím kurzorem nebo na levém okraji. Zvolte žárovku a pak najeďte myší na odebrat nepotřebné direktivy using.

   

   Teď vyberte Náhled změn , abyste viděli, co se změní.

   

   Zvolte Použít. Visual Studio odstraní nepotřebné using direktivy ze souboru.

7. Dále vytvořte řetězec pro aktuální datum, které je formátováno pro vaši jazykovou verzi nebo oblast pomocí metody DateTime. ToString .

   • První argument metody určuje, jak se má zobrazit datum. V tomto příkladu se používá specifikátor formátu ( d ), který označuje formát krátkého formátu data.
   • Druhý argument je objekt CultureInfo , který určuje jazykovou verzi nebo oblast pro datum. Tento argument určuje mimo jiné jazyk všech slov v datu a typ použitých oddělovačů.

Změňte tělo OnGet() metody na následující kód:

public void OnGet()
{
   string dateTime = DateTime.Now.ToString("d", new CultureInfo("en-US"));
   ViewData["TimeStamp"] = dateTime;
}

1. Všimněte si, že v části CultureInfo se zobrazí dvě podtržení vlnovkou. Podtržení vlnovkou se zobrazí, protože tento typ není v oboru.

   

   Otevřete panel nástrojů Seznam chyb pro zobrazení stejných chyb uvedených v seznamu. (Pokud nevidíte panel nástrojů Seznam chyb , klikněte na tlačítko Zobrazit > Seznam chyb v horním řádku nabídek.)

   

2. Pojďme to opravit. V editoru kódu umístěte kurzor na buď řádek, který obsahuje chybu, a pak zvolte žárovku rychlé akce na levém okraji. Potom v rozevírací nabídce zvolte using System.Globalization; pokud chcete přidat direktivu na začátek souboru a vyřešit chyby.

   

3. Stisknutím klávesy F5 otevřete projekt ve webovém prohlížeči.

4. V horní části webu zvolte Ochrana osobních údajů a zobrazte změny.

   

5. Zavřete webový prohlížeč, stisknutím klávesy Shift F5 zastavte režim ladění a + zavřete Visual Studio.