Miglioramento delle prestazioni della vista

Per migliorare le prestazioni di una vista, è possibile aggiungere livelli di build Dojo personalizzati.

Informazioni su questa attività

Con il sistema di build Dojo, la vista può includere i moduli da cui dipende in un file o in una piccola serie di file. Questi file, ognuno dei quali è un livello, riducono il numero di richieste a HTTP necessarie all' applicazione di processo che contiene la vista. È possibile utilizzare i livelli per migliorare le prestazioni ottimizzando il caricamento dei moduli senza sacrificare lo sviluppo modulare. Questi livelli possono essere codici personalizzati o livelli Dojo di terze parti. I file di livello devono essere creati con la versione Dojo compatibile con la versione Dojo utilizzata dalla vista.

Sono disponibili due modalità da utilizzare: debug e non debug. L'impostazione di configurazione isDebug nella console di gestione determina quale modalità è attiva. È possibile specificare livelli differenti per ciascuna modalità.

Le definizioni del livello di build devono avere un formato specifico all'inizio di JavaScript inline per la vista. Il designer utilizza questo formato per generare il codice appropriato nell'HTML per i coach che contengono la vista.

Procedura

  1. Se si dispone di un codice personalizzato, trasformarlo in un livello di build Dojo.
    Per informazioni sui livelli di build Dojo e su come crearli utilizzando una trasformazione, consultare Sistema di build Dojo.
  2. Preparate la vostra personalizzazione JavaScript:
    1. Impacchettare il livello di generazione Dojo in un file .zip , ad esempio myLayer.zip.
    2. Caricare il file .zip come un file Web gestito.
  3. Nella pagina Comportamento , aggiungere un blocco di commenti specifico all'inizio di JavaScriptin linea.
    Il blocco di commenti è composto da due serie di blocchi di tag:
    • @dojoConfigUpdateStart e @dojoConfigUpdateEnd contengono il normale codice JavaScript che aggiorna la variabile globale dojoConfig prima che il sistema carichi il programma di caricamento Dojo AMD.
    • @layerRequiredStart e @layerRequiredEnd contengono una struttura JSON con due proprietà facoltative (debug e non debug). Ogni propriet ... Š un tipo di array JavaScript che contiene il nome completo dei livelli per ogni modalit .... Il nome completo è il nome del package e il nome del file di livello.
    Suggerimento: se si dispone di più viste che aggiungono gli stessi livelli, copiare il blocco di commenti in queste viste. Se il contenuto del livello è lo stesso, Process Designer lo combina in modo che la pagina generata contenga solo una copia del codice del livello.
    Il seguente esempio mostra il blocco di commenti per l'aggiunta di livelli di build Dojo. Per l'implementazione, sostituire i valori di nome e ubicazione nella sezione di configurazione Dojo e sostituire i nomi nella sezione di livello.
    /*  1 
    @dojoConfigUpdateStart  2 
    	if (dojoConfig.isDebug) {
    		dojoConfig.packages.push({
    			name: 'com.mycompany.dashboards',  3 
    				location: com_ibm_bpm_coach.getManagedAssetUrl('myLayer_debug.zip', 
    				com_ibm_bpm_coach.assetType_WEB, 'SYSD') + "/com/mycompany/dashboards"  4 
    		});
    		} else {
    			dojoConfig.packages.push({
    				name: 'com.mycompany.dashboards',
    					location: com_ibm_bpm_coach.getManagedAssetUrl('myLayer.zip', 
    					com_ibm_bpm_coach.assetType_WEB, 'SYSD') + "/com/mycompany/dashboards"
    		}); 
    	}
    @dojoConfigUpdateEnd 
    @layerRequiredStart  5 
    	{
    		"nonDebug":["com.mycompany.dashboards/dashboards",
    			"com.mycompany.dashboards/dashboardsMore"],  6 
    		"debug":["com.mycompany.dashboards/dashboardsDebug"]
    	}
    @layerRequiredEnd
    * /
    • 1 L'utilizzo di un commento impedisce che il contenuto del commento venga eseguito come JavaScript seriale della vista.
    • 2 L'inizio della sezione di configurazione Dojo
    • 3 Lo spazio dei nomi per il pacchetto
    • 4 L'ubicazione del file gestito che contiene il pacchetto
    • 5 L'inizio della sezione del livello
    • 6 Il nome del package e del modulo all'interno di tale package per il livello da utilizzare in questa modalità. In questo esempio, la modalità non di debug carica due livelli e la modalità di debug carica un livello.
    Per ulteriori esempi su come aggiungere livelli, consultare molte delle viste nel toolkit Dashboard.
  4. Fare clic su Salva o su Termina modifica.