Introduzione con ASP.NET 4.5 Web Forms e Visual Studio 2017

Questa serie di esercitazioni illustra come creare un'applicazione Web Forms ASP.NET con ASP.NET 4.5 e Microsoft Visual Studio 2017.

Introduzione

Questa serie di esercitazioni illustra la creazione di un'applicazione Web Forms ASP.NET usando Visual Studio 2017 e ASP.NET 4.5. Si creerà un'applicazione denominata Wingtip Toys - un sito Web di vetrina semplificato che vende articoli online. Durante la serie vengono evidenziate nuove funzionalità ASP.NET 4.5.

Destinatari

Gli sviluppatori nuovi a Web Forms ASP.NET sono i destinatari di destinazione per questa serie di esercitazioni.

È consigliabile avere alcune conoscenze nelle aree seguenti:

• Programmazione orientata agli oggetti (OOP) e linguaggi
• Sviluppo Web (HTML, CSS, JavaScript)
• Database relazionali
• Architettura a più livelli

Per esaminare queste aree, valutare la possibilità di studiare il contenuto seguente:

• Guida introduttiva a Visual C#
• Sviluppo Web, HTML, CSS, JavaScript, SQL, PHP, JQuery
• Database relazionale
• Architettura multitiera

Funzionalità dell'applicazione

Le funzionalità ASP.NET Web Form presentate in questa serie includono:

• Progetto applicazione Web (non progetto sito Web)
• Web Form
• Pagine master, configurazione
• Bootstrap
• Entity Framework Code First, LocalDB
• Convalida richiesta
• Controlli dati fortemente tipizzato
• Associazione di modelli
• Annotazioni dei dati
• Provider di valori
• SSL e OAuth
• ASP.NET identità, configurazione e autorizzazione
• Convalida non intrusiva
• Routing
• Gestione degli errori di ASP.NET

Scenari e attività dell'applicazione

Le attività della serie di esercitazioni includono:

• Creazione, revisione ed esecuzione di un nuovo progetto
• Creazione di una struttura di database
• Inizializzazione e seeding di un database
• Personalizzazione dell'interfaccia utente con stili, grafica e pagina master
• Aggiunta di pagine e spostamento
• Visualizzazione dei dettagli del menu e dei dati del prodotto
• Creazione di un carrello acquisti
• Aggiunta del supporto SSL e OAuth
• Aggiunta di un metodo di pagamento
• Incluso un ruolo amministratore e un utente all'applicazione
• Limitazione dell'accesso a pagine e cartelle specifiche
• Caricamento di un file nell'applicazione Web
• Implementazione della convalida dell'input
• Registrazione di route per l'applicazione Web
• Implementazione della gestione degli errori e della registrazione degli errori

Panoramica

Questa serie di esercitazioni è destinata a un utente che ha familiarità con i concetti di programmazione, ma non è possibile Web Forms ASP.NET. Se si ha già familiarità con Web Forms ASP.NET, questa serie può comunque aiutare a conoscere le nuove funzionalità ASP.NET 4.5. Per i lettori non familiari con i concetti di programmazione e Web Forms ASP.NET, vedere le esercitazioni aggiuntive Web Forms fornite nella sezione Introduzione del sito Web ASP.NET.

La ASP.NET 4.5 fornita in questa serie di esercitazioni include le funzionalità seguenti:

• Interfaccia utente semplice per la creazione di progetti che offrono supporto per molti framework di ASP.NET (Web Forms, MVC e API Web).

• Bootstrap, layout, liing e framework di progettazione reattivo.

• ASP.NET Identity, un nuovo sistema di appartenenza ASP.NET che funziona in tutti i framework di ASP.NET e funziona con software di hosting Web diverso da IIS.

• Entity Framework 6

  Aggiornamento a Entity Framework che consente di:

  • Recuperare e modificare i dati come oggetti fortemente tipizzati
  • Accedere ai dati in modo asincrono
  • Gestire gli errori di connessione temporanei
  • Istruzioni SQL log

Per un elenco completo delle funzionalità ASP.NET 4.5, vedere ASP.NET and Web Tools per le note sulla versione di Visual Studio 2013.

Applicazione di esempio Wingtip Toys

Gli screenshot seguenti provengono dall'applicazione Web Forms ASP.NET creata in questa serie di esercitazioni. Quando si esegue l'applicazione in Visual Studio, viene visualizzata la home page Web seguente.

È possibile registrare come nuovo utente o accedere come utente esistente. La navigazione superiore include collegamenti alle categorie di prodotti e ai relativi prodotti dal database.

Se si seleziona Prodotti, vengono visualizzati tutti i prodotti disponibili.

Se si seleziona un prodotto specifico, vengono visualizzati i dettagli del prodotto.

Come utente, è possibile registrare e accedere con la funzionalità predefinita del modello di Web Forms. Questa esercitazione illustra anche come accedere usando un account Gmail esistente. È inoltre possibile accedere come amministratore per aggiungere e rimuovere prodotti dal database.

Dopo aver eseguito l'accesso come utente, è possibile aggiungere prodotti al carrello acquisti e acquistare con PayPal. L'applicazione di esempio è progettata per funzionare nella sandbox per sviluppatori di PayPal. Non viene eseguita alcuna transazione di denaro effettiva.

PayPal conferma l'account, l'ordine e le informazioni di pagamento.

Dopo aver restituito da PayPal, è possibile esaminare e completare l'ordine.

Prerequisiti

Prima di iniziare, assicurarsi che il software seguente sia installato nel computer:

• Microsoft Visual Studio 2017 o Microsoft Visual Studio Community 2017.

.NET Framework viene installato automaticamente.

Questa serie di esercitazioni usa Microsoft Visual Studio Community 2017. È possibile usare questo o Microsoft Visual Studio 2017 per completare questa serie di esercitazioni.

Si noti quanto segue su Visual Studio:

• Microsoft Visual Studio 2017 e Microsoft Visual Studio Community 2017 vengono definiti Visual Studio in questa serie di esercitazioni.

• Visual Studio 2017 viene installato accanto a tutte le versioni precedenti già installate. I siti creati nelle versioni precedenti possono essere aperti in Visual Studio 2017 e continuare ad aprire nelle versioni precedenti.

• La prima volta che si è avviato Visual Studio, si presuppone che siano state selezionate le impostazioni di sviluppo Web . Per altre informazioni, vedere Procedura: Selezionare Impostazioni ambiente di sviluppo Web.

Dopo aver installato i prerequisiti, è possibile iniziare a creare il progetto Web presentato in questa serie di esercitazioni.

Scaricare l'applicazione di esempio

È possibile scaricare l'applicazione di esempio completata in qualsiasi momento dal sito MSDN Samples:

Introduzione con ASP.NET 4,5 Web Forms e Visual Studio 2013 - Wingtip Toys (C#)

Questo download include gli elementi seguenti:

• Applicazione di esempio nella cartella WingtipToys .
• Le risorse usate per creare l'applicazione di esempio nella cartella WingtipToys-Assets nella cartella WingtipToys .

Il download è un file di.zip . Per visualizzare il progetto completato creato da questa serie di esercitazioni, trovare e selezionare la cartella C# nel file .zip. Salvare la cartella C# nella cartella usata per usare i progetti di Visual Studio. Per impostazione predefinita, la cartella progetti di Visual Studio 2017 è:

C:\Users\<username>\source\repos

Rinominare la cartella C# in WingtipToys.

Nota

Se nella cartella Projects è già presente una cartella denominata WingtipToys , rinominare temporaneamente tale cartella esistente prima di rinominare la cartella C# in WingtipToys.

Per eseguire il progetto completato, aprire la cartella WingtipToys e fare doppio clic sul file WingtipToys.sln . Visual Studio 2017 apre il progetto. Fare quindi clic con il pulsante destro del mouse sul file Default.aspx in Esplora soluzioni e scegliere Visualizza nel browser.

Prendere un quiz Web Forms ASP.NET per rivedere il contenuto

Dopo aver completato la serie di esercitazioni, eseguire un quiz per testare le conoscenze e rafforzare i concetti chiave. Ogni domanda fornisce una spiegazione e collegamenti a indicazioni aggiuntive.

• quiz Web Forms ASP.NET

Supporto e commenti dell'esercitazione

Per domande e commenti, usare la sezione Q e A inclusa nella pagina di esempio Introduzione con ASP.NET 4.5 Web Forms e Visual Studio 2013 - Wingtip Toys (C#).

I commenti su questa serie di esercitazioni sono benvenuti. Quando questa serie di esercitazioni viene aggiornata, ogni sforzo viene effettuato per prendere in considerazione le correzioni o i suggerimenti per i miglioramenti.

Se si verifica un errore, i messaggi di errore corrispondenti potrebbero essere confusi, senza una spiegazione valida su come risolverlo. Per assistenza, è possibile controllare i forum di ASP.NET. Un'altra buona fonte è la sezione Q e A nella pagina di esempio Introduzione con ASP.NET 4.5 Web Forms e Visual Studio 2013 - Wingtip Toys (C#).

Avanti