Einführung in AngularJS

Angular ist eine Reihe von Javascript-Frameworks, die häufig zum Erstellen von SPA-Projekten (Single Page Application) verwendet werden. Es funktioniert auf Basis erweiterter HTML-Attribute (diese Attribute entsprechen den Regeln von Angular). Dies ist ein völlig kostenloses und quelloffenes Framework, das in den letzten Jahren von Tausenden von Programmierern auf der ganzen Welt verwendet wurde, jedoch wurde dieses Framework jetzt von Google erworben und geändert Strukturen, Funktionen, aber in dieser Zeit immer noch in alten Projekten verwendet und gepflegt von 2010 – 2016. angleJS Homepage: https://angularjs.org/

Grundlegende Kenntnisse, die Sie benötigen, um sich AngularJS zu nähern

Um Angular zu lernen, benötigen Sie mindestens Grundkenntnisse in HTML und Javascript. Da die Natur von Angular als einzelne Seite funktioniert und eine API verwendet, um Daten abzurufen, um tief in Angular einzusteigen, ist es außerdem notwendig, mehr Wissen über XMLHttpRequest (Javascript) und Ajax (Jquery) auszustatten, um einfacher darauf zugreifen zu können.

Funktionen von AngularJS

• AngularJS ist ein Javascript-basiertes Framework zum Erstellen von Rich-Web-Anwendungen
• AngularJS wird häufig für die Frontend-Entwicklung (Client-Schnittstelle) über APIs verwendet, um Daten vom Server abzurufen und die Daten zur Darstellung von HTML zu verwenden. AngularJS-Quellcode entspricht der MVC-Struktur (Model – View – Controller) .
• Bietet einen Datenbindungsmechanismus, um die Softwareentwicklungszeit zu verkürzen
• Angular ist Open Source, völlig kostenlos und wird von Tausenden von Programmierern auf der ganzen Welt entwickelt.
• Kurz gesagt, es kann verstanden werden, dass die Arbeit mit AngularJS wie die Arbeit mit Ajax ist, die den Bindungsdatenmechanismus verwendet, nach dem MVC-Modell arbeitet und einen Dienst verwendet, um mit Daten vom Server zu interagieren.

Beschreiben Sie das Konzept des MVC-Musters in der Programmierung

Modell: ist das Konzept der Anwendungsdaten, einfacher zu verstehen, als wir mit den Daten eines Mitarbeiters arbeiten möchten (einschließlich: Name, Alter, Noten, Klassenname). Diese Daten werden in der MVC-Struktur als Modellkonzept bezeichnet, und der Programmierer verwendet sie, um anstelle normaler Aufrufe zu arbeiten. In angluarJS wird Model als JSON-Datentyp (Javascript Object Notation) dargestellt, dieser Datentyp ist ein Datenformattyp mit einer eingebauten Struktur und wird oft verwendet, um Daten zwischen Client und Server zu kommunizieren, Programmiersprachen haben immer eingebaut Funktionen (verfügbar) zum Analysieren und Arbeiten mit Variablen mit dem Datentyp JSON.

Ansicht: ist das Schnittstellenkonzept der Anwendung, einfacher zu verstehen, was der Benutzer sieht und mit (im Browser) interagiert, der Benutzer wird nicht wissen, was sich hinter dem Modell verbirgt, das der Controller der Anwendung verwendet. Und natürlich verstehen Ansichten das Modell und verwenden die Daten, die nicht im Modell enthalten sind, um es anzuzeigen, damit der Benutzer damit interagieren kann.

Controller: Dies ist der Ort, an dem die Logik gehandhabt wird, um mit der Ansicht und dem Modell zu kommunizieren. Der Controller enthält die Logik, um mit den durch das Modell dargestellten Daten zu arbeiten, und gibt sie an die Ansicht weiter, damit die Ansicht sie verstehen und anzeigen kann an den Benutzer. . In Angular besteht der Ablauf des Controllers darin, den Dienst aufzurufen, um über die API mit dem Server zu kommunizieren, die Daten (das Modell) abzurufen und die Ansicht zur Anzeige an den Benutzer zurückzugeben.

AngularJS-Kernfunktionen und -konzepte

Datenbindung : (Datenbindung) synchronisiert automatisch Daten zwischen Modell und Ansicht
Scope: (Scope) Dies sind Verbindungsobjekte zwischen Controller und View
Controller : Zentral zur Steuerung des Softwareflusses, der in Verbindung mit Scope-Objekten verwendet wird, um Daten zu verarbeiten und die gewünschte Schnittstelle zu definieren, die dem Benutzer angezeigt werden soll.
Dienst : Wie ich oben erwähnt habe, verwendet AngularJS APIs, die aus Webdiensten (PHP, ASP) erstellt wurden, um die DB zu manipulieren.
Filter : Filtert die Elemente eines Arrays heraus und gibt das neue Array zurück
Direktiven : DOM-Elemente markieren, d. h. benutzerdefinierte HTML-Tags generieren
Vorlagen : Eine Komponente, die hilft, Informationen vom Controller anzuzeigen, kann als HTML-Strukturvorlage verstanden werden, dies ist eine Komponente von Ansichten
Routing : Umschalten zwischen Aktionen im Controller, basierend auf der URL, die der Benutzer im Browser manipuliert
MVC : Model unterteilt separate Komponenten in Model, View, Controller. Dies ist ein ziemlich cooles Modell, aber in Angular wurde es leicht überarbeitet, um MVVM (Model View View Model) zu ähneln.
Deep Linking : Deep Linking, mit dem Sie den Status Ihrer Anwendung in URLs codieren können, damit sie für Suchmaschinen mit Lesezeichen versehen werden können.
Abhängigkeitsinjektion : Angular erleichtert Entwicklern das Erstellen von Apps, die sich leicht entwickeln, verstehen und testen lassen.

Vor- und Nachteile von AngularJS

Vorteile:

• Angular ermöglicht es, Anwendungen auf einfache und saubere Weise zu erstellen
• Die Anwendungsentwicklungszeit wird aufgrund der kohärenten Codestruktur verkürzt, der Datenbindungsmechanismus spart Programmierzeit, es müssen nicht zu viele Ereignisse wie reines Javascript oder Jquery verwendet werden
• Angular verwendet Datenbindung wie .NET mit HTML-Bindungsfunktion, sodass sich Benutzer wohl fühlen.

Defekt:

Obwohl eckig viele Vorteile hat, hat es auch die Gegenseite:

• Unsicher: Entwickelt aus Javascript, also nicht sicher, muss die Serverseite regelmäßig Berechtigungen bestätigen, damit das System reibungslos läuft. Daher wird AngularJS normalerweise nur als Frontend verwendet und kommuniziert über die API mit dem Server, nicht direkt mit der Datenbank.
• Abhängigkeiten: Dies ist ein Javascript-Framework, sodass die Anwendung nicht ausgeführt werden kann, wenn der Benutzer auf ein Gerät zugreift, das kein Javascript unterstützt.
• Momentan Fehler auf Mobilgeräten
• Entwicklung gestoppt und Support bis Ende 2022 beendet. Google hat die alten Framework-Strukturen aufgegeben und durch die nächsten Angular-Versionen mit völlig anderen Konzepten ersetzt, es wird dauern, bis man sich von Grund auf annähert. .

Hier ist eine grundlegende Einführung in AngularJS, obwohl diese Sprache veraltet ist, müssen in der Praxis alte Projekte, die AngularJS verwenden, immer noch gepflegt werden, und wenn Sie die Struktur von AngularJS verstehen, mit einer Wissensbasis, die für die aktuelle neue leicht zugänglich ist Frameworks wie ReactJS, VueJS oder Angular 9, die derzeit sehr leistungsfähig sind.