Come creare un sito Web in ASP.NET

February 26

Come creare un sito Web in ASP.NET


E 'possibile creare un sito web ASP.NET completamente funzionale utilizzando nient'altro che il blocco note. Il Microsoft .NET Framework, che gestisce tutte le tecnologie .NET, è gratuito. Chiunque può usarlo per creare applicazioni desktop .NET e pagine web ASP.NET. Tuttavia, a causa della complessità dei dietro le quinte librerie, sistemi e moduli di tipo di ASP.NET, la maggior parte degli sviluppatori utilizzano Visual Studio per creare siti web ASP.NET. Visual Studio fa un sacco di lavoro per voi e rende possibile lo sviluppo di siti web in un importo minimo di tempo.

istruzione

1 Scaricare e installare Visual Studio. Microsoft offre una versione di prova gratuita.

2 Aprire Visual Studio e fare clic su \ "File \" e poi \ "il nuovo sito web \" per visualizzare un elenco dei modelli disponibili. Fare clic sul modello denominato \ "ASP.NET sito web. \"

3 Inserire un nome per il sito web e cliccare su \ "Salva. \" Visual Studio creerà un nuovo progetto di sito web e popolare la soluzione Explorer con diversi file. L'esploratore soluzione sul lato destro dello schermo contiene tutti i file in un progetto.

4 Fare clic sul file denominato \ "Default.aspx \" e scegliere \ "Rinomina \" dal menu contestuale. Rinominare il file \ "MyWebsite.axpx. \" Questo file aspx contiene il codice HTML e ASP.NET markup della pagina.

5 Fai clic su \ "HomePage.aspx. \" Apparirà il codice di markup per questo file nell'editor. Visual Studio crea una pagina di base scheletro quando si crea un nuovo progetto. Questa pagina contiene un tag <head> e un tag <form> all'interno del corpo della pagina. le pagine web ASP.NET possono avere un solo tag <form>. Tutto il codice di markup va dentro questo tag.

6 Aggiungere il seguente codice sotto il tag <form>:

<Asp: Button ID = \ "Button1 \" runat = \ "server \" Text = \ "pulsante \" />
<Asp: TextBox ID = \ "TextBox1 \" runat = \ "server \"> </ asp: TextBox>

Questo crea tasto ASP.NET e controlli casella di testo. Tutti i tag di controllo del server ASP.NET hanno un prefisso che inizia con \ "asp. \"

7 Clicca \ trova sotto l'editor "Progettazione \". Si aprirà la stilista. Il progettista visualizza una vista grafica di una pagina. Si vedrà la casella pulsante e il testo che è stato aggiunto.

8 Istruzioni \ "Split \" nella parte inferiore dello schermo. Il pulsante \ "Split \" ti dà una vista combinata di una pagina. Si vedrà il codice nella finestra in alto e il progettista nella parte inferiore. Le modifiche apportate in una finestra vengono visualizzati nella finestra.

9 Fare doppio clic sul pulsante nella finestra di progettazione. \ "HomePage.aspx.cs \" si aprirà nell'editor. Questo file contiene il codice C # che funziona con HomePage.aspx. Questa disposizione si chiama \ "codice sottostante. \" Visual Studio divide una pagina web in una pagina aspx che contiene il codice di markup e una pagina .aspx.cs che contiene il codice C #.

10 Individuare il metodo denominato \ "Button1_Click \" nel file .aspx.cs. Visual Studio ha creato questo metodo quando si fa clic sul pulsante nella finestra di progettazione. Questo metodo Button1_Click eseguirà ogni volta che un utente fa clic sul pulsante che consiste di metodi. Questo metodo viene chiamato un gestore di eventi perché gestisce l'evento clic del pulsante.

11 Aggiungere questo codice al metodo Button1_Click:

TextBox1.Text = \ "Fare clic su \"
ANDARE

Questa dichiarazione definisce il contenuto della casella di testo a \ "pulsante cliccato. \" Aggiungi qualsiasi codice del gestore eventi aggiuntivo che è necessario a questo metodo.

12 Premere F5. Apparirà una finestra contenente il messaggio, \ "debug non abilitato. \" Cliccare \ "OK \" per chiudere quella finestra. La pagina Web verrà visualizzata nel browser.

13 Fare doppio clic sul pulsante. Il metodo gestore eventi Button1_Click eseguirà e aggiungere il \ stringa di testo "pulsante cliccato \" alla casella di testo.

Consigli e avvertenze

  • Se avete bisogno di usare tag HTML come <input> e <select>, aggiungerli alla pagina. ASP.NET consente la miscelazione di tag server HTML e ASP.NET. Utilizzare la casella degli strumenti per trascinare e rilasciare i controlli aggiuntivi sulla superficie di progettazione. Visual Studio consente di lavorare in modalità codice designer o sorgente. Utilizzare la modalità di progettazione per il layout e la modalità codice sorgente per apportare modifiche rapide al codice di markup della pagina. Aggiungere pagine web supplementari al progetto facendo clic destro sul nome del progetto e selezionando \ "Add New Item \" dal menu contestuale.