Corso intensivo 101
10 Moduli
5 settimane

Filepicker

Clicca per copiare

Componente Filepicker nelle applicazioni web


Nel nuovo modulo continueremo a esplorare le possibilità dei processi aziendali. Ci occuperemo di situazioni più complesse delle semplici operazioni matematiche. Studieremo le operazioni di confronto, la ramificazione e il funzionamento dei cicli. Inoltre, capiremo come lavorare con i file e analizzarne il contenuto.

Per fare questo, immaginiamo che il nostro compito sia quello di sviluppare una nostra rete sociale. Naturalmente, non tutto in una volta, sarà sufficiente progettare il profilo dell'utente.

Design complessivo

Cominciamo con il design generale. Dobbiamo progettare la pagina e aggiungere gli elementi necessari. Un problema simile è già stato risolto durante il lavoro sul 6° modulo, quindi non spiegheremo di nuovo tutti i passaggi. Questa è un'altra occasione per consolidare le conoscenze nella pratica.

Immaginiamo che un utente possa aggiungere un avatar al proprio profilo, specificare un login e inserire informazioni biografiche. Ma c'è una condizione: non possono essere inserite direttamente (tutti i campi di input hanno il parametro Disabled = true ); devono essere caricati da file.

Filepicker

Il blocco Filepicker può essere usato per lavorare con i file in AppMaster. È ottimo nella maggior parte delle situazioni e permette di specificare varie impostazioni e di scegliere l'aspetto. Ma il fatto stesso di utilizzarlo potrebbe non essere adatto al progetto che si intende realizzare. Pertanto, nel nostro esempio, utilizzeremo un metodo diverso e creeremo la possibilità di caricare i file senza Filepicker e senza alcun pulsante esplicito.

Utilizzeremo il pulsante Container onClick nel contenitore principale. Qualsiasi clic sul contenitore o sul suo elemento avvierà questo processo commerciale. Dovremmo iniziare scegliendo i file. Per farlo, utilizzeremo il blocco Select Files . La sua particolarità è che questo blocco richiede la partecipazione dell'utente per la sua esecuzione. Il processo procederà solo dopo che l'utente avrà selezionato i file. Impostare il parametro Max files = 99 per poter selezionare più file.

Il progetto prevede che l'utente invii due file contemporaneamente. Il primo è un'immagine da impostare come avatar. Il secondo è un file Excel (xlsx) con il resto dei dati.

Was this article helpful?
Stai ancora cercando una risposta?