asp - asp.net - aspcode.it

COMMUNITY - Login
 Username:
 
 Password:
 
Voglio registrarmi!
Password dimenticata?
 Utenti on-line: 0
 Ospiti on-line: 2704
ASPCode.it - Store
<< lezione precedente lezione successiva >>

Corso di ASP - Lezione 6: Form in HTML - Invio e Processamento di Dati

Un importante utilizzo delle pagine ASP è il processamento delle Form HTML, che fino a quando non sono state create le Active Server Pages veniva effettuato utilizzando script in CGI, Perl, o altri loro derivati. Le ASP sono più veloci rispetto al vecchio metodo delle CGI, in quanto esse vengono eseguite nello stesso processo del server web.

Form HTML

Le Form sono generate da 5 oggetti base, che sono:

1. Text Boxes
Textbox:
Password box:
Text Area:
2. List Boxes
Dropdown Box: List Box:
3. Check Boxes
4. Radio Buttons
Blue Green Yes  No
5. Command Buttons
Submit Button: Reset Button:
Reset Button:

Gli oggetti di tipo Form devono essere inclusi fra i tag <form></form> per essere visibili nella maggior parte dei browser. Una form richiede la seguente costruzione:

<form method=post action=script_processamento_form>
oggetti della form...
</form>

Gli oggetti Form contengono alcune, o tutte, fra le seguenti proprietà:

Name
tutti gli elementi devono avere un nome. Questo vi permette di referenziare gli oggetti negli script.
Value
molto utilizzato per selezionare i valori di default (per i bottoni, questa proprietà corrisponde al testo che appare sul bottone).
Size
per i text box, questa proprietà si applica alla larghezza del text box. Per i select box, tale proprietà si applica al numero di elementi mostrati in una volta. (1 per un select box di tipo drop down, 2 o più per un list box).
Class
usato per assegnare gli stili all'oggetto (discusso successivamente).

La seguente form illustra una form di base per raccogliere le informazioni di uno studente:

ID Studente:
Nome:
Cognome:
Indirizzo:
Città:
Stato:
CAP:

Figura 6.1: Una prima bozza.

Come potete notare, la Form1 non è molto gradevole alla vista. E' possibile rendere questa form più graziosa tramite il suo inserimento all'interno di una tabella. Per iniziare, creiamo una semplice tabella con le etichette sulla sinistra e gli oggetti della form sulla destra:

ID Studente:
Nome:
Cognome:
Indirizzo:
Città:
Stato:
CAP:

Figura 6.2: Una form più bella da vedere.

La Form2 è migliore graficamente rispetto al primo modello, ma essa può ancora essere migliorata. Per esempio, possiamo eliminare i bordi, aggiungere alcuni colori di sfondo, nidificare alcune tabelle, o tutte e tre le cose. Nella maggior parte dei casi, la nostra unica limitazione sarà la nostra immaginazione.

Ho deciso di realizzare una form con una estetica abbastanza convenzionale per raccogliere i dati degli studenti; essa è illustrata nella Figura 6.3:

Informazioni Studente
Numero ID Studente:
Nome Cognome
Indirizzo
Città ST CAP

Figura 6.3: La Form di Informazioni Studente.

Processamento dei risultati.

Ora che abbiamo la form, abbiamo bisogno di un metodo per processare i risultati. Prima di inviare i dati al database, può essere buona cosa presentare all'utente i dati che egli stesso ha appena immesso. Siamo uomini, e facciamo degli errori. E' preferibile perciò permettere all'utente di correggere i dati prima che essi vengano inseriti nel database.

Quando una form è inviata a uno script ASP utilizziamo l'oggetto REQUEST per ottenere le informazioni contenute nella form. Più precisamente, si usa Request.Form(x), dove x può essere o l'indice o il nome, dell'elemento richiesto. Esso restituisce una stringa contenente il valore dell'oggetto della form. VBScript ha un tipo di dati: Variant. Poichè le variabili variant possono contenere qualunque tipo di dati, quando facciamo comparazioni numeriche è meglio convertire esplicitamente le nostre variabili in un tipo di dato numerico valido (ne parleremo successivamente).

Il seguente esempio illustra gli oggetti Request e Response per il processamento dei nostri dati della form.

Esempio 6.1: Request e Response

<html>
<head><title>Visualizza i Risultati della Form</title></head>
<body bgcolor="#FFFFFF">
Questi sono i dati contenuti nella form:<p>
ID Studente: <%Response.Write Request.Form("txtSID")%><br>
Nome: <%Response.Write Request.Form("txtFName")%><br>
Cognome: <%Response.Write Request.Form("txtLName")%><br>
Indirizzo: <%Response.Write Request.Form("txtAddress")%><br>
Città: <%Response.Write Request.Form("txtCity")%><br>
Stato: <%Response.Write Request.Form("txtST")%><br>
CAP: <%Response.write Request.Form("txtZipcode")%>
</body>
</html>

Applicate ciò che avete appreso.

Costruite una form HTML per l'immissione dei voti degli studenti, poi inviate questa form a uno script che visualizzerà sul browser il contenuto della stessa. La form dovrebbe avere i seguenti campi:

  1. ID Studente
  2. Esame 1
  3. Esame 2
  4. Esame 3

La vostra form dovrebbe avere entrambi i bottoni Submit e Reset, e dei text box per ciascuno dei quattro campi richiesti sopra. Inviate la form a uno script chiamato grades.asp.

<< lezione precedente lezione successiva >>


Utenti connessi: 2704