Share
Questo tutorial introduce Microsoft WebMatrix, una tecnologia di sviluppo web gratuita che offre una delle migliori esperienze per gli sviluppatori web.
WebMatrix è un set leggero e gratuito di strumenti di sviluppo Web che fornisce il modo più semplice per creare siti Web.
Comprende IIS Express (un server Web di sviluppo), ASP.NET (un framework Web) e SQL Server Compact (un database incorporato). Include anche un semplice strumento che semplifica lo sviluppo del sito Web e semplifica l'avvio di siti Web da popolari app open source. Le abilità e il codice che sviluppi con la transizione di WebMatrix sono perfettamente compatibili con Visual Studio e SQL Server.
Le pagine Web create con WebMatrix possono essere dinamiche, ovvero possono modificare il loro contenuto o stile in base all'input dell'utente o ad altre informazioni, ad esempio le informazioni del database. Per programmare pagine Web dinamiche, si utilizza ASP.NET con la sintassi Razor e con i linguaggi di programmazione C # o Visual Basic.
Se hai già strumenti di programmazione che ti piacciono, puoi provare gli strumenti di WebMatrix o puoi usare i tuoi strumenti per creare siti web che usano ASP.NET.
Questo tutorial mostra come WebMatrix rende facile iniziare a creare siti Web e pagine Web dinamiche.
Per installare WebMatrix, è possibile utilizzare Microsoft Platform Installer di Microsoft, un'applicazione gratuita che semplifica l'installazione e la configurazione delle tecnologie relative al Web..
http://go.microsoft.com/fwlink/?LinkID=205867
NotaSe è già installata una versione di WebMatrix Beta, il programma di installazione della piattaforma Web aggiorna l'installazione a WebMatrix 1.0. Tuttavia, i siti creati con edizioni Beta precedenti potrebbero non apparire nel I miei siti elenca la prima volta che apri WebMatrix. Per aprire un sito creato in precedenza, fare clic su Sito dalla cartella icona, accedere al sito e aprirlo. La prossima volta che aprirai WebMatrix, il sito apparirà nel I miei siti elenco.
Per iniziare, creerai un nuovo sito Web e una semplice pagina web.
Nella parte superiore, viene visualizzata una barra degli strumenti di accesso rapido e una barra multifunzione, come in Microsoft Office 2010. In basso a sinistra, viene visualizzato il selettore dell'area di lavoro, che contiene pulsanti che determinano ciò che appare sopra di essi nel riquadro di sinistra. Sulla destra c'è il riquadro del contenuto, che è dove si visualizzano i report, si modificano i file e così via. Infine, sul fondo c'è la barra di notifica, che visualizza i messaggi secondo necessità.
WebMatrix visualizza un elenco di tipi di file.
Come puoi vedere, questo è un normale markup HTML.
Ciao World Page Ciao World Page
Ciao mondo!
Notaяя Prima di fare clic Correre, assicurati che la pagina web che vuoi eseguire sia selezionata nel pannello di navigazione di File spazio di lavoro. WebMatrix esegue la pagina selezionata, anche se stai modificando una pagina diversa. Se nessuna pagina è selezionata, WebMatrix tenta di eseguire la pagina predefinita per il sito (default.cshtml), e se non esiste una pagina predefinita, il browser visualizza un errore.
WebMatrix avvia un server Web (IIS Express) che è possibile utilizzare per testare le pagine sul computer. La pagina viene visualizzata nel browser predefinito.
Ora che hai installato WebMatrix e creato un sito, è una buona idea imparare come utilizzare lo strumento di amministrazione delle pagine Web ASP.NET e il Gestore pacchetti per installare gli helper. WebMatrix contiene helper (componenti) che semplificano le attività di programmazione comuni e che userete in tutte queste esercitazioni. (Alcuni helper sono già inclusi in WebMatrix, ma è possibile installarne altri.) Nell'appendice è possibile trovare un riferimento rapido per gli helper inclusi e per altri helper che è possibile installare come parte di un pacchetto chiamato Web ASP.NET. Biblioteca degli Helpers. La seguente procedura mostra come utilizzare lo strumento di amministrazione per installare la libreria di utenti Web ASP.NET. Utilizzerai alcuni di questi helper in questo tutorial e in altri tutorial di questa serie.
Dopo aver fatto clic Crea password, una pagina di controllo della sicurezza simile alla seguente schermata richiede di rinominare il file della password per motivi di sicurezza. Se è la prima volta che vedi questa pagina, non provare ancora a rinominare il file. Procedere al passaggio successivo e seguire le indicazioni lì.
Se si desidera visualizzare altre posizioni del feed, fare clic su Gestisci origini pacchetto collegamento per aggiungere, modificare o rimuovere feed.
Questa pagina consente anche di disinstallare i pacchetti e puoi utilizzare la pagina per aggiornare i pacchetti quando sono disponibili versioni più recenti. Puoi andare al Mostrare elenco a discesa e fare clic installato per visualizzare i pacchetti installati o fare clic aggiornamenti per visualizzare gli aggiornamenti disponibili per i pacchetti installati.
Notaяя I modelli di sito Web predefiniti (Forno, Calendario, Galleria fotografica, e Sito di avviamento) sono disponibili nelle versioni C # e Visual Basic. È possibile installare i modelli di Visual Basic utilizzando il Amministrazione pagine Web ASP.NET strumento in WebMatrix. Aprire lo strumento di amministrazione come descritto in questa sezione e cercare VB, e quindi installare i modelli necessari. I modelli di siti Web sono installati nella cartella principale del sito in una cartella denominata Modelli Microsoft.
Nella prossima sezione, vedrai quanto è facile aggiungere codice al file default.cshtml pagina per creare una pagina dinamica.
In questa procedura, verrà creata una pagina che utilizza un codice semplice per visualizzare la data e l'ora del server nella pagina. L'esempio qui ti introdurrà alla sintassi del rasoio che ti consente di incorporare il codice nell'HTML delle pagine Web ASP.NET. (Puoi leggere ulteriori informazioni al riguardo nel prossimo tutorial.) Il codice introduce uno degli helper che hai letto in precedenza nel tutorial.
Ciao World Page Ciao World Page
Ciao mondo!
L'ora è @ DateTime.Now
La pagina contiene un normale markup HTML, con una aggiunta: il @ carattere indica il codice del programma ASP.NET.
La singola riga di codice che hai aggiunto fa tutto il lavoro per determinare l'ora corrente sul server, formattarla per la visualizzazione e inviarla al browser. (Puoi specificare le opzioni di formattazione, questo è solo l'impostazione predefinita).
Supponiamo di voler fare qualcosa di più complesso, come la visualizzazione di un elenco a scorrimento di tweet da un utente di Twitter selezionato. Puoi usare un aiutante per quello; come notato in precedenza, un helper è un componente che semplifica le attività comuni. In questo caso, tutto il lavoro che dovresti fare è recuperare e visualizzare un feed Twitter.
Feed di Twitter Feed di Twitter
Questo codice HTML crea un modulo che visualizza una casella di testo per l'immissione di un nome utente, oltre a a Sottoscrivi pulsante. Questi sono tra il primo set di Tra il secondo set di Questo esempio ti ha mostrato un po 'su come puoi usare WebMatrix e come puoi programmare pagine web dinamiche usando un semplice codice ASP.NET usando la sintassi Razor. Il prossimo tutorial esamina il codice in modo più approfondito. Le esercitazioni successive mostrano come utilizzare il codice per diversi tipi di attività del sito Web. Oltre a utilizzare WebMatrix per programmare pagine ASP.NET Razor, è possibile utilizzare anche Visual Studio 2010, una delle edizioni complete o l'edizione gratuita di Visual Web Developer Express. Se si utilizza Visual Studio o Visual Web Developer per modificare le pagine Rasoio ASP.NET, si ottengono due strumenti di programmazione che possono migliorare la produttività: IntelliSense e il debugger. IntelliSense funziona nell'editor visualizzando le scelte appropriate al contesto. Ad esempio, quando si immette un elemento HTML, IntelliSense mostra un elenco di attributi che l'elemento può avere e persino può mostrare quali valori è possibile impostare per tali attributi. IntelliSense funziona per HTML, JavaScript e C # e Visual Basic (i linguaggi di programmazione utilizzati per le pagine Rasoio ASP.NET). Il debugger ti consente di interrompere un programma mentre è in esecuzione. È quindi possibile esaminare le cose come i valori delle variabili, e si può passare una riga alla volta attraverso il programma per vedere come funziona. Per lavorare con le pagine del rasoio ASP.NET in Visual Studio, è necessario il seguente software installato sul tuo computer: NotaÈ possibile installare sia Visual Web Developer 2010 Express che ASP.NET MVC 3 utilizzando il programma di installazione della piattaforma Web. Se hai installato Visual Studio, quando stai modificando un sito Web in WebMatrix, puoi avviare il sito in Visual Studio per sfruttare IntelliSense e il debugger. Dopo l'apertura del sito in Visual Studio, è possibile visualizzare la struttura del sito in Visual Studio in Esploratore di soluzioni riquadro. L'illustrazione seguente mostra il sito Web aperto in Visual Web Developer 2010 Express: Per una panoramica su come utilizzare IntelliSense e il debugger con pagine Razor ASP.NET in Visual Studio, vedere l'elemento appendice Pagine Web ASP.NET Visual Studio. Non è necessario utilizzare l'editor WebMatrix per creare e testare una pagina Web ASP.NET. Per creare la pagina, puoi utilizzare qualsiasi editor di testo, incluso Blocco note. Assicurati di salvare le pagine usando il .cshtml estensione del nome file. (O .vbhtml se si desidera utilizzare Visual Basic) Il modo più semplice per testare .cshtml pagine è quello di avviare il server web (IIS Express) utilizzando la WebMatrix Correre pulsante. Tuttavia, se non si desidera utilizzare lo strumento WebMatrix, è possibile eseguire il server Web dalla riga di comando e associarlo a un numero di porta specifico. Quindi si specifica quella porta quando si richiede .cshtml file nel tuo browser. In Windows, apri un prompt dei comandi con privilegi di amministratore e passa alla seguente cartella: C: \ Programmi \ IIS Express Per i sistemi a 64 bit, utilizzare questa cartella: C: \ Programmi (x86) \ IIS Express Inserisci il seguente comando, utilizzando il percorso effettivo del tuo sito: Non importa quale numero di porta usi, purché la porta non sia già stata prenotata da qualche altro processo. (I numeri di porta superiori a 1024 sono in genere gratuiti). Per il valore del percorso, utilizzare il percorso del sito Web in cui il .cshtml i file sono quelli che vuoi testare. Dopo che questo comando è stato eseguito, è possibile aprire un browser e selezionare a .cshtml file, come questo: http: // localhost: 35896 / default.cshtml Per assistenza con le opzioni della riga di comando di IIS Express, immettere @ carattere.) La prima volta che viene visualizzata questa pagina o se l'utente fa clic Sottoscrivi ma lascia vuota la casella di testo, l'espressione condizionale Richiedi [ "TwitterUser"]. IsEmpty sarà vero In quel caso, la pagina mostra un feed Twitter che cerca il termine "microsoft". Altrimenti, la pagina mostra un feed Twitter per qualsiasi nome utente inserito nella casella di testo. 
Programmazione delle pagine del rasoio ASP.NET in Visual Studio
Creazione e test di pagine ASP.NET tramite il proprio editor di testo
iisexpress.exe / porta: 35896 / percorso: C: \ BasicWebSiteiisexpress.exe /? alla riga di comando.
Accentsconagua