Prima di iniziare, è necessario completare l'Esercizio 1.5: Aggiunta di portlet che ricercano elementi del sito asta e forniscono dettagli sugli elementi.
In questo esercizio verrà creata una nuova applicazione che conterrà i portlet che sono stati creati fino a questo punto.
Per creare il progetto del portale Auction, completare la seguente procedura:
Ci sono due tipi di interfaccia predefinita. Una è quella per il sito portale globale e l'altra è per un tema. In questa procedura guidata verrà specificata solo l'interfaccia predefinita per il tema predefinito selezionato. Per ogni sito portale può esserci solo un'interfaccia predefinita. Di solito, per ogni tema viene definita un'interfaccia predefinita e l'interfaccia predefinita per un sito portale viene utilizzata raramente.
Portal Designer visualizza il file di configurazione portale del progetto, che mostra la struttura di navigazione predefinita con un'etichetta e una pagina secondaria:
Portal Designer fornisce editor speciali per utilizzare numerosi elementi di portale noti, tra cui etichette, pagine, struttura di navigazione, temi e interfacce, insieme ai fogli stile CSS che consentono di controllare l'aspetto di un sito portale.
Utilizzare Portal Designer per creare gli elementi di layout del portale per i portlet che sono stati creati:
Le pagine di portale forniscono un framework per aggiungere contenuto al sito del portale. Questo contenuto è stato già creato sotto forma dei portlet definiti negli esercizi precedenti. Per aggiungere più portlet alle singole pagine, è possibile definire un layout spaziale con combinazioni di righe e colonne che consentono di inserire portlet nella pagina in maniera logica.
Per impostazione predefinita, ogni pagina che viene creata contiene una colonna e una riga. Si tratta di un processo semplice per aggiungere colonne e righe allo stesso modo di una "tabella" in un'applicazione Web. Notare che la metafora tabella non fa parte della terminologia del portale standard, viene utilizzata solo a scopo illustrativo. Dal momento che verranno aggiunti due portlet alla pagina listing, è possibile aggiungere un'altra "cella" al layout della pagina Listing, in questo caso, una colonna. È possibile eseguire questa operazione in due modi diversi:
In entrambi i casi, viene creata un'altra colonna, in modo da poter inserire successivamente il portlet ListingDetail. Il file di configurazione del portale visualizza la colonna vuota:
Ora ci sono nuove pagine con gli elementi di layout sotto l'etichetta Auction, è possibile aggiungere portlet che sono stati creati nei precedenti esercizi nel modo seguente:
È anche possibile eseguire la stessa azione utilizzando la vista Struttura. Nella vista Struttura, espandere il nodo Layout, quindi il nodo Registration. Sotto la Colonna, sarà possibile notare l'icona del portlet UserAdmin. Selezionare la colonna e fare clic con il tasto destro del mouse per aprire il menu a comparsa. Notare la presenza di altri menu a cascata per aggiungere ulteriori portlet alla pagina.
La pagina Listing aggiornata dovrebbe essere simile a quello riportato di seguito:
Il sito portale è quasi completo: nell'esercizio successivo verrà descritto come personalizzarne l'aspetto utilizzando alcuni degli editor speciali che funzionano insieme a Portal Designer.
A questo punto, è possibile iniziare l'Esercizio 2.2: Personalizzazione del sito portale.