Nota:

Utilizzare APEX per creare un'applicazione da un foglio di calcolo

Introduzione

Oracle Application Express (APEX) è una piattaforma di sviluppo low-code che consente ai clienti di creare facilmente applicazioni avanzate, scalabili e sicure con funzioni di classe mondiale, da distribuire ovunque. È incluso anche gratuitamente in tutte le versioni correnti di Oracle Database, inclusi i servizi Oracle Autonomous Data Warehouse e Oracle Autonomous Transaction Processing.

In questo laboratorio verrà illustrato come creare un'applicazione APEX affidabile con i dati importati da un foglio di calcolo aziendale comune. Molti clienti stanno sprecando enormi quantità di tempo e di energia per mantenere i propri flussi di lavoro aziendali e i dati critici in fogli di calcolo non gestibili. È un dato di fatto, i fogli di calcolo non scalano. E se il cliente potesse creare un'applicazione multiutente sicura, scalabile e fuori dal foglio di calcolo che potrebbe risparmiare tempo e denaro? Questo è ciò che imparerai in questo laboratorio!

Introduzione ad APEX Lab

Obiettivi

Audience prevista

Prerequisiti

Creare un'istanza di Oracle Autonomous Database

APEX è una funzione di Oracle Database, inclusi i servizi Oracle Autonomous Data Warehouse e Oracle Autonomous Transaction Processing. Verrà utilizzata un'istanza di Oracle Autonomous Transaction Processing su Oracle Cloud Infrastructure (OCI) per ospitare e un'area di lavoro APEX.

Video di panoramica

APEX Passo 1

Divertimento! Che cos'è un'area di lavoro APEX?

Un'area di lavoro APEX è un dominio logico in cui si definiscono le applicazioni APEX. Ogni area di lavoro è associata a uno o più schemi di database (utenti di database), utilizzati per memorizzare gli oggetti di database quali tabelle, viste, package e altro ancora. Questi oggetti di database sono generalmente ciò di cui si basano le applicazioni APEX.

  1. Nella console OCI aprire il menu delle risorse, andare a Oracle Database e selezionare Autonomous Transaction Processing.

  2. Nella sezione Ambito lista, scegliere il compartimento Luna assegnato all'istanza. Espandere i segni meno fino a trovare il compartimento effimero e selezionarlo.

  3. Fare clic su Crea Autonomous Database.

  4. L'unica operazione da aggiungere nella pagina di configurazione di Autonomous Database è una password per l'utente amministratore. Scorrere il modulo fino alla sezione Crea credenziali amministratore e immettere una password composta da 12-30 cifre. Assicurati che sia quello che puoi ricordare perché lo utilizzerai in seguito. Cercare il modulo e accettare tutte le impostazioni predefinite.

    Campo Informazioni consigliate
    Compartimento Verificare che il compartimento Luna sia stato selezionato
    Nome visualizzato Accetta l'impostazione predefinita
    Nome database Accetta l'impostazione predefinita
    Scegliere un tipo di carico di lavoro Transaction Processing
    Scegliere un tipo di distribuzione Infrastruttura condivisa
    Versione database 19c
    Conteggio OCPU 1
    Storage (TB) 1
    Nome utente ADMIN (Impossibile modificare)
    Password Creare una password di 12-30 caratteri
    Scegliere l'accesso alla rete Consenti accesso sicuro ovunque
    Scegliere un tipo di licenza Modello BYOL (Bring Your Own License)

  5. Fare clic su Crea Autonomous Database.

    Il processo di creazione del database richiederà alcuni minuti. Man mano che viene eseguito il provisioning, l'icona ATP verrà visualizzata in arancione.

Una volta completata, l'icona ATP visualizzerà verde e sarà disponibile. Assicurati di avere una piccola festa come hai fatto pochi istanti per lanciare e configurare il database più potente al mondo!

Configurare l'area di lavoro APEX

Poiché hai appena creato una nuova istanza di Oracle Autonomous Database, dovrai configurare APEX per il primo utilizzo. Nei passi successivi verrà eseguito il login come amministratore per inizializzare un'area di lavoro e creare un utente denominato demo. Poi potrai eseguire il logout e tornare come il nuovo utente (demo) per iniziare a creare la tua prima applicazione sorprendente.

Video di panoramica

APEX Passo 2

  1. Fare clic sulla scheda Strumenti per accedere alla sezione Strumenti del database in cui viene trovato un collegamento all'applicazione APEX.

  2. Fare clic su Open APEX per iniziare.

  3. Immettere la password amministratore utilizzata per creare Oracle Autonomous Database nel primo passo e fare clic su Collega ad amministrazione.

  4. Fare clic su Crea area di lavoro.

  5. Nella finestra di dialogo Crea area di lavoro verrà creato un nuovo utente insieme a una nuova area di lavoro per ospitare l'applicazione. Immettere le informazioni riportate di seguito e fare clic su Crea area di lavoro.

    Proprietà Valore
    Utente database DEMO
    Password utilizzare la stessa password utilizzata in precedenza o un'altra password scelta
    Nome area di lavoro DEMO


    È stata creata una nuova area di lavoro denominata DEMO con un nuovo utente denominato DEMO.

    Ora è necessario disconnettersi dall'area di lavoro Amministrazione ed eseguire il login all'area di lavoro DEMO. Il modo più semplice per eseguire questa operazione consiste nel fare clic su DEMO nel messaggio Creazione area di lavoro, probabilmente nella parte superiore della schermata.

  6. Questo consente di disconnettersi dall'area di lavoro di amministrazione e di accedere alla nuova area di lavoro DEMO. Compilare la password e fare clic su Sign In.

Creare un'applicazione da un foglio di calcolo

In questa sezione verrà descritto come creare un'applicazione APEX utilizzando i dati importati da un foglio di calcolo. Per semplificare la dimostrazione, verranno utilizzati dati di esempio integrati in APEX. Tuttavia, la procedura sarebbe la stessa se si caricavano dati personali o clienti.

Dopo aver eseguito il login all'area di lavoro, è possibile avviare la creazione delle applicazioni APEX. Crearai un'applicazione semplice basata su un foglio di calcolo. Tenere presente che APEX è la soluzione ideale per una vasta gamma di applicazioni, da semplici applicazioni come questa a grandi applicazioni sofisticate basate su oggetti di database locali, oggetti SQL abilitati per REST e persino API REST.

Mentre gli sviluppatori APEX passano la maggior parte del loro tempo in App Builder, si dovrebbe anche indagare su SQL Workshop, dove è possibile creare e gestire oggetti di database, Team Development, dove è possibile tenere traccia di grandi progetti di sviluppo APEX e la Galleria applicazioni, che contiene numerose applicazioni di produttività e di esempio che possono essere installate in pochi minuti.

Video di panoramica

APEX Passo 3

Carica dati progetto e task

  1. Nella home page dell'area di lavoro APEX fare clic su App Builder.

  2. Fare clic su Create a New App.

  3. Fare clic su Da un file.

    Quando si crea un'applicazione da un file, APEX consente di caricare file CSV, XLSX, XML o JSON, quindi di creare applicazioni basate sui dati contenuti in tali file. È inoltre possibile copiare e incollare i dati CSV o caricare i dati di esempio. Per questa dimostrazione, verranno caricati i dati campione forniti con l'applicazione.

  4. Nella procedura guidata Carica dati fare clic sull'opzione Copia e incolla nella parte superiore.

  5. Selezionare Progetto e task dall'elenco dei set di dati di esempio, quindi fare clic su Avanti.

  6. Rivedere i dati analizzati per l'applicazione demo e fare clic su Avanti.

  7. Selezionare Nuova tabella in cui caricare i dati. Verificare che Proprietario tabella sia impostato su Demo. Impostare il nome della tabella su PROJECT_TASKS, quindi fare clic su Carica dati.

    Dopo aver fatto clic su Carica dati, verrà visualizzato uno spinner finché la procedura guidata non termina il caricamento dei dati.

    Nota: la procedura guidata Caricamento dati ha creato una nuova tabella con i record dei dati di esempio. Verrà ora creata l'applicazione in base ai dati della nuova tabella.

  8. Nella finestra di dialogo Carica dati verificare che nella tabella PROJECT_TASKS siano state caricate 73 righe, quindi fare clic su Visualizza tabella.

  9. Si trova ora nel Browser oggetti, esaminare la struttura della tabella e altre informazioni che verranno create. Nella barra degli strumenti Tabella fare clic sul pulsante Crea applicazione.

  10. Nella pagina Crea applicazione fare clic su Crea applicazione.

    Nella pagina Crea applicazione, rivedere le pagine elencate, costituiranno la base della nuova applicazione. È possibile fare clic sul pulsante Modifica di ogni pagina per aggiungere le personalizzazioni in primo piano se si conosce già ciò che si desidera. Fare clic per rivedere ognuno in caso di tempo.

  11. In Funzioni fare clic sul collegamento Controlla tutto per includere tutte le funzioni disponibili nell'applicazione. Fare clic su Crea applicazione.

  12. Attendere qualche minuto per la creazione dell'applicazione. Al termine della procedura guidata, si verrà reindirizzati alla home page dell'applicazione in App Builder.

  13. Fare clic su Run Application. Questa operazione aprirà l'applicazione runtime in una nuova scheda del browser, consentendo di vedere come gli utenti finali visualizzeranno l'applicazione.

  14. Immettere le credenziali utente e fare clic su Accedi.

    Nota: utilizzare lo stesso nome utente e la stessa password utilizzati per accedere all'area di lavoro APEX. (DEMO)

  15. Esplora l'applicazione e familiarizza con l'aspetto complessivo.

  16. Fare clic su Dashboard (nel menu iniziale o nel menu di navigazione) per visualizzare i grafici predefiniti creati automaticamente.

  17. Fare clic su Ricerca task progetto nel menu di navigazione e provare la ricerca con facet. Fare una nota mentale sul funzionamento delle ricerche, in questo caso verrà visualizzato il cliente in cui potrà apportare miglioramenti all'applicazione e rendere i dati più utili.

  18. Fare clic su Report task progetto per visualizzare un report interattivo, quindi fare clic sull'icona di modifica per un record per visualizzare i dettagli in una pagina "form" modificabile.

  19. Passare quindi alla pagina Calendario ed esaminare i dati visualizzati. Si noti che il comportamento predefinito consente la visualizzazione delle informazioni quando si sposta il mouse su un evento e quando si fa clic su un evento non viene eseguita alcuna operazione diversa.

    Nota: per visualizzare i dati potrebbe essere necessario tornare indietro di diversi mesi.

  20. Esaminare infine le opzioni disponibili in Amministrazione.

    Nota: come bonus nella schermata Amministrazione, vedere se è possibile capire come modificare il tema dal tema predefinito Vita al tema Redwood Light.

In questa sezione sarà possibile acquisire esperienza di prima mano nella personalizzazione dell'applicazione per casi d'uso specifici. Si inizierà modificando la pagina di ricerca con facet per contribuire a chiarire i dati e renderli più utilizzabili per la situazione specifica. La ricerca basata su facet consente agli utenti di limitare i risultati della ricerca utilizzando filtri basati sulla classificazione dell'elemento. La pagina di ricerca include facet a sinistra che possono essere facilmente utilizzati per limitare i dati visualizzati nel report a destra.

Video di panoramica

APEX Passo 4

Quando si rivede la pagina Ricerca task progetto nell'applicazione, è possibile controllare e deselezionare vari facet per creare viste diverse dei dati. Nella vista predefinita, quando si controlla un facet, i conteggi di tutti i facet rimanenti verranno aggiornati per mostrare il numero di record che soddisfano i nuovi criteri. Personalizzeremo alcuni aspetti nei passi riportati di seguito.

Quando si esaminano i facet, si noterà che la sezione Stato è in basso nella pagina ed è possibile utilizzare le caselle di controllo per scegliere più valori, uno o più.

  1. Dall'applicazione runtime, andare alla pagina di ricerca facendo clic su Ricerca task progetto. Poiché l'applicazione è stata eseguita da APEX App Builder, nella parte inferiore della schermata viene visualizzata una barra degli strumenti Developer.

    Nota: gli utenti finali che accedono direttamente all'applicazione non visualizzeranno questa barra degli strumenti.

  2. Nella barra degli strumenti Sviluppatore fare clic su Modifica pagina 3.

  3. In alternativa, è anche possibile tornare manualmente alla scheda APEX App Builder nel browser selezionando la scheda o la finestra del browser appropriata. Una volta in App Builder, fare clic su 3 - Ricerca task progetto.

    Dovrebbe ora trovarsi in Page Designer. Page Designer è il punto in cui si spende la maggior parte del tempo per migliorare l'applicazione. Sono disponibili tre riquadri in Page Designer. All'inizio il riquadro sinistro visualizza l'albero di rendering con un elenco di componenti di pagina. Nel riquadro centrale viene visualizzato il layout, una rappresentazione della pagina e la galleria da cui è possibile trascinare nuovi componenti nel layout. Il riquadro destro è l'Editor proprietà, in cui è possibile modificare gli attributi per il componente selezionato.

    Lo stato è un criterio di ricerca molto comune, pertanto per rendere l'applicazione più utile, si desidera riordinare gli aspetti in modo che lo stato sia tra Progetto e Assegnato a, portandolo in visibilità per una migliore facilità d'uso.

  4. Nella struttura di rendering (riquadro sinistro), in Cerca, all'interno di Facet, tenere premuto P3_STATUS e trascinarla fino a quando non si trova in P3_PROJECT, quindi rilasciare il mouse.

    Attualmente il facet Stato è una serie di caselle di controllo. È tuttavia improbabile che gli utenti selezionino più di uno alla volta, in modo da convertirlo in un gruppo di radio.

  5. Se si continua con l'opzione P3_STATUS selezionata, nell'Editor proprietà (riquadro destro), individuare Identificazione, quindi Tipo. Modificare il tipo da Gruppo caselle di controllo in Gruppo di scelta.

  6. Scorrere ulteriormente verso il basso il pannello delle proprietà, trovare Voci elenco, quindi Voci con conteggio zero e modificare questo campo da Nascondi a Mostra ultimo.

  7. Nella parte superiore destra della pagina fare clic su Salva ed esegui pagina per salvare le modifiche apportate ai facet ed esaminare l'applicazione.

  8. Nell'ambiente runtime fare clic su uno degli stati. Esaminare le modalità di aggiornamento dei conteggi degli altri facet in base alla selezione effettuata. È inoltre possibile selezionare uno degli altri stati per ordinare rapidamente i dati oppure fare clic su Cancella per reimpostare le opzioni.

    Potreste aver notato che i facet vanno fuori dalla parte inferiore della pagina. Sarebbe preferibile comprimere gli ultimi tre aspetti per semplificare la visualizzazione di tutte le scelte disponibili. Ci prendiamo cura di questo nei prossimi passi.

  9. Tornare all'ambiente di sviluppo (APEX App Builder) utilizzando il collegamento di modifica nella barra degli strumenti Sviluppatore oppure passare manualmente alla scheda del browser appropriata.

  10. Nella struttura di rendering (riquadro sinistro), in Cerca, all'interno di Facet, fare clic su P3_ASSIGNED_TO, tenere premuto il tasto Maiusc, quindi fare clic su P3_COST, in modo che vengano selezionati tre facet. Nell'Editor proprietà (riquadro destro), all'interno del filtro nella parte superiore, immettere collap in modo che vengano visualizzati solo due attributi. In Avanzate e quindi in Initially Collapsed modificare lo switch in selezionato.

    Nota: anziché immettere un filtro, è inoltre possibile scorrere le proprietà fino a trovare l'attributo corretto da aggiornare.

  11. Fare clic su Salva ed esegui pagina per visualizzare la pagina di ricerca migliorata.

Ottimo lavoro! Ora è stata intrapresa l'applicazione di base del foglio di calcolo dei clienti e sono state aggiunte alcune funzionalità che ne migliorano l'usabilità. Nella sezione successiva verranno aggiunti alcuni miglioramenti alla sezione Report.

Migliorare il report e il form

In questa sezione verranno fornite informazioni sulle funzionalità dei report interattivi e verrà descritto come migliorare una pagina modulo dal punto di vista degli utenti finali. La pagina Report task progetto utilizza un report interattivo per visualizzare i record. I report interattivi sono estremamente potenti in quanto consentono agli utenti finali di modificare i dati visualizzati e le caratteristiche di visualizzazione. Per questo report verrà aggiunta un'interruzione di colonna, una colonna computazionale, un'aggregazione e un grafico. In questo modo sarà possibile ordinare i dati e salvare il report per tutti gli utenti.

Video di panoramica

APEX Passo 5

Nota: tutti i passi riportati di seguito, ad eccezione del salvataggio di report alternativi, possono essere eseguiti dagli utenti finali. Di seguito sono riportate molte funzionalità aggiuntive disponibili per gli utenti finali.

  1. Nell'ambiente di runtime fare clic su Report task progetto.

  2. Fare clic sull'intestazione di colonna Progetto, quindi selezionare Interruzione di controllo, ovvero l'icona a destra sotto l'intestazione del progetto.

    In questa sezione verrà aggiunta una colonna computazionale che confronta il budget rispetto al costo del progetto. APEX consente agli utenti finali di definire nuove colonne in base alle colonne esistenti in un report e alla possibilità di aggiungere calcoli. Le colonne vengono selezionate all'interno del calcolo utilizzando una lettera associata a ogni colonna.

  3. Nella parte superiore del report, fare clic su Azioni, selezionare Dati, quindi selezionare Computazione.

  4. Nella finestra di dialogo Computazione appena aperta, immettere il nome della nuova colonna come Budget V Cost. Successivamente, utilizzare l'elenco a discesa in Maschera formato per scegliere la maschera di $5240.10, verrà visualizzato come FML999G999G999G999G990D00. Il selettore delle colonne sceglie le colonne che si desidera iniziare con I. Immettere uno spazio e un trattino, quindi selezionare la colonna H in modo che l'espressione sembri quella nell'immagine di esempio. Fare clic su Applica.

    Proprietà Valore
    Etichetta colonna Budget rispetto a costo
    Maschera di formato $5234.10
    Espressione di calcolo I - H


    Viene aggiunta una nuova colonna Budget V Costo al report interattivo.

  5. Per aggiungere il budget rispetto al costo per ogni progetto, fare clic su Azioni, selezionare Dati, quindi selezionare Aggrega.

  6. Nella finestra di dialogo Aggrega selezionare la funzione Somma e scegliere la nuova colonna dall'elenco a discesa Budget V Cost, quindi fare clic su Applica.

    Anche se è possibile visualizzare il budget totale rispetto al costo per ogni progetto, è molto più semplice visualizzare i totali in un grafico per ottenere un'immagine complessiva di tutti i progetti.

  7. Nel report fare clic su Azioni, selezionare Chart. Utilizzare l'elenco a discesa per immettere le informazioni riportate di seguito utilizzando la selezione Grafico a barre e fare clic su Applica.

    Proprietà Valore
    Etichetta Progetto
    Valore **Budget V costo
    Funzione Somma
    Ordina Etichetta-Crescente
    Orientamento Orizzontale


  8. Dopo aver fatto clic su Applica, verrà visualizzato il grafico. Passare il puntatore del mouse sulle parti del grafico interattivo per visualizzare i dati. Passare dalla vista report alla vista grafico utilizzando le icone nella parte superiore del report a sinistra del pulsante Azioni.

  9. Facilitare il digest dei dati, assicurarsi che tutti i record siano ordinati in base alla data di inizio e alla data di fine in ogni progetto. Nella parte superiore del report fare clic sull'icona Visualizza report, fare clic su Azioni, selezionare Dati, quindi selezionare Ordina.

  10. Nella finestra di dialogo di ordinamento, immettere le informazioni riportate di seguito e fare clic su Applica.

    Riga Proprietà Valore
    2 Colonna Data inizio
    3 Colonna Data fine
    3 Ordinamenti nulli Nullo sempre - Ultimo


    Dopo aver apportato modifiche al report interattivo, è importante salvare il layout del report. Gli utenti finali possono salvare i report privati solo che possono visualizzare o i report pubblici visualizzabili anche da altri utenti.

    Nota: gli sviluppatori possono rimuovere la possibilità per gli utenti finali di salvare i report pubblici modificando gli attributi del report in Page Designer.

    Gli sviluppatori possono salvare il report come report principale (predefinito) oppure come report alternativo per rendere disponibili viste diverse dei dati per diversi casi d'uso. Nei passi successivi il report verrà salvato come report alternativo.

  11. Nel report fare clic su Azioni, selezionare Report, quindi selezionare Salva report.

  12. Nel report di salvataggio, nell'elenco a discesa Salva (solo visualizzato per gli sviluppatori) selezionare Come impostazioni report predefinite.

    Nota: gli utenti finali possono salvare i report privati e pubblici. Tuttavia, solo gli sviluppatori (che hanno eseguito l'applicazione da App Builder) possono salvare i report primari e alternativi.

  13. In Salva report predefinito, selezionare Alternativo nel campo Nome, immettere Revisione budget, quindi fare clic su Applica.

    Nella parte superiore del report verrà visualizzato un nuovo elenco di selezione in cui sono elencati tutti i report salvati disponibili per l'utente.

  14. Tornare alla vista iniziale del report e selezionare 1. Report principale, quindi fare clic su Reimposta.

    Nella sezione successiva verranno migliorate le pagine dei moduli. Le pagine dei form consentono agli utenti finali di aggiornare facilmente un singolo record di informazioni. È molto comune che queste pagine siano pagine modali, in cui vengono visualizzate nella parte superiore della pagina originale, e che la pagina originale sia disattivata e non accessibile senza prima chiudere la pagina modale. I vantaggi delle pagine modali sono che la stessa pagina può essere richiamata da numerose altre pagine. Includono tutti i processi, le convalide e così via all'interno della definizione della pagina, sono facili da usare e fanno per un'esperienza utente molto diretta.

    Per impostazione predefinita, le pagine dei moduli generate dalla Creazione guidata applicazione sono pagine modali. La pagina modale per la gestione dei task del progetto richiede risorse immobiliari significative. Ciò potrebbe essere facilmente migliorato inserendo le date sulla stessa linea e il costo e il budget sulla stessa linea. Infine, lo stato consente di immettere qualsiasi valore, pertanto è necessario limitare l'immissione dei dati aggiungendo un elenco di stati consentiti.

  15. Nell'ambiente Runtime, nella pagina Report task progetto, fare clic sull'icona di modifica per qualsiasi record.

    Verrà visualizzata la pagina del modulo modale per il record selezionato.

  16. Nella barra degli strumenti Sviluppatore, nella parte inferiore della schermata, fare clic su Modifica pagina 5.

    Nota: se si verificano problemi durante la navigazione utilizzando la barra degli strumenti Sviluppatore, passare manualmente alla scheda del browser per APEX App Builder. Se ci si trova nella home page dell'applicazione, andare alla pagina facendo clic su 5 - Task progetto. Se si trova già in un'altra pagina di Designer pagine, utilizzare il selettore pagina nella barra degli strumenti per passare alla pagina 5.

    Gli elementi possono essere spostati trascinandoli nel pannello Layout. È inoltre possibile trascinare nel layout i componenti nuovi, ad esempio aree, elementi e pulsanti della Galleria, sotto Layout.

  17. In Page Designer, con il caricamento di Pagina 5 all'interno del layout (riquadro centrale), fare clic su P5_END_DATE e continuare a tenere premuto il mouse. Trascinare l'elemento verso l'alto e verso destra fino a quando non viene visualizzato direttamente dopo P5_START_DATE e una casella di colore giallo scuro. Rilasciare il mouse per rilasciare l'elemento nella nuova posizione.

    In alternativa all'utilizzo del trascinamento della selezione è inoltre possibile riposizionare gli elementi utilizzando gli attributi nel pannello Layout.

  18. (Metodo alternativo) In Progettazione pagine, all'interno del layout (o della struttura di rendering nel riquadro sinistro), selezionare P5_BUDGET. Nell'Editor proprietà (riquadro destro), in Layout, deselezionare Avvia nuova riga.

    Nota: non appena si deseleziona l'opzione Avvia nuova riga, l'elemento verrà spostato nella stessa riga dell'elemento precedente all'interno del layout.

    Successivamente si migliorerà il report per limitare l'immissione dei dati. Per limitare l'immissione di dati per un elemento, una delle tecniche più semplici consiste nella conversione di un elemento di testo, che consente di immettere i dati in un elenco di selezione.

  19. In Page Designer, all'interno della struttura di rendering (riquadro sinistro), selezionare P5_STATUS. Nell'Editor proprietà (riquadro destro), immettere le informazioni riportate di seguito.

    Gruppo Attributo Valore
    Identificativo Type Seleziona elenco
    Lista di valori Type Query SQL
      Visualizza valori aggiuntivi Deseleziona
      Valore visualizzato nullo Digitare - Selezionare Stato -


  20. In Elenco di valori e nel campo Query SQL immettere il codice seguente:

    select distinct status d, status r
from project_tasks
order by 1

  21. È importante salvare le modifiche prima di eseguire il test. In Progettazione pagine, nella barra degli strumenti, nella parte superiore, fare clic su Salva.

    Nota: se si preme Salva ed esegui nella barra degli strumenti, verrà visualizzato un messaggio anziché la pagina in esecuzione. Si tratta di un funzionamento previsto, in quanto le pagine modali non possono essere eseguite direttamente da Page Designer.

  22. Tornare all'ambiente di runtime e aggiornare il browser oppure fare clic su Annulla nella pagina modale per tornare alla pagina Report task progetto.

  23. Nella pagina Report task progetto, fare clic sull'icona di modifica per qualsiasi record. Rivedere il layout migliorato e fare clic su Stato per visualizzare l'elenco degli stati disponibili.

    Ben fatto! È stato descritto come personalizzare la funzionalità di generazione report di base nella semplice applicazione APEX. Come creare relazioni dati semplici e visualizzarle in forma di grafico. Hai anche dimostrato che anche gli utenti finali possono utilizzare la potente funzionalità di APEX se è nel migliore interesse dei clienti. Nella sezione successiva verrà visualizzata l'applicazione di calendario.

Migliorare il calendario (facoltativo)

In questo passo imparerai come migliorare il calendario per un caso d'uso del cliente. Collegare una pagina di calendario esistente a una pagina di form modale. La pagina predefinita Calendario visualizza il progetto, anziché il nome del task, e mostra solo la data di inizio, in cui il cliente potrebbe voler visualizzare gli eventi basati sulla durata. Cambieremo questi elementi per illustrare le personalizzazioni di base per iniziare a utilizzare il calendario.

Panoramica video

APEX Passo 6

  1. Nell'ambiente runtime fare clic su Calendario.

    Nota: potrebbe essere necessario utilizzare le frecce nella parte superiore del calendario per spostarsi tra i mesi precedenti o successivi per visualizzare i dati visualizzati.

  2. Nella barra degli strumenti Sviluppatore fare clic su Modifica pagina 6. In alternativa, tornare alla scheda del browser di APEX App Builder e passare manualmente alla pagina 6.

    Verrà modificata la colonna visualizzata nella vista calendario e la durata degli eventi in base all'aggiornamento degli attributi del calendario.

  3. In Progettazione pagina, nel pannello di rendering (riquadro sinistro), fare clic sulla voce Calendario, quindi fare clic sulla scheda Attributi disponibile in Editor proprietà come seconda scheda accanto alla scheda Area.

  4. Nell'Editor proprietà (riquadro destro), in Impostazioni, quindi in Visualizza colonna fare clic sull'elenco a discesa per la colonna di visualizzazione e selezionare TASK_NAME, quindi nell'elenco a discesa Colonna data fine selezionare END_DATE.

  5. Nella barra degli strumenti di Page Designer fare clic su Salva ed esegui per rivedere le modifiche.

    Dai un'occhiata al calendario rivisto e potresti renderti conto che forse cambiare evento in base alla durata non sarà più bello come pensavi. Apportare una leggera modifica e rimuovere la colonna Data fine aggiunta sopra.

  6. Tornare al Generatore applicazioni APEX e selezionare Pagina 6 in Designer. Nella struttura di rendering (riquadro sinistro) fare clic su Calendario e fare di nuovo clic su Attributi nella scheda all'estrema destra della pagina.

  7. Nell'Editor proprietà (riquadro destro), per Impostazioni e Colonna data fine selezionare - Seleziona - per cancellare la voce END_DATE e rendere il calendario un po' più facile da usare.

  8. In Page Designer fare clic su Salva ed esegui per visualizzare il calendario avanzato.

    Il prossimo miglioramento che faremo è modificare quello che fa clic su un evento di calendario. Al momento, quando si fa clic o si passa con il puntatore del mouse su una voce di calendario, vengono visualizzati i dettagli dell'evento. Il cliente ritiene che sarebbe più utile consentire agli utenti finali di collegarsi direttamente al modulo Task progetto in modo da poter aggiornare facilmente i dettagli. Quindi collegheremo gli elementi nel calendario nei passi successivi.

  9. Passare a APEX App Builder e assicurarsi che Page Designer venga visualizzato con la pagina 6 selezionata.

    Verrà creato un collegamento di visualizzazione/modifica dall'area Calendario alla pagina 5, la pagina della maschera Task progetto modificata nel laboratorio precedente.

  10. In Page Designer, all'interno della struttura di rendering (riquadro sinistro), fare clic su Calendario, quindi fare clic sulla scheda Attributi nell'Editor proprietà (riquadro destro). Nella sezione Impostazioni Attributi individuare la voce Visualizza/Modifica collegamento. Fare clic nel punto in cui viene indicato Nessun collegamento definito.

  11. Utilizzare l'elenco a discesa e i campi di selezione per immettere le seguenti informazioni nel modulo risultante, quindi fare clic su OK:

    Proprietà Valore
    Type Pagina in questa applicazione
    Pagina 5
    Imposta elementi > Nome P5_ID
    Imposta articoli > Valore &ID.
    Cancella cache 5
    Azione Ripristina impaginazione


    È importante che il calendario venga aggiornato ogni volta che il nome del task o la data di inizio vengono modificati utilizzando il nuovo collegamento. Per assicurarsi che la pagina venga aggiornata in modo appropriato, è necessario definire un'azione dinamica per aggiornare l'area di calendario quando la finestra di dialogo (pagina modulare) è chiusa. Un'azione dinamica è un modo dichiarativo per definire l'interattività lato client. Gli sviluppatori specificano quando un evento viene attivato, le azioni da eseguire e i componenti da eseguire.

  12. In Page Designer, all'interno della struttura di rendering (riquadro sinistro), fare clic con il pulsante destro del mouse sull'area Calendario, scegliere Crea azione dinamica dal menu.

  13. Con l'azione dinamica selezionata, nell'Editor proprietà (riquadro destro), immettere le seguenti informazioni:

    Gruppo Proprietà Valore
    Identificativo Nome Aggiorna calendario
    Quando Evento Finestra di dialogo chiusa
      Tipo di selezione Area
      Area Calendario


  14. Nell'albero di rendering (riquadro sinistro), sotto l'azione True per l'azione dinamica, selezionare Mostra. Nell'Editor proprietà (riquadro destro), immettere le informazioni riportate di seguito.

    Gruppo Proprietà Valore
    Identificativo Azione Aggiorna
    Elementi interessati Tipo di selezione Area
      Area Calendario


  15. Nella barra degli strumenti di Page Designer fare clic su Salva ed esegui per rivedere l'applicazione completata.

  16. Nell'ambiente runtime selezionare un evento dal calendario per visualizzare il funzionamento del calendario avanzato. Scegliere un elemento dal calendario e aggiornare. Nella pagina del form Task progetto, aggiornare Nome task e Data inizio. Fare clic su Applica modifiche.

  17. Confermare l'aggiornamento del calendario per visualizzare i dettagli aggiornati.

Bello! Hai creato un Oracle Autonomous Transaction Database e convertito un tipico foglio di calcolo aziendale in una potente applicazione. Hai perfezionato i dati e modificato molte delle impostazioni predefinite per mostrare solo alcune delle personalizzazioni che i clienti possono scegliere per migliorare ulteriormente le loro applicazioni. Sentiti libero di eseguire questa demo fino a quando non puoi farlo comodamente senza le istruzioni.

Ora puoi mostrare a un cliente la potenza di APEX e Oracle Autonomous Database!

Altre risorse di apprendimento

Esplora altri laboratori su docs.oracle.com/learn o accedi a più contenuti di apprendimento gratuito sul canale Oracle Learning YouTube. Inoltre, visitare education.oracle.com/learning-explorer per diventare Oracle Learning Explorer.

Per la documentazione del prodotto, visitare il sito Oracle Help Center.