Spoedcursus 101
10 modules
5 weken

Filepicker

Klik om te kopiëren

Filepicker component in web-applicaties


In de nieuwe module gaan we verder met het verkennen van de mogelijkheden van bedrijfsprocessen. We zullen situaties uitzoeken die complexer zijn dan eenvoudige wiskundige bewerkingen. We zullen de operaties van vergelijking, vertakking en de werking van cycli bestuderen. En ook zullen we uitzoeken hoe we met bestanden kunnen werken en hun inhoud kunnen analyseren.

Stel je voor dat het onze taak is een eigen sociaal netwerk te ontwikkelen. Natuurlijk niet in één keer, het ontwerpen van gebruikersprofielen volstaat.

Algemeen ontwerp

Laten we beginnen met het algemene ontwerp. We moeten de pagina ontwerpen en de nodige elementen toevoegen. Een soortgelijk probleem is al opgelost tijdens het werk aan de 6e module, dus we zullen niet alle stappen opnieuw uitleggen. Laat dit weer een gelegenheid zijn om kennis in de praktijk te consolideren.

Stel dat een gebruiker een avatar kan toevoegen aan zijn profiel, een login kan opgeven en ook biografische informatie kan invullen. Maar er is één voorwaarde - ze kunnen niet rechtstreeks worden ingevoerd (alle invoervelden hebben de Disabled = true parameter); ze moeten worden geladen uit bestanden.

Filepicker

Het blok Filepicker blok kan worden gebruikt om te werken met bestanden in AppMaster. Het is geweldig in de meeste situaties en stelt je in staat om verschillende instellingen te specificeren en het uiterlijk te kiezen. Maar alleen al het gebruik ervan is misschien niet geschikt voor het ontwerp dat u van plan bent te implementeren. Daarom zullen we in ons voorbeeld een andere methode gebruiken en de mogelijkheid creëren om bestanden te uploaden zonder een Filepicker en zelfs zonder expliciete knoppen.

We zullen de Container onClick trigger in de hoofdcontainer om dit te doen. Elke klik op de container of zijn element zal dit bedrijfsproces starten. En we moeten beginnen met het kiezen van bestanden. Hiervoor zullen we het Select Files blok. Het bijzondere is dat dit blok de deelname van de gebruiker vereist voor de uitvoering ervan. Het proces zal pas doorgaan nadat de gebruiker de bestanden heeft geselecteerd. Stel de parameter Max files = 99 om meerdere bestanden te kunnen selecteren.

Het is de bedoeling dat de gebruiker twee bestanden tegelijk invoert. Het eerste is een afbeelding om als avatar in te stellen. Het tweede is een Excel (xlsx) bestand met de rest van de gegevens.

Was this article helpful?
Nog op zoek naar een antwoord?
Word lid van de community