Crash Course 101
10 moduły
5 Tygodnie

Filepicker

Kliknij, aby skopiować

Komponent Filepicker w aplikacjach internetowych


W nowym module będziemy nadal badać możliwości procesów biznesowych. Będziemy rozgryzać sytuacje, które są bardziej złożone niż proste operacje matematyczne. Zgłębimy operacje porównywania, rozgałęziania i działania cykli. A także zorientujemy się, jak pracować z plikami i analizować ich zawartość.

W tym celu wyobraź sobie, że naszym zadaniem jest stworzenie własnej sieci społecznościowej. Oczywiście nie wszystko na raz, wystarczy projekt profilu użytkownika.

Ogólny projekt

Zacznijmy od ogólnego projektu. Musimy zaprojektować stronę i dodać niezbędne elementy. Podobny problem został już rozwiązany podczas pracy nad 6. modułem, więc nie będziemy ponownie wyjaśniać wszystkich kroków. Niech to będzie kolejna okazja do utrwalenia wiedzy w praktyce.

Wyobraźmy sobie, że użytkownik może dodać awatar do swojego profilu, określić login, a także wypełnić informacje biograficzne. Jest jednak jeden warunek - nie mogą być one wprowadzone bezpośrednio (wszystkie pola wejściowe mają Disabled = true parametr); muszą być one wczytane z plików.

Filepicker

Blok Filepicker blok można wykorzystać do pracy z plikami w AppMaster. Świetnie sprawdza się w większości sytuacji, pozwala określić różne ustawienia i wybrać wygląd. Jednak sam fakt jego użycia może nie być odpowiedni dla projektu, który planujesz zrealizować. Dlatego w naszym przykładzie zastosujemy inną metodę i stworzymy możliwość przesyłania plików bez Filepicker, a nawet bez wyraźnych przycisków.

Wykorzystamy do tego celu Container onClick wyzwalacz w głównym kontenerze, aby tego dokonać. Każde kliknięcie na kontener lub jego element uruchomi ten proces biznesowy. A zacząć powinniśmy od wyboru plików. Aby to zrobić, użyjemy m.in. Select Files blok. Jego osobliwością jest to, że blok ten wymaga udziału użytkownika do jego wykonania. Proces będzie kontynuowany dopiero po wybraniu plików przez użytkownika. Ustaw parametr Max files = 99 aby móc wybrać wiele plików.

Plan zakłada, że użytkownik będzie mógł przesłać jednocześnie dwa pliki. Pierwszy to obrazek do ustawienia jako awatar. Drugi to plik Excel (xlsx) z pozostałymi danymi.

Was this article helpful?
Nadal szukasz odpowiedzi?