Mit AngularJS-Bibliothek für Monitoring-oder Dashboard-Seiten
Ich bin Planung zu entwickeln, mein monitoring/dashboard-Seiten für die hardware-Geräte, wie Cisco-router/- switch/- controller mit Angular JS-Bibliothek.
Meine Seite enthält Diagramme(Linie & Bereich), Google maps, Tabellen und einigen Blöcken (div-Wert)
- Ist es möglich Winkel für monitoring-Daten?
- Was sind die Vorteile, die wir durch den Einsatz Eckig? da es nur der überwachung, die wir nicht haben, verwenden Sie 2-Wege-Bindung.
Ich bin auf der Suche für ein paar Punkte zu rechtfertigen, warum müssen wir angularJS für monitoring/dashboard Art von Seiten, anstatt JQuery/Javascript.
Bitte lassen Sie mich wissen, Ihre Gedanken und Kommentare.
Dank.
Ich nehme an, Sie möchten zwei-Wege-Datenbindung für die überwachung (zumindest in meinem Kopf...Anfrage senden, um zu überprüfen, hardware, eine Reaktion zu erhalten, ordnen, Rahmen, auto-updates dash)
Da es keine Konfiguration ich nicht ändern, das json-Format. ich nur füllen Sie es in div oder übergeben Sie es an den Komponenten(highchats,google maps).
Ich mit angularjs für eine Woche. Alles was ich sagen kann ist, seine machbar, nur ich brauchte einige Tage, um zu erreichen, ganz grundlegende Dinge richtig in Winkel-Weg.
Da es keine Konfiguration ich nicht ändern, das json-Format. ich nur füllen Sie es in div oder übergeben Sie es an den Komponenten(highchats,google maps).
Ich mit angularjs für eine Woche. Alles was ich sagen kann ist, seine machbar, nur ich brauchte einige Tage, um zu erreichen, ganz grundlegende Dinge richtig in Winkel-Weg.
InformationsquelleAutor Raghukumarachari | 2014-01-03
Du musst angemeldet sein, um einen Kommentar abzugeben.
Mithilfe von AngularJS ist völlig machbar.
Wichtigsten Vorteile ist, dass Diagramme umgesetzt werden können, wie wiederverwendbare Komponenten (AngularJS-Direktiven).
Es ist ein Projekt in Entwicklung, das ermöglicht den Bau dashboard von willkürlichen Richtlinien
Ausgeführt Demo http://nickholub.github.io/angular-dashboard-app
Demo-source-code https://github.com/nickholub/angular-dashboard-app
Dashboard-Richtlinie selbst https://github.com/nickholub/angular-ui-dashboard
Und hier ist ein Beispiel für die Visualisierung von Daten aus WebSocket
https://github.com/nickholub/angular-real-time-charts
InformationsquelleAutor webdev
Wenn Ihre Website ist 100% statisch - und damit meine ich, dass Sie eine Anforderung für einen status-Seite und die Seite, die Sie bekommen wird sich nie ändern, bevor Sie eine neue Anfrage - dann eckige vielleicht ein wenig unnötig.
Aber wenn Sie möchten, dass Ihre status-Seite zu 'Leben', die Sie nutzen könnten-Buchse.io, drücken Sie neue Ereignisse und Daten an den client und lassen Sie eckige kümmern sich um die ui aktualisieren.
Gibt es einige Winkel-Richtlinien zur Arbeit mit Graphen, aber ich habe keine Erfahrung mit Ihnen.
Einige Hinweise:
http://www.html5rocks.com/en/tutorials/frameworks/angular-websockets/
Wenn ja, könnten Sie angulars $http-service zum abrufen des aktuellen status und lassen Sie eckige Griff die gui aktualisieren.
Wenn alle clients rufen alle x Sekunden wird Ihr server zu überlasten. Der server informiert die clients über socket.io (push-Technologie mit html5 web sockets) oder ASP.NET SignalR ist, die Sie verwenden .NET
Das ist interessant. Können Sie mir den code, wo es fertig ist und es sehen kann, im Leben.
Meine Antwort enthält bereits den link zum Beispiel zur Verwendung von socket.io und angular.js. Hier ist die SignalR stockticker-Beispiel umgesetzt mit eckigen wenn asp ist Ihr Ding: sravi-kiran.blogspot.keine/2013/05/...
InformationsquelleAutor Vegar