Come imparare ASP.NET con C #

May 29

Come imparare ASP.NET con C #


Un'applicazione ASP.NET include un modulo HTML che viene elaborato dal server web. Quando l'applicazione include codice C #, che il codice viene eseguito dal server web. Solo codice HTML viene inviato al browser. Ciò significa che le applicazioni ASP.NET sono indipendente dal browser.

istruzione

Creare un progetto ASP.NET

1 Fare clic sul pulsante "Start", che in genere si trova nell'angolo in basso a sinistra dello schermo del computer. Scegliere "Tutti i programmi". Pulsante destro del mouse "Microsoft Visual Web Developer 2008 Express Edition." Scegliere "Esegui come amministratore". È necessario eseguire Visual Web Developer come amministratore in modo da poter verificare il codice che si scrive.

2 Fare clic sul menu "File" e scegliere "Nuovo sito Web." Verificare che sia selezionato "Sito Web ASP.NET". Selezionare "Visual C #" dall'elenco a discesa "Lingua" nell'angolo a sinistra della finestra di dialogo. Fai clic su "OK". Verrà creato un sito web chiamato "WebSite1" con una pagina denominata "Default.aspx". Si noti che "Source" vista è aperta per impostazione predefinita. La scheda contiene il sorgente HTML della pagina, così come il seguente codice:
<% @ Page Language = "C #" AutoEventWireup = "true" CodeFile = Eredita "Default.aspx.cs" = "_ predefinite"%>

Questo codice è chiamato una direttiva pagina. L'attributo "lingua" dice ASP.NET che il codice eseguito dal server è scritto in C #. L'attributo "AutoEventWireup" è impostata su true, che fa sì che gli eventi a automaticamente essere associati a procedure di evento. L'attributo CodeFile identifica il nome del file che contiene il codice che verrà eseguito dal server.

3 Modificare il codice HTML <title> in modo che assomiglia a questo:

<Title> Pagina di Benvenuto </ title>

Aggiungere controlli

4 Appoggiare il mouse sopra l'icona "Toolbox" a sinistra della finestra. Selezionare e trascinare il controllo "Etichetta". Cadere all'interno del blocco <div>. Il tuo codice HTML dovrebbe essere simile a questo:

<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head runat = "server">

&lt;title>Welcome Page&lt;/title>

</ Head>
<Body>

&lt;form id="form1" runat="server">
&lt;div>
&lt;asp:Label ID="Label1" runat="server" Text="Label">&lt;/asp:Label>
&lt;/div>
&lt;/form>

</ Body>
</ Html>

L'attributo ID dell'elemento "Etichetta" definisce il nome si usa se si vuole accedere all'elemento "Etichetta" nel codice. L'attributo runat è impostato su "server" per indicare che il controllo sarà disponibile per il codice C # eseguito dal server. L'attributo testo definisce il testo visualizzato nel controllo "Etichetta".

5 Modificare il "Label" elemento di comando aggiunto nel l'ultimo passo in modo che assomiglia a questo:

<Asp: Label ID = "Label1" runat = testo "server" = "Inserisci il tuo nome:"> </ asp: Label>

Clicca sul pulsante "Design" nella parte inferiore dello schermo. La visualizzazione struttura mostra ciò che l'utente vedrà.

6 Fare clic sul pulsante "Split" nella parte inferiore dello schermo. La scheda Split consente di visualizzare sia il codice HTML e la pagina web che gli utenti vedranno. Appoggiare il mouse sull'icona Casella degli strumenti e trascinare un controllo TextBox appena sotto il controllo Label. Modificare l'attributo ID per "txtBirthdate". Ora il codice nel blocco <div> dovrebbe essere simile a questo:

<Asp: Label ID = "Label1" runat = testo "server" = "Inserire tua data di nascita:"> </ asp: Label>
<Asp: TextBox ID = runat "txtNameRe" = "server"> </ asp: TextBox>

7 Aggiungere un controllo "Button" sotto il controllo "TextBox". Impostare l'attributo ID di "btnSubmit" e l'attributo di testo per "Say Ciao." Ora il blocco <div> deve contenere i seguenti elementi:

&lt;asp:Label ID="Label1" runat="server" Text="Enter your name: ">&lt;/asp:Label>
&lt;asp:TextBox ID="txtName" runat="server">&lt;/asp:TextBox>
&lt;asp:Button ID="btnSubmit" runat="server" Text="Say Hello" />

Aggiungere codice C # e test

8 Fare doppio clic sul pulsante "Say Ciao" nella visualizzazione struttura. Il file di codice si aprirà.

9 Individuare la procedura btnSubmit_Click e tipo di codice all'interno delle parentesi graffe in modo che la procedura è simile al seguente:

protected void btnSubmit_Click (object sender, EventArgs e)
{

Response.Write ("Hello " + txtName.Text);

}

L'oggetto "Response" è un modo per inviare informazioni al browser. Il metodo "Write" dell'oggetto "Risposta", scrive le informazioni per la parte superiore della pagina web.

10 Fare clic sul menu "Debug" e scegliere "Avvia debug." Quando viene richiesto di attivare il debug in Web.config, fare clic su "OK". La pagina si apre nel browser. Digitare il nome e fare clic su "Say Ciao." Il messaggio deve essere visualizzato nella parte superiore della finestra del browser.

Consigli e avvertenze

  • L'attributo "Inherits" della direttiva pagina identifica il nome della classe che contiene la routine di evento si codice.
  • La procedura Page_Load viene creato per impostazione predefinita. I carichi routine evento Page_Load quando la pagina viene visualizzata prima e ogni volta che il modulo viene inviato per l'elaborazione. Quando una pagina viene inviato per l'elaborazione, è noto come sostegno palo.
  • È necessario accedere come amministratore se si desidera eseguire il debug dell'applicazione utilizzando il server Web incorporato.

Articoli Correlati