Σπίτι Προσωπικά Οικονομικά Πώς να χρησιμοποιήσετε βρόχους PHP με πίνακες για HTML5 και CSS3 Προγραμματισμός - dummies

Πώς να χρησιμοποιήσετε βρόχους PHP με πίνακες για HTML5 και CSS3 Προγραμματισμός - dummies

Πίνακας περιεχομένων:

Βίντεο: Coding Challenge #3: The Snake Game 2024

Βίντεο: Coding Challenge #3: The Snake Game 2024
Anonim

Οι πίνακες PHP και οι βρόχοι είναι σαν το φυστικοβούτυρο και το ζελέ. απλά πάνε μαζί. Όταν αρχίζετε να χρησιμοποιείτε συστοιχίες σε προγραμματισμό HTML5 και CSS3, τελικά, θα θέλετε να περάσετε από κάθε στοιχείο του πίνακα και να κάνετε κάτι μαζί του. Ο βρόχος για είναι ο τέλειος τρόπος για να γίνει αυτό.

Κοιτάξτε τα loopingArrays. php κώδικα για να δείτε έναν πίνακα με μερικές παραλλαγές του for loop.

loopingArrays. php

Κύκλωμα μέσω συστοιχιών

n"; για $ ($ i = 0; $ i

n"; -> n "; // χρησιμοποιήστε τον μηχανισμό foreach για να απλοποιήσετε την εκτύπωση των στοιχείων εκτύπωσης "

n"; foreach ($ βιβλία ως βιβλίο $) {print $ book. "

n";} // end foreach print "

n";; >

Η σχέση μεταξύ των συστοιχιών και των βρόχων δεν είναι δύσκολο να δει κανείς:

Δημιουργήστε τον πίνακα σας.

  1. Ο πίνακας είναι προφορτωμένος. Δεν υπάρχει κανένα πρόβλημα με το γεγονός ότι η εντολή πίνακα (αν και μια μόνο γραμμή λογικής) πράγματι καταλαμβάνει αρκετές γραμμές στον επεξεργαστή.

    Κατασκευάστε ένα για βρόχο για να βγείτε μέσω του πίνακα.
  2. Ο βρόχος πρέπει να συμβεί μία φορά για κάθε στοιχείο της συστοιχίας. Στην περίπτωση αυτή, αυτό είναι οκτώ φορές. Ρυθμίστε έναν βρόχο που επαναλαμβάνεται οκτώ φορές. Θα ξεκινήσει από το 0 και θα τελειώσει στις 7.

    Χρησιμοποιήστε τη συνάρτηση sizeof () για να καθορίσετε το σημείο τερματισμού.

  3. Επειδή ξέρετε ότι αυτή η διάταξη έχει οκτώ στοιχεία, θα μπορούσατε να ορίσετε την κατάσταση σε $ i <8. Η λειτουργία sizeof () προτιμάται επειδή θα λειτουργήσει ακόμα και αν αλλάξει το μέγεθος του πίνακα. Επίσης, είναι ευκολότερο να καταλάβετε τι εννοούσατε. sizeof ($ books) σημαίνει "το μέγεθος της συστοιχίας βιβλίων $. "Ο αριθμός 8 μπορεί να σημαίνει τίποτα.

    Εκτυπώστε κάθε στοιχείο.

  4. Στο εσωτερικό του βρόχου, απλά εκτυπώνετε το τρέχον στοιχείο του πίνακα, το οποίο θα είναι $ books [$ i]. Μην ξεχάσετε να προσθέσετε μια ετικέτα, εάν θέλετε ένα σπάσιμο γραμμής στην έξοδο HTML. Προσθέστε το n για να διατηρήσετε τον πηγαίο κώδικα HTML ωραία.

    Απλοποίηση βρόχων με foreach

Η σχέση μεταξύ βρόχων και συστοιχιών είναι τόσο κοντά που πολλές γλώσσες παρέχουν μια ειδική έκδοση του βρόχου για μόνο για συστοιχίες. Ρίξτε μια ματιά σε αυτόν τον κώδικα για να δείτε πόσο δροσερό είναι:

// χρησιμοποιήστε τον μηχανισμό foreach για να απλοποιήσετε την εκτύπωση των στοιχείων εκτύπωσης "

n"; foreach ($ βιβλία ως βιβλίο $) {print $ book."

n";} // τέλος εκτύπωσης foreach "

n";

Ο βρόχος foreach είναι μια ειδική έκδοση του βρόχου for για απλοποίηση της εργασίας με συστοιχίες. Ετσι δουλευει.

Χρησιμοποιήστε τη λέξη-κλειδί foreach για να ξεκινήσετε το βρόχο.

  1. Αυτό λέει στην PHP ότι εργάζεστε με την παραλλαγή foreach.

    Η πρώτη παράμετρος είναι το όνομα πίνακα.

  2. Ο βρόχος foreach έχει σχεδιαστεί για να λειτουργεί με μια συστοιχία, οπότε η πρώτη παράμετρος είναι ο πίνακας που θέλετε να ακολουθήσετε.

    Δημιουργήστε μια μεταβλητή για να κρατήσετε κάθε στοιχείο του πίνακα.

  3. Σε κάθε πέρασμα μέσω του βρόχου, η μεταβλητή $ βιβλίου θα κρατήσει το τρέχον στοιχείο της συστοιχίας βιβλίων $. Τις περισσότερες φορές, χρησιμοποιείτε έναν βρόχο για έναν πίνακα επειδή θέλετε να ασχοληθείτε με κάθε στοιχείο του πίνακα. Χρησιμοποιώντας ένα βρόχο foreach καθιστά αυτό ευκολότερο.

    Χρησιμοποιήστε τη μεταβλητή $ βιβλίου μέσα στον βρόχο.

  4. Η μεταβλητή $ βιβλίο είναι έτοιμη να πάει. Το ωραίο πράγμα για τη χρήση foreach είναι ότι δεν χρειάζεται να ανησυχείτε για τους δείκτες. Η μεταβλητή $ book πάντα περιέχει το τρέχον στοιχείο του πίνακα.

    Πολλές γλώσσες έχουν παραλλαγές του βρόχου, αλλά διαφέρουν σημαντικά στις λεπτομέρειες. Μη διστάσετε να χρησιμοποιήσετε τον βρόχο, αλλά να γνωρίζετε ότι δεν μεταφράζεται μεταξύ των γλωσσών τόσο ελεύθερα όσο οι περισσότερες λειτουργίες.

Arrays και HTML

Οι πίνακες είναι εξαιρετικοί επειδή χρησιμοποιούνται για τη διατήρηση λιστών δεδομένων στη γλώσσα προγραμματισμού. Φυσικά, το HTML ήδη έχει άλλους τρόπους εργασίας με λίστες. Οι ετικέτες και οι δύο χρησιμοποιούνται για οπτικές αναπαραστάσεις λίστας και το αντικείμενο χρησιμοποιείται για να αφήσει τον χρήστη να επιλέξει από μια λίστα. Είναι πολύ συνηθισμένο να δημιουργείτε αυτές τις δομές HTML από συστοιχίες.

Ο κώδικας για τη σελίδα δεν είναι πολύ διαφορετικός από τα προηγούμενα παραδείγματα. Προσθέτει μόνο κάποια μορφοποίηση HTML:

arrayHTML. php

Οι πίνακες είναι χρήσιμοι σε HTML

// Δημιουργήστε πρώτα μια σειρά από ονόματα μίνι βιβλίων

$ books = array ("Δημιουργία του XHTML Foundation",

"Styling with CSS",

"Προγραμματισμός πελάτη με JavaScript",

"Προγραμματισμός διακομιστή με PHP",

"Βάσεις δεδομένων με MySQL"

"Into the Future with AJAX" Σελίδες σε ιστότοπους ").

// μετατρέψτε τον πίνακα σε μια αριθμημένη λίστα

print "

n";

foreach ($ βιβλία ως $ βιβλίο) {

    print "

    $ βιβλίο

    n"?

  1. } // τέλος foreach
  2. εκτύπωση "

    n";

    // πραγματοποιήστε τη συστοιχία σε ένα επιλεγμένο αντικείμενο

print "n";

Πώς να χρησιμοποιήσετε βρόχους PHP με πίνακες για HTML5 και CSS3 Προγραμματισμός - dummies

Η επιλογή των συντακτών

Πώς να δημιουργήσετε Flash CS5 σύμβολα κουμπιών - dummies

Πώς να δημιουργήσετε Flash CS5 σύμβολα κουμπιών - dummies

Για να βελτιώσετε τις ταινίες Adobe Flash Creative Suite 5 μπορούν να χρησιμοποιήσουν τα κουμπιά Flash CS5 για να δώσουν στους χρήστες τον έλεγχο της δράσης με έλεγχο χρόνου και πλοήγηση. Στο Flash, τα κουμπιά είναι ειδικοί τύποι συμβόλων που έχουν σχεδιαστεί για να ανταποκρίνονται σε αλληλεπίδραση με το ποντίκι ή το πληκτρολόγιο, όπως κλικ, ανατροπές και συγκεκριμένα πλήκτρα. Όταν συνδυάζεται με το ActionScript, ...

Πώς να δημιουργείτε κλίσεις στο Adobe Flash CS6 - ανδρείκελα

Πώς να δημιουργείτε κλίσεις στο Adobe Flash CS6 - ανδρείκελα

Adobe Flash CS6 έχει έναν τρόπο για να δημιουργήσετε κλίσεις για να γεμίσετε ένα χώρο που δεν θέλετε να είναι ένα συμπαγές χρώμα. Οι κλίσεις είναι μείγματα μεταξύ δύο ή περισσότερων χρωμάτων που μπορείτε να χρησιμοποιήσετε για να γεμίσετε οποιαδήποτε περιοχή ή σχήμα, ακριβώς όπως ένα συμπαγές χρώμα. Αν κοιτάξετε τον πίνακα Swatches, μπορείτε ...

Η επιλογή των συντακτών

Πώς να γράφετε σημειώσεις στο OneNote 2013 στα Android - ανδρείκελα

Πώς να γράφετε σημειώσεις στο OneNote 2013 στα Android - ανδρείκελα

Το OneNote, όπως οι εκδόσεις iOS και web app, η έκδοση Android του OneNote σάς επιτρέπει να αποκτάτε πρόσβαση και να επεξεργάζεστε σημειώσεις με ένα ελάχιστο σύνολο χαρακτηριστικών σε σύγκριση με τις εκδόσεις desktop του OneNote, όπως το OneNote 2013. Πώς να δημιουργήσετε μια νέα σημείωση στο Android Μπορείτε να δημιουργήσετε ...

2 τρόποι αποστολής και λήψης αλληλογραφίας στο Outlook - ανδρείκελα

2 τρόποι αποστολής και λήψης αλληλογραφίας στο Outlook - ανδρείκελα

Μετά τη διαμόρφωση του λογαριασμού ηλεκτρονικού ταχυδρομείου (S) στο Outlook 2013, η λήψη μηνυμάτων είναι μια αυτόματη διαδικασία. Το Outlook αποστέλλει αυτόματα και λαμβάνει μηνύματα όταν ξεκινάτε και επίσης σε διαστήματα 30 λεπτών (από προεπιλογή) όποτε εκτελείται το Outlook. Η εισερχόμενη αλληλογραφία σας μπαίνει αυτόματα στο φάκελο Εισερχόμενα. Μπορείτε επίσης να ξεκινήσετε μια χειροκίνητη διαδικασία αποστολής / λήψης σε ...

Πώς να γράφετε σημειώσεις στο OneNote 2013 για συσκευές iOS - dummies

Πώς να γράφετε σημειώσεις στο OneNote 2013 για συσκευές iOS - dummies

Για συσκευές IOS. Υπάρχουν πολλές λειτουργίες, παρόλο που η έκδοση του App της OneNote και η πλήρης εφαρμογή OneNote 2013 έχουν περισσότερη λειτουργικότητα. Πώς να δημιουργήσετε μια νέα σημείωση σε συσκευές iOS Μπορείτε να δημιουργήσετε μια νέα σημείωση, ανεξάρτητα από το πού βρίσκεστε στο OneNote, αν βλέπετε ...

Η επιλογή των συντακτών

Πώς να ρυθμίσετε την τοποθέτηση και το μέγεθος στην άκρη Animate - dummies

Πώς να ρυθμίσετε την τοποθέτηση και το μέγεθος στην άκρη Animate - dummies

Adobe Edge Animate CC δεν έχει έλλειψη ρυθμίσεις όσον αφορά την τοποθέτηση και το μέγεθος. Πολλά από αυτά τα χαρακτηριστικά λειτουργούν καλύτερα όταν φωλιάζουν στοιχεία, έτσι θέλετε να κατανοήσετε πώς λειτουργεί ο πίνακας στοιχείων. Η τοποθέτηση αναφέρεται στις συντεταγμένες του στοιχείου που σχετίζεται είτε με το Στάδιο είτε με το γονικό στοιχείο όταν ένα ...

Παγκόσμια ή Εφαρμοσμένες ρυθμίσεις στο Adobe Edge Animate - dummies

Παγκόσμια ή Εφαρμοσμένες ρυθμίσεις στο Adobe Edge Animate - dummies

Adobe Edge Animate CC δεν έχει έλλειψη ρυθμίσεων όταν πρόκειται για την τοποθέτηση και το μέγεθος. Οι ρυθμίσεις "Παγκόσμια" και "Εφαρμοσμένες" δεν τροποποιούν τις ρυθμίσεις, αλλά παρέχουν ένα μέσο για την εμφάνιση της σχετικής τοποθέτησης μεταξύ των ενσωματωμένων στοιχείων. Μπορεί να αναρωτιέστε ότι η διαφορά είναι μεταξύ των ρυθμίσεων Global και Applied. Εδώ είναι η ουσία: Παγκόσμιες ρυθμίσεις ...

Πώς να προσθέσετε ενέργειες σε στοιχεία στο Edge Animate - dummies

Πώς να προσθέσετε ενέργειες σε στοιχεία στο Edge Animate - dummies

Ένα ιδιαίτερα ισχυρό χαρακτηριστικό του Adobe Edge Animate Το CC είναι η δυνατότητα να προσθέσετε στη σύνθεση σας δράσεις, ενεργοποιητές, ετικέτες και χαρακτηριστικά δρομέα. Αυτά τα εργαλεία είναι αυτό που χρησιμοποιείτε για να κάνετε το κινούμενο γραφικό σας διαδραστικό, ώστε το κοινό σας να μπορεί να συμμετέχει σε αυτό που κάνει το κινούμενο σχέδιο σας αντί να πρέπει να καθίσετε εκεί και να παρακολουθήσετε παθητικά. Ένας ...