Introduzione a Web Form ASP.NET 4.5 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 con Visual Studio 2017 e ASP.NET 4.5. Si creerà un'applicazione denominata Wingtip Toys , un sito Web della vetrina semplificato che vende articoli online. Durante la serie vengono evidenziate nuove funzionalità ASP.NET 4.5.

Destinatari

Gli sviluppatori che non hanno Web Forms ASP.NET sono i destinatari di questa serie di esercitazioni.

È necessario 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 i contenuti seguenti:

• Introduzione a Visual C#
• Sviluppo Web, HTML, CSS, JavaScript, SQL, PHP, JQuery
• Database relazionale
• Architettura a più livelli

Funzionalità dell'applicazione

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

• Progetto applicazione Web (non progetto sito Web)
• Moduli Web
• Pagine master, configurazione
• Bootstrap
• Entity Framework Code First, LocalDB
• Convalida delle richieste
• Controlli dati fortemente tipizzato
• Associazione di modelli
• Annotazioni dei dati
• Provider di valori
• SSL e OAuth
• ASP.NET identità, configurazione e autorizzazione
• Convalida non invasiva
• 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 navigazione
• Visualizzazione dei dettagli del menu e dei dati del prodotto
• Creazione di un carrello acquisti
• Aggiunta del supporto di SSL e OAuth
• Aggiunta di un metodo di pagamento
• Inclusione di un ruolo di amministratore e di 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 delle 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 ha familiarità con Web Forms ASP.NET. Se hai già familiarità con Web Forms ASP.NET, questa serie può comunque aiutarti a conoscere le nuove funzionalità ASP.NET 4.5. Per i lettori che non hanno familiarità con i concetti di programmazione e Web Forms ASP.NET, vedere le esercitazioni aggiuntive sui Web Form disponibili nella sezione Introduzione nel 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 offre supporto per molti framework di ASP.NET (Web Form, MVC e API Web).

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

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

• Entity Framework 6

  Aggiornamento di 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 del log

Per un elenco completo delle funzionalità ASP.NET 4.5, vedere note sulla versione di ASP.NET e Strumenti Web per 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 registrarsi come nuovo utente o accedere come utente esistente. Lo spostamento 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.

Gli utenti possono eseguire la registrazione e l'accesso con la funzionalità predefinita del modello Di Web Form. 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 ed eseguire il checkout 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 rivedere e completare l'ordine.

Prerequisiti

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

• 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. Per completare questa serie di esercitazioni, è possibile usare o Microsoft Visual Studio 2017.

Tenere presente quanto segue su Visual Studio:

• Microsoft Visual Studio 2017 e Microsoft Visual Studio Community 2017 sono 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 continuano ad essere aperti 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 dell'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 a Web Form ASP.NET 4.5 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 .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 lavorare con 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.

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.

Eseguire un quiz Web Forms ASP.NET per esaminare 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 Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 - Wingtip Toys (C#).

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

Se si verifica un errore, i messaggi di errore corrispondenti potrebbero generare confusione, senza una buona spiegazione 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 a ASP.NET 4.5 Web Form e Visual Studio 2013 - Wingtip Toys (C#).