ASP.Net  »  Articoli  »  ASP.NET e Ajax 

Un carrello della spesa con Ajax.NET

di: Raffaele Garofalo     24 Gennaio 2007

In questo articolo realizziamo un carrello della spesa con tecnologia ASP.NET, quindi appoggiandoci al NET Framework e al web server di casa Microsoft, IIS. Fin qui nulla di nuovo, potremmo creare delle pagine ASP.NET ed un database, che potrebbe essere Access, e il gioco sarebbe fatto. Ma vogliamo andare oltre e sfruttare la tecnologia della chiamata asincrona, quindi dovremo utilizzare in parallelo anche un Framework che ci fornisca supporto per AJAX e supporto per il Client.

Configurazione

In questo esempio utilizziamo Ajax.NET, che abbiamo già illustrato in un precedente articolo. Scarichiamo il componente. Nel file compresso c'è una dll che si chiama Ajax.dll ed un piccolo file per le istruzioni.

Il passo successivo sarà quello di creare un nuovo progetto web all'interno di Visual Studio o Visual Studio Express che chiameremo "AjaxKart" che sarà poi anche il nome del namespace del progetto. Una volta creato il progetto dovremo inserire la cartella "Bin" nella quale andremo a posizionare la dll per del supporto Ajax.

Figura 1. La cartella "Bin" all'inizio del progetto

La cartella "Bin" all'inizio del progetto

Il secondo passo per rendere produttivo il nostro ambiente di lavoro è quello di configurare l'HttpHandler per Ajax, indicando quale sarà la factory che si dovrà preoccupare di creare il proxy tra la tecnologia Server e quella Client. Per fare cio'dobbiamo andare a configurare il file web.config del progetto.

Listato 1. Configurazione web.config

<httpHandlers>
<add verb="POST,GET" path="Ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
</httpHandlers>

Una spiegazione dettagliata di quello che abbiamo fatto la potete trovare nell'articolo che spiega l'utilizzo di questa tecnologia. In breve, abbiamo assegnato le chiamate Ajax, ad un handler specifico ovvero la "Ajax.dll".

Il sistema

Un carrello della spesa, deve principalmente offrire la possibilità di:

  • Riconoscere l'utente tramite una pagina di Login
  • Consentire la navigazione tra i prodotti
  • Mostrare un carrello personale con l'elenco dei prodotti selezionati
  • Effettuare il checkOut finale 

Andiamo di passo in passo. La gestione dell'autenticazione la risolviamo utilizzando un'autenticazione di tipo Form, ovvero un'autenticazione personalizzata che andrà a prelevare le informazioni dal Database. Per la navigazione tra i prodotti costruiamo una pagina che, sfruttando la tecnologia Ajax e i WebServices messi a disposizione da ASP.NET, fornisca un motore di ricerca per i prodotti. Infine un'ultima pagina verrà utilizzata per gestire gli ordini effettuati dall'utente stesso.

Lasciamo al lettore l'implementazione di una pagina per la creazione e gestione degli utenti e una pagina per l'inserimento ed eliminazione di prodotti dal Database. Nell'esempio viene fornito il progetto NET completo di sorgenti e base dati con records.

Guide ASP.Net

Guida Windows Azure Code Snippets

Le migliori pratiche per far girare le applicazioni "in the cloud",...

Guida ASP.NET MVC Best Practices

Un workflow dettagliato e ricco di suggerimenti pratici per...

Guida ASP.NET Starter Kit

Un modo semplice per imparare ad utilizzare le tecnologie Microsoft...

Altre guide

Newsletter @Microsoft Dev

Ogni giovedì, direttamente nella tua e-mail: articoli, guide, tutorial e script ASP, ASP.Net, SQL server e IIS.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Progettazione database

11 Maggio 2012 a Milano
Disponibilità: 6 Posti

Amministratore di Reti Windows Server 2008

11 Giugno 2012 a Milano
Disponibilità: 5 Posti

Nessun corso previsto