7.9 KiB
Βελτίωση της Δρομολόγησης
Οδηγίες
Τώρα που έχετε δημιουργήσει ένα βασικό σύστημα δρομολόγησης, είναι ώρα να το αναβαθμίσετε με επαγγελματικά χαρακτηριστικά που βελτιώνουν την εμπειρία χρήστη και παρέχουν καλύτερα εργαλεία για προγραμματιστές. Οι εφαρμογές πραγματικού κόσμου χρειάζονται περισσότερα από απλή εναλλαγή προτύπων – απαιτούν δυναμικούς τίτλους σελίδων, hooks κύκλου ζωής και επεκτάσιμες αρχιτεκτονικές.
Σε αυτήν την εργασία, θα επεκτείνετε την υλοποίηση της δρομολόγησης σας με δύο βασικά χαρακτηριστικά που συναντώνται συχνά σε παραγωγικές εφαρμογές ιστού. Αυτές οι βελτιώσεις θα κάνουν την εφαρμογή τραπεζικής σας να φαίνεται πιο επαγγελματική και θα παρέχουν τη βάση για μελλοντική λειτουργικότητα.
Η δήλωση των δρομολογίων περιέχει προς το παρόν μόνο το ID του προτύπου που θα χρησιμοποιηθεί. Αλλά όταν εμφανίζεται μια νέα σελίδα, χρειάζονται μερικές επιπλέον πληροφορίες. Ας βελτιώσουμε την υλοποίηση της δρομολόγησης με δύο πρόσθετα χαρακτηριστικά:
Χαρακτηριστικό 1: Δυναμικοί Τίτλοι Σελίδων
Στόχος: Δώστε τίτλους σε κάθε πρότυπο και ενημερώστε τον τίτλο του παραθύρου με αυτόν τον νέο τίτλο όταν αλλάζει το πρότυπο.
Γιατί είναι σημαντικό:
- Βελτιώνει την εμπειρία χρήστη με την εμφάνιση περιγραφικών τίτλων καρτελών του προγράμματος περιήγησης
- Ενισχύει την προσβασιμότητα για αναγνώστες οθόνης και βοηθητικές τεχνολογίες
- Παρέχει καλύτερη δυνατότητα προσθήκης σελιδοδεικτών και πλαίσιο ιστορικού προγράμματος περιήγησης
- Ακολουθεί τις βέλτιστες πρακτικές επαγγελματικής ανάπτυξης ιστού
Προσέγγιση υλοποίησης:
- Επεκτείνετε το αντικείμενο των δρομολογίων ώστε να περιλαμβάνει πληροφορίες τίτλου για κάθε δρομολόγιο
- Τροποποιήστε τη συνάρτηση
updateRoute()ώστε να ενημερώνει δυναμικά τοdocument.title - Δοκιμάστε ότι οι τίτλοι αλλάζουν σωστά κατά την πλοήγηση μεταξύ οθονών
Χαρακτηριστικό 2: Hooks Κύκλου Ζωής Δρομολογίου
Στόχος: Προσθέστε μια επιλογή για εκτέλεση κάποιου κώδικα μετά την αλλαγή του προτύπου. Θέλουμε να εμφανίζεται το μήνυμα 'Dashboard is shown' στην κονσόλα του προγραμματιστή κάθε φορά που εμφανίζεται η σελίδα του πίνακα ελέγχου.
Γιατί είναι σημαντικό:
- Επιτρέπει την εκτέλεση προσαρμοσμένης λογικής όταν φορτώνονται συγκεκριμένα δρομολόγια
- Παρέχει hooks για αναλυτικά στοιχεία, καταγραφή ή κώδικα αρχικοποίησης
- Δημιουργεί τη βάση για πιο σύνθετες συμπεριφορές δρομολογίων
- Επιδεικνύει το μοτίβο παρατηρητή στην ανάπτυξη ιστού
Προσέγγιση υλοποίησης:
- Προσθέστε μια προαιρετική ιδιότητα συνάρτησης callback στις ρυθμίσεις δρομολογίου
- Εκτελέστε τη συνάρτηση callback (αν υπάρχει) μετά την ολοκλήρωση της απόδοσης του προτύπου
- Βεβαιωθείτε ότι το χαρακτηριστικό λειτουργεί για οποιοδήποτε δρομολόγιο με καθορισμένο callback
- Δοκιμάστε ότι το μήνυμα της κονσόλας εμφανίζεται κατά την επίσκεψη στον πίνακα ελέγχου
Κριτήρια Αξιολόγησης
| Κριτήριο | Εξαιρετικό | Επαρκές | Χρειάζεται Βελτίωση |
|---|---|---|---|
Τα δύο χαρακτηριστικά έχουν υλοποιηθεί και λειτουργούν. Η προσθήκη τίτλου και κώδικα λειτουργεί επίσης για ένα νέο δρομολόγιο που προστίθεται στη δήλωση routes. |
Τα δύο χαρακτηριστικά λειτουργούν, αλλά η συμπεριφορά είναι σκληρά κωδικοποιημένη και δεν είναι παραμετροποιήσιμη μέσω της δήλωσης routes. Η προσθήκη τρίτου δρομολογίου με τίτλο και κώδικα δεν λειτουργεί ή λειτουργεί μερικώς. |
Ένα από τα χαρακτηριστικά λείπει ή δεν λειτουργεί σωστά. |
Αποποίηση ευθύνης:
Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης Co-op Translator. Παρόλο που καταβάλλουμε προσπάθειες για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή εσφαλμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.