|
|
Personalizzare UltraDevDreamweaver UltraDev ha gli attrezzi necessari per editare i formati dei dati esistenti, crearn di nuovi, installare e creare i nuovi i comportamenti del server, e editare i comportamenti del server esistenti Editare e creare i formati dei datiSi applica un formato dei dati al testo dinamico per visualizzare i dati in modi più piacevole per l'utente. Per esempio, puoi fare in modo che la data "3/29/00" snel tuo recordset appaia 29 marzo 2000 sulla pagina. Puoi editare i vari formati dei dati disponibili in UltraDev, o crearne di nuovi. Per editare un formato dei dati di UltraDev: 1 apri una pagina che contiene il testo dinamico nella vista Design. 2 seleziona qualsiasi il testo dinamico. 3 assicurati che pannello Data Bindings sia aperto (Window > Data Bindings), e clicka sulla freccia in giù nella colonna Format. Se la freccia non è visibile, espandi il pannello. 4 seleziona Edit Format List dal pop-up menu. Appare il dialog box Edit Format List. 5 un doppio click su uno qualsiasi dei formati elencati. 6 Fai le tue modifiche e ckica su OK. 7 ckica su OK per chiudere il dialog box Edit Format List. Per creare un nuovo formato dei dati di UltraDev: 1 apri una pagina che contiene il testo dinamico nella vista Design. 2 seleziona qualsiasi il testo dinamico. 3 assicurati che il pannello Data Bindings sia aperto (Window > Data Bindings), e clicka sulla freccia in giù nella colonna Format Se la freccia non è visibile, espandi il pannello. 4 seleziona Edit Format List dal pop-up menu. Appare il dialog box Edit Format List. 5 clicka sul bottone Plus (+) e seleziona un tipo del formato, per esempio, Currency. 6 definisci il formato e ckica su OK. 7 inserisci un nome per il nuovo formato nella colonna Name. 8 ckica su OK per chiudere il dialog box Edit Format List. Installare altri comportamenti del serverPer dare alla tua applicazione Web più funzionalità, puoi installare altri comportamenti del server. Per esempio, puoi caricare e installare un comportamento del server dal sito Macromedia Exchange for UltraDev (Help > UltraDev Exchange). Puoi anche accedere anche al Macromedia Exchange dal pannello Server Behaviors (Window > Behaviors) clickando sul bottone Plus (+) e scegliendo Get More Server Behaviors Per installare un'estensione in UltraDev, lancia il Package Manager selezionando Commands > Manage Extensions, poi scegli File > Install Package nel Package Manager. Se sei un esperto sviluppatore abile in JavaScript, VBScript, Java o ColdFusion, puoi scrivere i tuoi comportamenti del server Creare i comportamenti del serverCreare un comportamento del server consiste nello scrivere uno o più blocchi di codice e nello specificare dove inserire ogni blocco in una pagina di codice sorgente HTML. Quando applichi il comportamento del server ad una pagina, inserisi i blocchi di codice nell'ubicazione che hai specificato. Se il disegnatore della pagina ha bisogno di certi parametri prima che sia scritto il codice sorgente nella pagina, devi creare un dialog box invitando il disegnatore ad inserire i valori del parametro. Infine, esamina completamente il tuo comportamento del server prima di renderlo disponibile agli altri. Scrivere un blocco di codiceUsa il Server Behavior Builder per scrivere il blocco di codice o i blocchi che il comportamento inserirà in una pagina Per scrivere iblocchi del codice per il comportamento del server: 1 nel pannello Server Behaviors (Window > Server Behaviors), clicka sul bottone Plus (+) e scegli New Server Behavior dal pop-up menu.
3 inizia un blocco di codice clickando sul bottone Plus (+), inserendo un nome per il blocco e clickando su OK. Una convenzione è di chiamare i blocchi come segue: NameOfBehavior_NameOfBlock Ecco un esempio: MoveToRecord_Init 4 nell'area testo Code Block, inserisci il codice run time da inserire nella pagina. Il codice run time dev’essere un solo tag o un blocco di scripts ASP/JSP. Se hai bisogno di inserire tag multipli o blocchi di scripts, dividili nei singoli blocchi del codice. Puoi copiare ed incollare il codice dalle altre pagine. 5 se il disegnatore della pagina ha bisogno di certi parametri prima di che il codice sia scritto sulla pagina, inserisci i marcatori di parametro nel codice. 6 specifica dove inserire il blocco di codice nel codice sorgente HTML della pagina usando il pop-up menu Insert Code. I blocchi di codice sono inseriti relativamente ai tags nella pagina o relativamente ad un tag selezionato dal disegnatore della pagina. 7 per specificare i settaggi più avanzati, clicka su Advanced. 8 ripeti i passi da 3 a 7 per ogni blocco di codice nel tuo comportamento del server. 9 se hai due o più blocchi di codice con la stessa ubicazione di inserimento, puoi cambiare le loro posizioni relative l'uno con l'altro clickando sulle frecce "alto" e "basso". 10 se non definisci tutti i parametri necessari al disegnatore nel tuo codice, ckica su OK. UltraDev crea il comportamento del server senza dialog box. Il nuovo comportamento del server appare nel menu Plus (+) del pannello Server Behaviors 11 se definisci i parametri necessari al disegno nel tuo codice, UltraDev ti invita a configurare un dialog box per il comportamento del server prima di crearlo Posizionare un blocco di codiceQuando scrivi un blocco di codice nel Server Behavior Builder, devi specificare dove inserire il blocco di codice nel codice sorgente HTML della pagina. Nel pop-up menu Insert Code, puoi scegliere di inserire il blocco di codice sopra l'apertura del tag <html>, sotto la chiusura del tag </html>, in relazione ad un altro tag nella pagina, o in relazione ad un tag selezionato dal disegnatore della pagina Per posizionare un blocco di codice sopra il tag < html>: 1 nel pop-up menu Insert Code, scegli Above the <html> Tag. 2 specifica un'ubicazione sopra il tag scegliendo un'opzione nel pop-menu Relative Position Puoi inserire il blocco all'inizio del file, poco prima dei blocchi del codice che aprono i recordsets, appena dopo dei blocchi del codice che aprono i recordsets, o prorpio sul tag <html>. Puoi anche specificare anche una posizione particolare. 3 se vuoi specificare una posizione particolare, scegli Custom Position dal pop-up menu Relative Position, poi assegna un peso al blocco del codice. UltraDev assegna un peso di 50 a tutti i blocchi di codice di apertura recordset inseriti proma sopra il tag <html>. Se il peso di due o più blocchi sono uguali, UltraDev casualmente sceglie l'ordine fra i blocchi Usa l'opzione Custom Position quando hai bisogno di inserire più di un blocco di codice in un particolare ordine. Per esempio, se vuoi inserire una serie ordinata di tre blocchi di codice dopo i blocchi di codice che aprono i recordsets, potresti inserire un peso di 60 per il primo blocco, 65 per il secondo e 70 per il terzo. Per posizionare un blocco di codice sotto la chiusura </html>tag: 1 nel pop-up menu Insert Code, scegli Below the </html> Tag. 2 specifica un'ubicazione sotto il tag scegliendo un'opzione nel pop-menu Relative Position Puoi inserire solo il blocco dopo il </html>tag, poco prima che blocchi del codice che recordsets vicino, solo dopo che blocchi del codice che recordsets vicino, o poco prima che la fine del file. Puoi specificare anche una posizione personalizzata 3 se vuoi specificare una posizione personalizzata, scegli Posizione Personalizzata dalla Posizione Relativa pop-up menu, allora assegna un peso al blocco di codice UltraDev assegna un peso di 50 a tutta la recordset-chiusura programma blocchi inseriti sotto il </html>tag. Se il peso di due o più al quale blocchi sono uguali, UltraDev casualmente i gruppi l'ordine fra i blocchi Usa l'opzione Custom Position quando hai bisogno di inserire più di un blocco di codice in un particolare ordine. Per esempio, se vuoi inserire una serie ordinata di tre codice blocca di fronte al codice blocca che recordsets vicino, potresti inserire un peso di 30 per il primo blocco, 35 per il secondo e 40 per il terzo. Per posizionare un blocco di codice relativo ad un altro tag sulla pagina: 1 nel pop-up menu Insert Code, scegli Parente Ad un Specifico Tag. 2 nel box di Tag, inserisci il tag o seleziona uno dal pop-up menu. Se inserisci un tag, non includere i parentesi quadrati ad angoli (>) 3 specifica un'ubicazione relativo al tag scegliendo un'opzione nel pop-menu Relative Position Puoi inserire il tuo blocco di codice poco prima o poco dopo l'apertura o la chiusura dei tags. Puoi anche sostituire il tag con il codice, inserire il codice del valore di un attributo del tag (appare un box per consentirti di scegliere l'attributo), o inserire il codice nel tag du apertura. Per posizionare un blocco di codice relativo ad un tag selezionato dal disegnatore della pagina: 1 nel pop-up menu Insert Code, scegli Relative To Selection. 2 specifica un'ubicazione relativa alla selezione scegliendo un'opzione nel pop-menu Relative Position Puoi inserire il tuo blocco di codice poco prima o poco dopo la selezione. Puoi sostituire anche la selezione con il tuo blocco di codice, o avvolgere il blocco di codice intorno alla selezione. Se vuoi avvolgere il blocco di codice intorno a una selezione, la selezione deve vessere formata da un tag di apertura e di chiusura senza niente in mezzo. Esempio: <CFIF Day="Monday "></CFIF Il pezzo di tag di apertura del tuo blocco di codice è inserito prima del tag di apertura della selezione e l'ultimo pezzo del tag del tuo blocco di codice è inserito dopo il tag di chiusura. Creare un dialog box per il comportamento del serverSe il disegnatore della pagina ha bisogno di certi parametri prima della scrittura del codice nella pagina, devi creare un dialog box che invita il disegnatore ad inserire i valori del parametro. puoi iniziare a creare il dialog box definendo i parametri necessari al disegno nel tuo codice. Dopo avere definito tutti i parametri necessari al disegno nel tuo codice, puoi generare il dialog box per il tuo comportamento del server. Nota: Viene aggiunto al tuo blocco di codice un parametro senza il tuo intervento se specifichi che il tuo codice dev’essere inserito in relazione ad uno specifico tag scelto dal disegnatore della pagina (ovvero, scegli Relative to a Specific Tag nel pop-up menu Insert Code). Il parametro aggiunge un tag menu al dialog box del comportamento per consentire al disegnatore della pagina di scegliere un tag. Per definire un parametro necessario al disegnatore nel tuo codice: Scrivi un marcatore del parametro nel punto del codice dove vuoi inserire il valore del parametro necessario al disegnatore. Usa questo formato: @ @parameterName @ @ Per esempio, supponi che il tuo codice contenga la seguente linea: <%Session("abcd")=5;%> Per consentire alla pagina del disegno di prelevare il nome e il valore della sessione variabile, sostituisci abcd e 5 stringhe nel codice con i seguenti marcatori del parametro <%Session (" @ @Session @ @") = @ @Value @ @;%> Puoi evidenziare anche la stringa (per esempio, abcd), poi clickare sul bottone Insert Parameter In Code Block. Scrivi un nome del parametro (per esempio, Session) e ckica su OK. UltraDev sostituisce ogni esempio della stringa evidenziata con i marcatori del parametro
UltraDev usa i nomi dei parametri per identificare i controlli sul dialog box. Per generare il dialog box per il tuo comportamento del server: 1 nel Server Behavior Builder, clicka su Next. Appare un dialog box per elencare tutti i parametri
necessari al disegno che hai definito
2 se vuoi, cambia l'ordine di visualizzazione dei controlli del dialog box selezionando un parametro e clickando sulle frecce "alto" e "basso". 3 se vuoi, cambia un controllo dei parametri selezionando il parametro e scegliendo un altro controllo nella colonna Display As. 4 ckica su OK. UltraDev genera un dialog box per il tuo comportamento del server. Per vedere il dialog box, clicka sul bottone Plus (+) nel pannello Server Behaviors (Window > Server Behaviors), e seleziona il tuo comportamento del server dal pop-up menu Per editare il dialog box creato di un comportamento del server: 1 nel pannello Server Behaviors (Window > Server Behaviors), clicka sul bottone Plus (+) e scegli Edit Server Behaviors pop-up menu 2 seleziona il tuo comportamento del server dall'elenco, e clicka su Open. Appare il Server Behavior Builder con il tuo comportamento del server. 3 clicka su Next. Appare un dialog box che elenca tutti i parametri necessari al disegno che hai definito nel tuo codice 4 se vuoi, cambia l'ordine di visualizzazione dei controlli del dialog box selezionando un parametro e clickando sulle frecce "alto" e "basso" 5 se vuoi, cambia un controllo dei parametri selezionando il parametro e scegliendo un altro controllo nella colonna Display As. 6 ckica su OK. Orientamenti per la programmazioneIn generale, il codice del tuo comportamento del server dovrebbe essere compatto e robusto. Gli sviluppatori delle applicazioni Web sono molto sensibili al codice aggiunto alle loro pagine. In generale accetta dei pratici codici per il tuo linguaggio (JavaScript, VBScript ColdFusion, o Java). Nell'interesse della brevità, includi nel codice un minimo di commenti o megglio nessun commento. Un'importante richiesta è il controllo dell'errore: il tuo codice dovrebbe occuparsi con grazia dei casi di errore. Tenta di prevedere ogni eventualità: E se un parametro richiesto manca? Accade, se nessun record viene restituito da una richiesta. Il tuo codice chiaramente dovrebbe essere identificabile e dovrebbe evitare conflitti di nome con il codice esistente. Per esempio, se la pagina contiene una funzione chiamata hideLayer () e una variabile globale chiamataERROR_STRING, e se il tuo comportamento del server inserisce il codice che usa gli stessi nomi, avrai dei problemi. Macromedia precede tutte le funzioni e le globali con il prefisso MM_ per evitare conflitti con il tuo codice. var MM_ERROR_STRING ="..."; function MM_hideLayer() Crea il tuo prefisso per le funzioni run time e globali che inserisci in una pagina. Una convenzione è di usare le tue iniziali. Mai non usare il prefisso MM_: è riservato. Assicurati che il codice nei tuoi blocchi non assomigli troppo al codice degli altri blocchi. Se un blocco di codice assomiglia troppo ad un'altro blocco di codice è probabile che il pannello Server Behavior riconosca erroneamente il primo blocco come un esempio del secondo blocco (o al contrario.). Una semplice soluzione è di aggiungere un commento ad un blocco di codice. Usare le opzioni avanzateUna volta specificato il codice sorgente ed inserita l'bicazione per ogni blocco di codice, il comportamento del server è completamente definito. Per la maggior parte dei casi, non hai bisogno di specificare altre informazioni
Identifier specifica se blocco di codice dev’essere trattato come un identificatore. Per default, ogni blocco di codice è un identificatore. Se UltraDev trova un blocco di codice identifier in qualsiasi punto del documento, ne elenca il comportamento nel pannello Server Behaviors. Usa il checkbox Identifier per specificare se il blocco di codice dev’essere trattato come un identificatore. Almeno uno dei blocchi di codice del comportamento del server dev’essere un identificatore. Un blocco del codice non dovrà essere un identificatore se accade una delle seguenti condizioni: - Lo stesso blocco di codice è usato da un'altro comportamento del server - Il blocco di codice è così semplice che potrà presentarsi naturalmente sulla pagina Server Behavior Title con lo specifico titolo del comportamento nel pannello Server Behaviors. Quando il disegnatore della pagina clicka sul bottone Plus (+) sul pannello Server Behavior, apparirà nel pop-up menu il titolo del nuovo comportamento del server. Quando un disegnatore applica un esempio di un comportamento del server ad un documento, il comportamento appare nell'elenco dei comportamenti applicati nel pannello Server Behaviors. Usa il dialog box New Server Behavior per specificare i contenuti del pop-up Plus (+) e l'elenco dei comportamenti applicat. Il valore iniziale nel box è il nome che hai fornito nel dialog box New Server Behavior. Quando i parametri sono definiti, il nome è aggiornato automaticamente così che essi appaiono in parentesi dopo il nome del comportamento del server. Set Session Variable (@@Name@@,@@Value@@) Se l'utente accetta il valore di default, tutto ci- che sta prima delle parentesi apparirà nel pop-up menu Plus (+) (per esempio, Set Session Variable). Il nome e i parametri appariranno nell'elenco dei comportamenti applicati, per esempio, Set Session Variable ("abcd","5") Code Block to Select specifica quale blocco di codice viene selezionato quando l'utente sceglie il comportamento nel pannello Server Behaviors Quando applichi un comportamento del server, uno dei blocchi di codice all'interno del comportamento è designato come "code block to select.". Se applichi il comportamento del server e poi selezioni il comportamento nel pannello Server Behaviors, nella finestra del Documento automaticamente si seleziona il blocco designato. Per default, UltraDev seleziona il primo blocco di codice che non è sul tag html. Se tutti i blocchi di codice sono sul tag html, allora UltraDev selezionerà il primo. Gli utenti esperti possono specificare quale blocco di codice è quello selezionato. Controllare il comportamento del serverMacromedia Exchange raccomanda di fare le seguenti prove su ogni comportamento del server che crei. - Applica il comportamento dal pannello Server Behaviors. Se esso ha un dialog box, inserisci i dati validi in ogni campo e ckica su OK. Verifica che non ci sia nessun errore quando viene applicato il comportamento. Verifica che il codice run time per il comportamento del server appare nell'ispettore Code - Applica nuovamente il comportamento del server ed inserisci i dati nulli in ogni campo del dialog box. Controlla che resti uno spazio vuoto del campo, usando numeri grandi o negativi, usando caratteri nulli (come /?,:, *, e così via), ed usando lettere nei campi numerici. Scrivi la routine di verifica del form che si occupa dei dati nulli. Le routine di verifica comporta una programmazione manuale che va oltre gli scopi prefissati di questo libro. Dopo avere applicato con successo il tuo comportamento del server alla pagina, verifica quanto segue: - Controlla il pannello Server Behaviors per essere sicuri che il nome del comportamento del server appaia nell'elenco dei comportamenti aggiunto alla pagina. - Se applicabile, verifica che le icone degli scripts di server-side siano presenti sulla pagina. Le icone generiche degli scripts server-side si presentano come scudi di oro. Per vedere le icone, attiva l'Invisible Elements (View > Visual Aids > Invisible Elements) - Apri l'ispettore Code (Window> Code Inspector) e verifica che nessun codice nullo sia stato generato (il codice nullo HTML è evidenziato in giallo). Inoltre, se il tuo comportamento del server inserisce il codice nel documento che stabilisce un collegamento ad un database, crea un database di prova per esaminare il codice inserito nel documento. Verifica il collegamento definendo le espressioni che producono i diversi gruppi di dati, e le diverse dimensioni dei gruppi dei dati Finalmente, carica la pagina sul server ed aprila in un browser. Osserva il codice sorgente HTML della pagina e verifica che non siano stati generati HTML nulli dagli scripts server-side. Editare i comportamenti del serverQuando so applica un comportamento del server ad una pagina, si inserisce il codice nella pagina. I programmatori esperti possono cambiare il codice di default inserito dal comportamento del server sulla pagina. Questa abilità è efficace per gli sviluppatori che hanno uno stile di programmazione differente da quello di Macromedia Puoi cambiare il codice scritto da qualsiasi comportamento del server personalizzato. Puoi cambiare anche il codice scritto da qualsiasi comportamento del server che si invia con UltraDev facendo una copia del comportamento, cambiando il codice scritto dalla copia, usando poi la copia nei tuoi progetti invece che nel comportamento del server di UltraDev. Nota: Non puoi editare direttamente i comportamenti del server inviati da UltraDev. Devi fare una copia del comportamento ed editare la copia. Se applichi un comportamento ad una pagina e poi editi il comportamento in UltraDev, gli esempi del vecchio comportamento non appariranno più nel pannello Server Behaviors. Il pannello Server Behaviors ricerca la pagina con il codice che è uguale al codice dei comportamenti del server noti. Se il codice di un comportamento del server non viene riconosciuto dalle modifiche del pannello, il pannello non riconoscerà più le più prime versioni del comportamento sulla pagina Se vuoi che le due versioni (vecchie e nuove) del comportamento appaiano nel pannello, clicka sul bottone Plus (+) sul pannello Server Behavior, scegli New Server Behavior, e crea una copia del vecchio comportamento del server. Editare i comportamenti del server personalizzatiPuoi editare qualsiasi comportamento del server creato con il Server Behavior Builder. Per cambiare il codice run time di un comportamento del server creato con il Server Behavior Builder 1 nel pannello Server Behaviors (Window > Server Behaviors), clicka sul bottone Plus (+) e scegli Edit Server Behaviors dal pop-up menu
2 seleziona il comportamento del server e clicka su Edit.
3 seleziona il blocco di codice adatto e cambia il codice da inserire nelle pagine. 4 se vuoi, modifica o aggiungi i marcatori del parametro al codice. 5 se vuoi, modifica il punto in cui il blocco di codice è inserito nel codice sorgente HTML della pagina scegliendo un'altra opzione nel pop-up menu Insert Code 6 se il codice cambiato non contiene nessun parametro di aiuto al disegno, ckica su OK UltraDev rigenera il comportamento del server senza un dialog box. Il nuovo comportamento del server appare nel pop-up menu Plus (+) del pannello Server Behaviors. 7 se il codice modificato contiene i parametri di aiuto per il disegno, clicka su Next. UltraDev ti chiederà se devi creare un nuovo dialog box, riscrivendo il vecchio. Fai le tue modifiche e ckica su OK UltraDev salva tutte le tue modifiche nei files XML del comportamento. Editare i comportamenti del server UltraDevPuoi fare le modifiche ai comportamenti del server forniti con UltraDev facendo una copia del comportamento, cambiando il codice scritto dalla copia, poi usando la copia nei tuoi progetti invece del comportamento del server di UltraDev. Per cambiare il codice run time di uno dei comportamenti del server fornito con UltraDev: 1 nel pannello Server Behaviors (Window > Server Behaviors), clicka sul bottone Plus (+) e scegli New Server Behavior pop-up menu Appare il dialog box New Server Behavior. 2 seleziona un modello del server ed inserisci un nome per il tuo comportamento del server. 3 seleziona l'opzione Copy Existing Server Behavior e scegli il comportamento del server nel pop-up menu Behavior To Copy 4 ckica su OK. Appare il dialog box del Server Behavior Builder. 5 seleziona il blocco di codice adatto e cambia il codice da inserire nelle pagine. 6 se vuoi, modifica o aggiungi i marcatori del parametro al codice. Se aggiungi o cambi i parametri necessari al disegno nel codice, devi aggiornare maualmente il comportamento del file HTML per modificare il dialog box del comportamento. 7 se vuoi, modifica il punto in cui il blocco di codice è inserito nel codice sorgente HTML della pagina scegliendo un'altra opzione nel pop-up menu Insert Code 8 ckica su OK. UltraDev salva tutte le tue modifiche nei files XML del comportamento. Alcuni comportamenti del server sono rappresentati graficamente sulla pagina. Per esempio, il comportamento del server Repeat Region è rappresentato da un contorno grigio e sottile ed da una tabella. La rappresentazione grafica è specificata nel tag Translation nel file XML. Se, dopo avere compilato uno di questi comportamenti nel Server Behavior Builder, il comportamento non è più rappresentato graficamente sulla pagina, devi programmare manualmente le corrette espressioni nella sezione SearchPatterns nel tag Translator del file XML così il traduttore riconoscerà la tua versione modificata del comportamento.
|
|
|
|