I Web Form sono pagine Web basate sulla tecnologia ASP.NET. Viene eseguito sul server e genera output nel browser. È compatibile con qualsiasi browser e con qualsiasi lingua supportata da .NET Common Language Runtime. È flessibile e ci consente di creare e aggiungere controlli personalizzati.
Possiamo utilizzare Visual Studio per creare Web Form ASP.NET. È un IDE (Integrated Development Environment) che ci consente di trascinare e rilasciare i controlli del server nei moduli web. Ci permette anche di impostare proprietà, eventi e metodi per i controlli. Per scrivere la logica aziendale, possiamo scegliere qualsiasi linguaggio .NET come: Visual Basic o Visual C#.
I Web Form sono costituiti da due componenti: la parte visiva (il file ASPX) e il codice dietro il modulo, che risiede in un file di classe separato.
Fico: Questo diagramma mostra i componenti di ASP.NET
Lo scopo principale dei Web Form è superare le limitazioni di ASP e separare la visualizzazione dalla logica dell'applicazione.
ASP.NET fornisce vari controlli come: controlli server e controlli HTML per i Web Form. Abbiamo tabelle con tutti questi controlli di seguito.
Controlli del server
La tabella seguente contiene i controlli lato server per i Web Form.
| Nome del controllo | Eventi applicabili | Descrizione |
|---|---|---|
| Etichetta | Nessuno | Viene utilizzato per visualizzare il testo nella pagina HTML. |
| Casella di testo | Testo modificato | Viene utilizzato per creare un input di testo nel modulo. |
| Pulsante | Fare clic, comando | Viene utilizzato per creare un pulsante. |
| Pulsante di collegamento | Fare clic, comando | Viene utilizzato per creare un pulsante simile al collegamento ipertestuale. |
| Pulsante immagine | Clic | Viene utilizzato per creare un imagesButton. Qui, un'immagine funziona come un pulsante. |
| Collegamento ipertestuale | Nessuno | Viene utilizzato per creare un controllo del collegamento ipertestuale che risponde a un evento clic. |
| Menu `A tendina | SelezionatoIndiceCambiato | Viene utilizzato per creare un controllo elenco a discesa. |
| ListBox | SelectedIndexCnhaged | Viene utilizzato per creare un controllo ListBox come il controllo HTML. |
| DataGrid | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Utilizzato per creare un frid utilizzato per mostrare i dati. Possiamo anche eseguire l'impaginazione, l'ordinamento e la formattazione molto facilmente con questo controllo. |
| ElencoDati | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Viene utilizzato per creare datalist non tabulare e utilizzato per mostrare i dati. |
| Ripetitore | ItemCommand, ItemCreated, ItemDataBound | Ci consente di creare un tipo di formato non tabellare per i dati. Puoi associare i dati agli elementi del modello, che sono come frammenti di HTML messi insieme in uno specifico formato ripetuto. |
| Casella di controllo | CheckChanged | Viene utilizzato per creare una casella di controllo. |
| Elencocaselledicontrollo | SelezionatoIndiceCambiato | Viene utilizzato per creare un gruppo di caselle di controllo che funzionano tutte insieme. |
| Pulsante radio | CheckChanged | Viene utilizzato per creare un pulsante di opzione. |
| Elenco dei pulsanti radio | SelezionatoIndiceCambiato | Viene utilizzato per creare un gruppo di controlli con pulsanti di opzione che funzionano tutti insieme. |
| Immagine | Nessuno | Viene utilizzato per mostrare l'immagine all'interno della pagina. |
| Pannello | Nessuno | Serve per creare un pannello che funziona da contenitore. |
| PlaceHolder | Nessuno | Viene utilizzato per impostare il segnaposto per il controllo. |
| Calendario | SelectionChanged, VisibleMonthChanged, DayRender | Viene utilizzato per creare un calendario. Possiamo impostare la data predefinita, andare avanti e indietro, ecc. |
| AdRotator | Annuncio creato | Ci consente di specificare un elenco di annunci da visualizzare. Ogni volta che l'utente visualizza nuovamente la pagina. |
| Tavolo | Nessuno | Viene utilizzato per creare una tabella. |
| XML | Nessuno | Viene utilizzato per visualizzare documenti XML all'interno dell'HTML. |
| Letterale | Nessuno | È come un'etichetta in quanto visualizza un valore letterale, ma ci consente di creare nuovi valori letterali in fase di esecuzione e inserirli in questo controllo. |
Controlli HTML
Questi controlli vengono visualizzati dal browser. Possiamo anche creare controlli HTML come controllo server. ne discuteremo in seguito nel nostro tutorial.
| Nome dei controlli | Descrizione |
|---|---|
| Pulsante | Viene utilizzato per creare un pulsante HTML. |
| Pulsante di reset | Reimposta tutti gli altri elementi del modulo HTML su un modulo su un valore predefinito |
| Pulsante Invia | POSTA automaticamente i dati del modulo nella pagina specificata elencata nell'attributo Action nel tag FORM |
| Campo di testo | Fornisce all'utente un'area di input su un modulo HTML |
| Area di testo | Utilizzato per input su più righe in un modulo HTML |
| Campo file | Inserisce un campo di testo e un pulsante Sfoglia in un modulo e consente all'utente di selezionare un nome file dal proprio computer locale quando si fa clic sul pulsante Sfoglia |
| Campo password | Un'area di input in un modulo HTML, sebbene tutti i caratteri digitati in questo campo vengano visualizzati come asterischi |
| Casella di controllo | Fornisce all'utente una casella di controllo che può selezionare o deselezionare |
| Pulsante di opzione | Utilizzato due o più in un modulo e consente all'utente di scegliere uno dei controlli |
| Tavolo | Consente di presentare le informazioni in formato tabellare |
| Immagine | Visualizza un'immagine su un modulo HTML |
| ListBox | Visualizza un elenco di elementi per l'utente. Puoi impostare la dimensione da due o più per specificare quanti elementi desideri mostrare. Se sono presenti più elementi di quelli che rientrano in questo limite, una barra di scorrimento viene aggiunta automaticamente a questo controllo. |
| Cadere in picchiata | Visualizza un elenco di elementi all'utente, ma verrà visualizzato solo un elemento alla volta. L'utente può fare clic su una freccia rivolta verso il basso dal lato di questo controllo e verrà visualizzato un elenco di elementi. |
| Regola orizzontale | Visualizza una linea orizzontale attraverso la pagina HTML |