Skip to Content
Panele IoTStrony i nawigacja

Strony i nawigacja

Panele IronFlock nie są ograniczone do jednego ekranu. Możesz tworzyć wiele stron i sprawnie między nimi przełączać używając widgetów nawigacji — dając użytkownikom proste, klikalne sposoby przeskakiwania ze strony na stronę.

Jak działa nawigacja

Nawigacja jest zasilana przez trasy. Trasa to część URL po .../home/ i mówi IronFlock którą stronę wyświetlić.

  • Dodaj nową stronę → tworzona jest nowa trasa dla niej.
  • Widget nawigacji zmienia trasę w pasku adresu → IronFlock natychmiast pokazuje powiązaną stronę.

Typy widgetów nawigacji

Do wyboru są trzy widgety nawigacji:

  • Nawigacja boczna — pionowe menu boczne, idealne dla sekcji najwyższego poziomu. Może pokazywać statyczne elementy lub dynamicznie generować elementy z danych (np. jeden wpis na maszynę w projekcie).
  • Pasek zakładek — poziomy pasek zakładek do przełączania między widokami podrzędnymi na stronie.
  • Przycisk nawigacji — pojedynczy przycisk łączący do konkretnej strony.

Trasy względne vs. bezwzględne

Widgety nawigacji obsługują dwa style routingu:

  • Trasy bezwzględne zaczynają się od ukośnika (np. /ustawienia/urządzenie1) i zawsze nawigują dokładnie do tej trasy.
  • Trasy względne nie mają wiodącego ukośnika (np. urządzenie2/profil) i zastępują ostatni segment bieżącej trasy.

Przykład: Jeśli jesteś na /ustawienia/urządzenie1 i nawigujesz do urządzenie2/profil, nowa trasa staje się /ustawienia/urządzenie2/profil.

Dynamiczny routing

Zamiast tworzyć osobną stronę dla każdego urządzenia w projekcie, możesz używać trasy z symbolem wieloznacznym z *.

Przykład: Utwórz stronę pod /zasoby/*. Każda trasa jak /zasoby/urządzenie1, /zasoby/urządzenie2 lub /zasoby/cokolwiek wyświetli tę jedną stronę.

Wewnątrz strony widgety mogą odczytywać segmenty trasy do automatycznego filtrowania danych. Jeśli URL to /zasoby/urządzenie1, segmenty to:

  • Segment 1 → zasoby
  • Segment 2 → urządzenie1

Skonfiguruj widget do filtrowania przez segment 2, a automatycznie pokaże dane dla urządzenia znajdującego się w URL. Nawiguj do /zasoby/urządzenie2 a ta sama strona dostosowuje się i pokazuje dane urządzenie2 — bez duplikowania stron.

Dzięki widgetom nawigacji i dynamicznemu routingowi panel staje się modularny i świadomy projektu. Niezależnie czy masz 5 urządzeń czy 5000, możesz nimi nawigować i zarządzać bez bałaganu i złożoności.

Last updated on