Τι είναι το AngularJS; Εισαγωγή, Archiδομή & Χαρακτηριστικά
Τζέιμς Χάρτμαν
Τι είναι το AngularJS;
AngularJS είναι ένα πλαίσιο ανοιχτού κώδικα Model-View-Controller που είναι παρόμοιο με το JavaΓραφή δομή. Το AngularJS είναι ίσως ένα από τα πιο δημοφιλή σύγχρονα διαδικτυακά πλαίσια που είναι διαθέσιμα σήμερα. Αυτό το πλαίσιο χρησιμοποιείται για την ανάπτυξη κυρίως εφαρμογών Single Page. Αυτό το πλαίσιο έχει αναπτυχθεί από μια ομάδα προγραμματιστών από την ίδια την Google.
Λόγω της απόλυτης υποστήριξης της Google και ιδεών από ένα ευρύ φόρουμ κοινότητας, το πλαίσιο διατηρείται πάντα ενημερωμένο. Επίσης, ενσωματώνει πάντα τις τελευταίες τάσεις εξέλιξης της αγοράς.
AngularJS Archiδομή
Το Angular.js ακολουθεί την αρχιτεκτονική MVC, το διάγραμμα του πλαισίου MVC όπως φαίνεται παρακάτω:
- Ο ελεγκτής αντιπροσωπεύει το επίπεδο που έχει την επιχειρηματική λογική. Τα συμβάντα χρήστη ενεργοποιούν τις λειτουργίες που είναι αποθηκευμένες στον ελεγκτή σας. Τα συμβάντα χρήστη αποτελούν μέρος του ελεγκτή.
- Οι προβολές χρησιμοποιούνται για την αναπαράσταση του επιπέδου παρουσίασης που παρέχεται στους τελικούς χρήστες
- Τα μοντέλα χρησιμοποιούνται για την αναπαράσταση των δεδομένων σας. Τα δεδομένα στο μοντέλο σας μπορεί να είναι τόσο απλά όσο να έχετε απλώς πρωτόγονες δηλώσεις. Για παράδειγμα, εάν διατηρείτε μια φοιτητική εφαρμογή, το μοντέλο δεδομένων σας θα μπορούσε απλώς να έχει ένα αναγνωριστικό φοιτητή και ένα όνομα. Ή μπορεί επίσης να είναι πολύπλοκο έχοντας ένα δομημένο μοντέλο δεδομένων. Εάν διατηρείτε μια εφαρμογή ιδιοκτησίας αυτοκινήτου, μπορείτε να έχετε δομές για να ορίσετε το ίδιο το όχημα από την άποψη της χωρητικότητας του κινητήρα, της χωρητικότητας καθισμάτων κ.λπ.
Χαρακτηριστικά του AngularJS
Το Angular έχει τα ακόλουθα βασικά χαρακτηριστικά που το καθιστούν ένα από τα ισχυρά πλαίσια στην αγορά:
- MVC – Το πλαίσιο βασίζεται στη διάσημη έννοια του MVC (Model-View-Controller). Αυτό είναι ένα σχέδιο σχεδίασης που χρησιμοποιείται σε όλες τις σύγχρονες εφαρμογές web. Αυτό το μοτίβο βασίζεται στο διαχωρισμό του επιπέδου επιχειρηματικής λογικής, του επιπέδου δεδομένων και του επιπέδου παρουσίασης σε ξεχωριστές ενότητες. Η διαίρεση σε διαφορετικά τμήματα γίνεται έτσι ώστε το καθένα να μπορεί να διαχειρίζεται πιο εύκολα.
- Δέσμευση μοντέλου δεδομένων – Δεν χρειάζεται να γράψετε ειδικό κώδικα για τη σύνδεση δεδομένων με τα στοιχεία ελέγχου HTML. Αυτό μπορεί να γίνει από το Angular προσθέτοντας απλώς μερικά αποσπάσματα κώδικα.
- Γράψτε λιγότερο κώδικα – Κατά την εκτέλεση πολλών χειρισμών DOM JavaΓραφή έπρεπε να είναι γραπτή για να σχεδιάσει οποιαδήποτε εφαρμογή. Αλλά με το Angular, θα εκπλαγείτε με τη μικρότερη ποσότητα κώδικα που χρειάζεστε για να γράψετε για χειρισμό DOM.
- Μονάδα Δοκιμές έτοιμο – Οι σχεδιαστές της Google όχι μόνο ανέπτυξαν το Angular αλλά ανέπτυξαν επίσης ένα πλαίσιο δοκιμών που ονομάζεται «Karma» το οποίο βοηθά στο σχεδιασμό δοκιμών μονάδας για εφαρμογές AngularJS.
Πλεονεκτήματα AngularJS
Εδώ είναι τα πλεονεκτήματα του AngularJS:
- Δεδομένου ότι πρόκειται για πλαίσιο ανοιχτού κώδικα, μπορείτε να περιμένετε ότι ο αριθμός των σφαλμάτων ή των προβλημάτων θα είναι ελάχιστος.
- Αμφίδρομη δέσμευση – Το Angular.js διατηρεί το επίπεδο δεδομένων και παρουσίασης σε συγχρονισμό. Τώρα δεν χρειάζεται να γράψετε επιπλέον JavaΔημιουργήστε κώδικα σεναρίου για να διατηρήσετε τα δεδομένα στον κώδικα HTML και τα δεδομένα σας αργότερα σε συγχρονισμό. Το Angular.js θα το κάνει αυτόματα για εσάς. Απλώς πρέπει να καθορίσετε ποιο στοιχείο ελέγχου συνδέεται σε ποιο τμήμα του μοντέλου σας.
- Δρομολόγηση – Η Angular μπορεί να φροντίσει τη δρομολόγηση που σημαίνει μετακίνηση από τη μια προβολή στην άλλη. Αυτό είναι το βασικό θεμέλιο των εφαρμογών μιας σελίδας. όπου μπορείτε να μετακινηθείτε σε διαφορετικές λειτουργίες στην εφαρμογή Ιστού σας με βάση την αλληλεπίδραση των χρηστών, αλλά να παραμένετε στην ίδια σελίδα.
- Το Angular υποστηρίζει δοκιμές και τα δύο Δοκιμή μονάδας, να Δοκιμή ολοκλήρωσης.
- Επεκτείνει την HTML παρέχοντας τα δικά της στοιχεία που ονομάζονται οδηγίες. Σε υψηλό επίπεδο, οι οδηγίες είναι δείκτες σε ένα στοιχείο DOM (όπως ένα χαρακτηριστικό, όνομα στοιχείου και σχόλιο ή κλάση CSS) που λένε στον μεταγλωττιστή HTML του AngularJS να επισυνάψει μια καθορισμένη συμπεριφορά σε αυτό το στοιχείο DOM. Αυτές οι οδηγίες βοηθούν στην επέκταση της λειτουργικότητας των υπαρχόντων στοιχείων HTML για να δώσουν περισσότερη δύναμη στην εφαρμογή Ιστού σας.
