Il presente articolo è stato tradotto automaticamente.
Toolbox
Controlli di dati elaborati AJAX, analisi del traffico HTTP e molto altro ancora
Scott Mitchell
Tutti i prezzi confermati in premere volta e sono soggette a modifiche.Le opinioni espresse in questa colonna rappresentano unicamente parere dell'autore e non riflettono necessariamente le posizioni di Microsoft.
Contenuto
Controlli Web dei dati del formato RTF per lo sviluppo di AJAX al centro client
Blog di Note
Esaminare e analisi del traffico HTTP
La libreria
Controlli Web dei dati del formato RTF per lo sviluppo di AJAX al centro client
Il framework ASP.NET AJAX sono disponibili due modelli per la creazione di applicazioni Web abilitato AJAX: al centro del server e client, al centro.Con il modello al centro del server, gli sviluppatori di pagine continuare a utilizzare i controlli Web ASP.NET standard, ma inserirli all'interno di un controllo UpdatePanel.Quando un controllo in un UpdatePanel causa un postback, UpdatePanel sostituisce il postback tipico con un postback parziale generato JavaScript della pagina e perfettamente aggiorna i controlli in esso con la risposta del server.Con il modello al centro client sono compiti agli sviluppatori di pagine con la scrittura di JavaScript per avviare un postback parziale, pagina e per aggiornare la pagina risposta.Programmazione tramite il modello al centro client richiede che lo sviluppatore della pagina utilizza le librerie di ASP.NET AJAX lato client e scrivere JavaScript e HTML stessi per avviare i postback parziale della pagina e per aggiornare la pagina risposta.
Gli sviluppatori ASP.NET nuovi per lo sviluppo di AJAX preferiscono in genere il modello del server, al centro, durante la più facile da implementare quindi utilizza i controlli Web esistenti ha già familiarità con gli sviluppatori ASP.NET.Tuttavia, il modello al centro client offre maggiore controllo sulle comportamento della pagina e le informazioni shuttled tra il browser e il server Web, consentendo un'esperienza utente più univoco e capacità di risposta.Questi due modelli di imporre agli sviluppatori di prendere una decisione spessa: utilizzare ASP .NET di esistenti i controlli di Web per facilitare l'implementazione, o forgo controlli noti e scrivere numerose JavaScript e il codice HTML per ottimizzare le prestazioni.
La buona notizia è che esiste una terza opzione, grazie alla versione di progetto di controlli dati AJAX 1.0, che è un insieme di controlli ASP.NET per la visualizzazione dei dati in un'applicazione Web abilitata AJAX.I controlli dati AJAX marry la facilità di sviluppo al centro del server con i miglioramenti delle prestazioni apprezzati per lo sviluppo client, al centro.
Aggiunta di un controllo dati AJAX in una pagina Web e la configurazione l'aspetto e il comportamento avviene molto in modo analogo qualsiasi altro controllo Web, da Visual Studio, trascinare il controllo dalla casella degli strumenti nella pagina e configurare L'impostazioni tramite la finestra Proprietà.Ma a differenza controlli di dati incorporati del, i controlli dati AJAX recuperare i dati dal server utilizzando lo script lato client, fornendo un'esperienza utente più risponde, di conseguenza meno larghezza di banda rispetto ai controlli di dati standard quando si utilizza un UpdatePanel.
Ad esempio, per visualizzare le categorie del database Northwind tramite GridView il controllo dati AJAX, iniziamo aggiungere il controllo GridView a una pagina ASP.NET.Successivamente, creare un servizio di script che esegue una query al database e restituisce i dati da visualizzare.Infine, è possibile scrivere un bit di JavaScript nella pagina per associare il controllo GridView a dati.
La figura 1 Mostra codice dichiarativo della pagina sebbene nella Figura 2 indicato nella pagina risultante visualizzato tramite un browser.Quando si visita la pagina da un browser, la funzione pageLoad lato client viene eseguito e recupera i dati dal servizio di script.Una volta che il server ha restituito i dati, è associato GridView utilizzando codice JavaScript simile al codice C# sul lato server, utilizzato per associare dati a controllo GridView di ASP.NET.
Figura 1 aggiunta GridView a una pagina ASP.NET
<AjaxData:GridView ID="gvCategories" runat="server" CellPadding="4" CellSpacing="0">
<HeaderStyle CssClass="HeaderStyle" />
<AlternatingRowStyle CssClass="AlternatingRowStyle" />
</AjaxData:GridView>
<script type="text/javascript">
function pageLoad(sender, e) {
MyScriptService.GetAllCategory(onLoadSuccess);
}
function onLoadSuccess(result) {
var myGrid = $find('gvCategories');
myGrid.set_dataSource(result);
myGrid.dataBind();
}
</script>
Nella figura 2 visualizzazione I dati
I controlli dati AJAX includono GridView, DataList, Repeater e cercapersone.Con solo un sprinkle di JavaScript e senza dover scrivere codice HTML, è possibile visualizzare, ordinare, pagine di modifica ed eliminare dati utilizzo concetti familiari e sfruttare i vantaggi di client, al centro dello sviluppo.Numero di visualizzazione dei dati comuni scenari sono inoltre facili da implementare, ad esempio formattazione condizionale utilizzando colonna diversa tipi in GridView (immagini, caselle di controllo, i collegamenti ipertestuali e così via), i controlli dati nidificate e integrazione con AJAX Control Toolkit.Sono inoltre funzionalità avanzate non offerte dai controlli dati ASP.NET standard, inclusi trascinamento e rilascio e riordinamento delle colonne.
Prezzo:Gratuito, apertura e di origine.
Blog di Note
Blogger buona condividere anecdotes con i colleghi per informarli che tecnologie stanno utilizzando, per passare in quale funziona ciò che non e quali roadblocks aspettarsi.Registro Web feed Strahl è un ottimo esempio di grande blog.
Feed è lo sviluppatore fondatore e il coordinatore di tecnologie al vento ovest, un'azienda che vende un numero di applicazioni basate sul Web e utilità, in modo che trascorre suo giorni vivere nel trenches, la scrittura di software bumping in problemi, ricerca di soluzioni.Il suo blog funge da un interessante acqua virtuale, una posizione in cui feed condivide intelligenti suggerimenti e indicazioni insieme con le nuove tecnologie che ha del utilizzando, ha è rilevato problemi e soluzioni alternative che è concepito.
Poiché Ovest al vento tecnologie si principalmente prodotti per il Web, la maggior parte del feed Registra centro su tali tecnologie.Vi è un insieme RTF del post sul jQuery e JavaScript e approfondimenti su ASP.NET e AJAX, Silverlight, servizi Web, Visual Studio e IIS.E oltre ai post di blog regolare che feed Aggiunta giorni ogni due o tre, ha anche presenta un numero di white paper approfondite su un intervallo di argomenti delle opzioni di compilazione e distribuzione di ASP.NET per bilanciamento del carico e alle applicazioni Web di impostazione e in esecuzione sottoversioni (un origine disponibile codice di controllo sistema) di sovraccarico.
Blog del feed offre un'ampia gamma di informazioni e la risposta è stata appreso tramite esperienza reali.Questa esperienza estesa funge da una risorsa prezioso per gli sviluppatori Web di tutti i livelli di competenza.
blog/Wind.com Ovest
Uno dei mio blog preferiti è locale dalla segreta come un Coder spaghetti , in cui Larbi SAM condivide suoi pensieri e approfondimenti alla quale con il mondo.SAM funge da uno sviluppatore di creazione Web e applicazioni desktop utilizzano lingue e le tecnologie quali C#, c ++, Ruby, ASP.NET e ColdFusion.Il suo blog copre una gamma diverse allo stesso modo degli argomenti.
Esistono post con particolare attenzione alle metodologie di sviluppo del software, seguire le sue interessanti riflessioni sullo sviluppo Web e esperienze di SAM con lo sviluppo basato su test.Sono disponibili moltissime divertente voci su argomenti quali gioco di programmazione, idee regalo per i programmatori e le modalità ottenere i minori interessati a programmazione.
SAM dispone anche di molti a dire che su tutti gli aspetti non correlati tecnologia da uno sviluppatore software: Utilizzo di altri utenti, riunioni, gestione delle relazioni cliente buona, sviluppo personale e così via.Non c'è un ottimo post sul come rispondere a un blunder principale con un responsabile o un cliente.Consiglio di SAM è per accogliere l'errore, intraprendere responsabilità, verrà di evitare l'errore verrà Avanti e come si sarà risolvere la situazione attuale.Sono inoltre grandi suggerimenti su come affrontare problematiche clienti e le conoscenze e gli utenti delle competenze necessarie per diventano un prezioso dipendente occhi del datore di lavoro.
Esaminare e analisi del traffico HTTP
Quando si visita un sito Web, il browser invia una richiesta HTTP per ogni risorsa e riceve una risposta HTTP dal server con il contenuto richiesto.La possibilità di esaminare ogni richiesta e la risposta HTTP, è utile in scenari di sviluppo di sito Web di.Ad esempio, di momento di affrontare un sito di caricamento lento, una buona passaggio prima è per esaminare che cosa, esattamente, viene trasmesso dal server al client quando si visita una richiesta relativa a una pagina underperforming.Non è probabilmente presente un file di foglio di stile CSS o JavaScript dimensioni molto grandi da shuttled e indietro oppure forse immagine di sfondo della pagina è particolarmente hefty.Analisi del traffico HTTP è anche un passaggio utile quando il debug di applicazioni AJAX, come consente di visualizzare il contenuto preciso da shuttled e viceversa durante un postback parziale.
Uno dei my tools preferito per l'analisi del traffico HTTP è Fiddler versione 2.2, creato da Brian Lawrence, program manager del team di Internet Explorer in Microsoft (vedere la Figura 3 ).Fiddler funge da un proxy HTTP locale è situata tra il browser e Internet esterni.Quando Fiddler è attivata, ogni richiesta HTTP tramite il browser viene inviato prima a Fiddler che registra la richiesta prima di inviarli e la destinazione prevista.Quando termina la risposta HTTP, prima giunto Fiddler, che registra e quindi restituisce al browser.
.gif)
Nella figura 3 Fiddler analisi del traffico
Il traffico HTTP registrato da Fiddler è visualizzabile tramite un'interfaccia utente paned due.Nel riquadro sinistro sono elencati ogni coppia di richiesta/risposta HTTP registrato.Selezionare uno o più coppie di richiesta/risposta HTTP da sinistra determina i dettagli caricare nel riquadro di destra.
Nel riquadro di destra definire una serie di schede con diversi tipi di informazioni aggiuntive.Gli elenchi scheda Statistiche il numero totale di byte inviati e ricevuti, richiederebbe stime su quanto tempo le coppie di richiesta/risposta selezionata per la trasmissione in varie impostazioni e un grafico a torta che suddivide i tipi diversi di richieste e le dimensioni, uno rispetto a altro.La scheda Cronologia viene illustrata una cronologia di ogni coppia di richiesta/risposta selezionata grafica viene illustrato quali richieste eseguito contemporaneamente e viene ogni richiesta di tempo impiegato per eseguire.Queste due schede sono quelle più utili per analizzare le prestazioni di un sito Web.
Altre schede sono utili per il debug logica del lato client e lato server.La scheda tipi di controllo offre visualizzazioni formattati e non elaborati del contenuto inviato nella richiesta e la risposta.Dalla scheda AutoResponder è possibile "false" una risposta dal server specificando una risposta predefinita, una tecnica utile per il debug sul lato client, logica in applicazioni AJAX.Controllare inoltre fuori la scheda Generatore richiesta; da qui è possibile creare una richiesta HTTP crafted a mano e inviare a un server Web specificato.
Prezzo:Liberare.
La libreria
JavaScript è stato inventato nella società-1990s come linguaggio script lato client per il browser Netscape Navigator.Per molti anni è stato visualizzato come alquanto di una lingua toy, valida per la convalida dell'input campo modulo e altro leggermente.Oggi, JavaScript viene riconosciuto come un linguaggio importante e potente.Viene spesso utilizzata per modificare dinamicamente lo stile e il contenuto di una pagina Web sul lato client senza un viaggio costoso al server Web.E le interazioni complesse che si verificano in una pagina Web abilitato AJAX possibile causa di questo linguaggio utile.
A causa di importanza crescente di JavaScript in fase di sviluppo Web, sono stati creati più Framework.Uno dei quelli più comuni è jQuery un libero, creato da John Resig di apertura e di origine, tra browser framework JavaScript.(In realtà, Visual Studio 2010 verrà spedire con la libreria jQuery, semplificando anche per gli sviluppatori ASP.NET iniziare jQuery.)
In istantaneamente jQuery semplifica le operazioni ottenere gli elementi di tale pagina ed eseguire contenuti con essi.Ad esempio, molte pagine Web visualizzare una griglia di dati variare lo stile per ogni riga alternato, che può essere effettuata in JavaScript applicando una classe di fogli di stile CSS a ogni riga della tabella alternativi.L'istruzione che segue jQuery esegue semplicemente che molto conciso:
$("table tr:nth-child(even)").
addClass("cssClassName");
jQuery in Action (Manning, 2008) per tenere Bibeault, Katz Yehuda è una grande risorsa per leaning informazioni dettagliate di jQuery e mastering relativa sintassi concisa e flessibile. jQuery in Action presuppone il lettore è già esperti di JavaScript e non wastes ora che copre elementi base del linguaggio. Invece inizia con breve introduzione ai layout d la motivazione dietro jQuery e jQuery fondamentali e quindi sposta all'utilizzo jQuery per eseguire attività comuni. Per informazioni (alcuni concetti di JavaScript più avanzati utilizzate dai jQuery di vedere un'appendice.)
Successivamente, gli autori di descrivere dettagliatamente molte funzionalità del jQuery. Visualizzare come selezionare elementi da una pagina Web, come modificare l'stile e il contenuto di elementi e come aggiungere e rimuovere elementi da DOM. Rivelare come jQuery semplifica la gestione degli eventi, esaminare funzioni dell'utilità di jQuery e viene illustrato come utilizzare jQuery per comunicare con il server Web. Queste informazioni in lingua inglese semplici e semplice gli autori fornite con solo la quantità a destra di frammenti di codice e immagini. Il risultato finale è un libro molto informativo e leggibile.
Una causa popolarità del jQuery è che è molto semplice estendere la struttura tramite un plug-in. Con poche righe di codice JavaScript è possibile aggiungere le proprie funzioni al framework. Più, gli sviluppatori possono condividere plug-in create nel sito jQuery ufficiale in cui vi sono attualmente diversi plug-in centinaia disponibili per il download. jQuery in Action include un capitolo viene illustrato come creare propri plug-in e un altro capitolo vengono esaminati quattro plug-in più comuni e utili disponibili.
Prezzo: $39.99.
Scott per inviare domande e commentitoolsmm@Microsoft.com.
Scott Mitchell, autore di numerosi libri e fondatore di4GuysFromRolla.com, è un MVP che lavora con tecnologie Web di Microsoft dal 1998. Scott è un consulente indipendente, un trainer e un writer. Contattarlo inMitchell@4guysfromrolla.como tramite il suo blogIndirizzo ScottOnWriting.NET.