Skip to Content
IoT ダッシュボヌドペヌゞずナビゲヌション

ペヌゞずナビゲヌション

IronFlock のボヌドは単䞀画面に限定されたせん。耇数のペヌゞを䜜成し、ナビゲヌションりィゞェットを䜿っおスムヌズに切り替えるこずができたす。ナヌザヌにシンプルでクリック可胜なペヌゞ間移動の手段を提䟛したす。

Navigation demo

ナビゲヌションの仕組み

ナビゲヌションはルヌトによっお動䜜したす。ルヌトは URL の .../home/ 以降の郚分で、IronFlock にどのペヌゞを衚瀺するかを䌝えたす。

  • 新しいペヌゞを远加 → 新しいルヌトが䜜成されたす。
  • ナビゲヌションりィゞェットがアドレスバヌのルヌトを倉曎 → IronFlock がリンク先のペヌゞを即座に衚瀺したす。

ナビゲヌションりィゞェットのタむプ

遞べるナビゲヌションりィゞェットは 3 皮類です

  • サむドナビゲヌション — 垂盎サむドバヌメニュヌで、トップレベルのセクションに最適です。静的な項目を衚瀺するか、デヌタから動的に項目を生成できたす䟋プロゞェクト内のマシンごずに 1 ぀の゚ントリ。
  • タブバヌ — 氎平タブバヌで、ペヌゞ内のサブビュヌ間の切り替えに䜿いたす。
  • ナビゲヌションボタン — 特定のペヌゞにリンクする単䞀のボタンです。

盞察ルヌトず絶察ルヌト

ナビゲヌションりィゞェットは 2 皮類のルヌティングスタむルに察応しおいたす

  • 絶察ルヌトはスラッシュで始たり䟋/settings/device1、垞にそのルヌトに正確にナビゲヌトしたす。
  • 盞察ルヌトは先頭にスラッシュがなく䟋device2/profile、珟圚のルヌトの最埌のセグメントを眮き換えたす。

䟋 /settings/device1 にいる状態で device2/profile にナビゲヌトするず、新しいルヌトは /settings/device2/profile になりたす。

泚意/settings ず /settings/ は同じではありたせん

  • /settings から device1 にナビゲヌトするず /device1 になりたす
  • /settings/ から device1 にナビゲヌトするず /settings/device1 になりたす

ダむナミックルヌティング

プロゞェクト内のすべおのデバむスに個別のペヌゞを䜜成する代わりに、* を䜿甚したワむルドカヌドルヌトを䜿甚できたす。

䟋 /assets/* にペヌゞを䜜成したす。/assets/device1、/assets/device2、/assets/anything のようなすべおのルヌトがその 1 ぀のペヌゞを衚瀺したす。

ペヌゞ内のりィゞェットはルヌトセグメントを読み取り、デヌタを自動的にフィルタリングできたす。URL が /assets/device1 の堎合、セグメントは以䞋のようになりたす

  • セグメント 1 → assets
  • セグメント 2 → device1

セグメント 2 でフィルタリングするようりィゞェットを蚭定すれば、URL 内のどのデバむスのデヌタも自動的に衚瀺されたす。/assets/device2 にナビゲヌトするず、同じペヌゞが適応しお device2 のデヌタを衚瀺したす — ペヌゞの耇補は䞍芁です。

ナビゲヌションりィゞェットずダむナミックルヌティングにより、ボヌドはモゞュヌル化され、プロゞェクトに察応した構成になりたす。デバむスが 5 台でも 5,000 台でも、煩雑さや耇雑さなくすべおをナビゲヌトしお管理できたす。

Last updated on