Struktur eines Projekts in AngularJS

Sobald wir bereits wissen, wie AngularJS in der Grundform funktioniert, müssen wir auch wissen, dass wir zur Erstellung eines Projekts eine Struktur haben müssen, da wir damit die Inhalte organisieren und damit mehr Leute in die Entwicklung einbeziehen können und alles weiterhin funktioniert.

Normalerweise können wir eine Struktur manuell erstellen. Es gibt jedoch Tools, die uns bei diesen Aufgaben auf automatisierte Weise helfen. Daher haben wir beide Möglichkeiten. Die automatisierten Tools helfen uns dabei, immer eine Konvention einzuhalten, mit der wir Teile anderer Projekte wiederverwenden können, wenn dies der Fall ist zustimmen

Grundstruktur

Eine Basisstruktur muss die Trennung zwischen den verschiedenen Ressourcen unserer Anwendung enthalten, um Verwechslungen zu vermeiden. Beispielsweise ist es nicht ratsam, statischen Inhalt in demselben Ordner zu haben, in dem wir unsere Modelle speichern.

Wir können die Struktur unserer Anwendung auf zwei Arten erstellen, eine manuell, das heißt, jeden der Ordner, die das Projekt für sich tragen soll, und die zweite mithilfe von Tools, die ein empfohlenes Verzeichnis mit der Struktur und einigen Dateien erstellen grundlegend

Automatisierte Werkzeuge

Eines der am häufigsten verwendeten Tools ist Yeoman unter http: //yeoman.io, mit dem wir die Basisstruktur für ein AngularJS- Projekt generieren können, aber nicht nur dies, sondern auch andere Frameworks oder Tools wie Backbone.js oder Ember.js .

angular_est_proyectos.jpg
Es basiert auf node.js, daher müssen wir einige Kenntnisse über das Thema haben, um es zu verwenden. Wichtig ist, dass wir nach der Installation Projekte automatisch nur mit einfachen Befehlen sowie Teilen von Projekten wie Filtern generieren können.

Dies hilft uns, Fehler bei der Erstkonfiguration unserer Anwendung zu vermeiden. Wir können dieses Tool mit anderen Tools wie Grunt, Bower und Npm kombinieren, um die Abhängigkeiten der von uns benötigten Pakete zu erstellen.

See also  Installieren oder deinstallieren Sie spezielle Funktionen von Windows 10

Ordner empfohlen

Wenn wir uns für einen manuellen Pfad entscheiden, sehen wir die folgenden Ordner oder Strukturen, die wir berücksichtigen müssen, um organisiert arbeiten zu können:

Skripte
Wir müssen einen Ordner mit Skripten haben, hier sollten alle Inhalte stehen, die wir benötigen, wie z. B. die Treiber und Modelle von AngularJS , die wir in unserer Anwendung benötigen. Wir können sie intern sogar noch weiter aufteilen, wenn es unser Wunsch ist.

Ansichten
Ein weiterer Ordner, der sehr wichtig ist, sind die Ordneransichten. Hier werden alle Ansichten unserer Anwendung gespeichert. Denken Sie daran, dass diese Art von Projekten normalerweise mit Vorlagen funktioniert. Dann sind Sie hier an der richtigen Stelle, um sie zu platzieren.

Verkäufer
Dieser Ordner besteht normalerweise aus Skripten und enthält alle .js-Dateien , die wir benötigen. Wenn wir beispielsweise zusätzliche Bibliotheken verwenden oder eine Template-Engine wie Underscore verwenden möchten, werden diese hier gespeichert.

Statisch
Wir können es in img und css unterteilen, da wir anhand der Namen ableiten können, welche Bilder und Stildateien auf die Anwendung angewendet werden. Dieser Ordner ist interessant, da er sogar eine dynamische Verknüpfung zu einer Route in einer CDN von uns sein kann Verwendung oder Präferenz.

Damit haben wir im Grunde genommen gelernt, was wir brauchen, um ein in AngularJS erstelltes Projekt zu organisieren. Wichtig ist, dass wir Konventionen befolgen, da diese von uns selbst erfunden wurden. Auf diese Weise können wir die Arbeit so gut wie möglich übernehmen.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *