Skip to Content
IoT Gösterge PanolarıSayfalar ve Gezinme

Sayfalar ve Gezinme

IronFlock panelleri tek bir ekranla sınırlı değildir. Birden fazla sayfa oluşturabilir ve gezinme widget’ları kullanarak aralarında sorunsuzca geçiş yapabilirsiniz — kullanıcılarınıza sayfadan sayfaya atlamak için basit, tıklanabilir yollar sağlayabilirsiniz.

Yan menü ve sekme çubuğu içeren Statik Yönlendirme düzeni ve makine listesi içeren Dinamik Yönlendirme düzeni gösteren gezinme demosu

Gezinme Nasıl Çalışır

Gezinme rotalar tarafından desteklenir. Rota, URL’nin .../home/ sonrasındaki bölümüdür ve IronFlock’a hangi sayfanın görüntüleneceğini söyler.

  • Yeni bir sayfa ekleyin → bunun için yeni bir rota oluşturulur.
  • Bir gezinme widget’ı adres çubuğundaki rotayı değiştirir → IronFlock bağlantılı sayfayı anında gösterir.

Gezinme Widget Türleri

Aralarından seçim yapabileceğiniz üç gezinme widget’ı vardır:

  • Yan Gezinme — üst düzey bölümler için ideal dikey bir kenar çubuğu menüsü. Statik öğeler gösterebilir veya verilerinizden dinamik olarak öğeler oluşturabilir (örn. projenizdeki her makine için bir giriş).
  • Sekme Çubuğu — bir sayfa içindeki alt görünümler arasında geçiş yapmak için yatay bir sekme çubuğu.
  • Gezinme Düğmesi — belirli bir sayfaya bağlanan tek bir düğme.

Göreceli ve Mutlak Rotalar

Gezinme widget’ları iki yönlendirme stilini destekler:

  • Mutlak rotalar eğik çizgiyle başlar (örn. /ayarlar/cihaz1) ve her zaman tam olarak o rotaya gider.
  • Göreceli rotalar başında eğik çizgi olmaz (örn. cihaz2/profil) ve mevcut rotanın son segmentinin yerini alır.

Örnek: /ayarlar/cihaz1 üzerindeyseniz ve cihaz2/profil sayfasına giderseniz, yeni rota /ayarlar/cihaz2/profil olur.

Not: /ayarlar ve /ayarlar/ aynı şey değildir:

  • /ayarlar’dan cihaz1’e gitmek /cihaz1 ile sonuçlanır
  • /ayarlar/’dan cihaz1’e gitmek /ayarlar/cihaz1 ile sonuçlanır

Dinamik Yönlendirme

Projenizdeki her cihaz için ayrı bir sayfa oluşturmak yerine * içeren bir joker karakter rotası kullanabilirsiniz.

Örnek: /varliklar/* adresinde bir sayfa oluşturun. /varliklar/cihaz1, /varliklar/cihaz2 veya /varliklar/herhangi gibi herhangi bir rota bu tek sayfayı görüntüler.

Sayfanın içinde, widget’lar verilerini otomatik olarak filtrelemek için rota segmentlerini okuyabilir. URL /varliklar/cihaz1 ise, segmentler şunlardır:

  • Segment 1 → varliklar
  • Segment 2 → cihaz1

Bir widget’ı 2. segmente göre filtreleyecek şekilde yapılandırın; URL’deki hangi cihaz olursa olsun otomatik olarak o cihazın verilerini gösterecektir. /varliklar/cihaz2’ye gidin ve aynı sayfa uyum sağlar ve cihaz2’nin verilerini gösterir — yinelenen sayfalara gerek kalmaz.

Gezinme widget’ları ve dinamik yönlendirme ile panonuz modüler ve projeye duyarlı hale gelir. 5 cihazınız veya 5.000 cihazınız olsun, hepsini karmaşıklık veya dağınıklık olmadan gezinebilir ve yönetebilirsiniz.

Last updated on