Πολλοί από τους ιστότοπους διαθέτουν μια φόρμα εγγραφής για να εγγραφούν οι χρήστες σας και έτσι μπορεί να επωφεληθούν από κάποιο είδος προνομίου εντός του ιστότοπου. Σε αυτό το άρθρο θα δούμε πώς να δημιουργήσετε μια φόρμα εγγραφής σε PHP και MySQL.
Θα χρησιμοποιήσουμε απλές ετικέτες και επίσης θα χρησιμοποιήσουμε ετικέτα πίνακα για να σχεδιάσουμε την ιστοσελίδα Sign-Up.html. Ας αρχίσουμε:
Λίστα 1:sign-up.html
Φιγούρα 1:
Περιγραφή της ιστοσελίδας sing-in.html:
Όπως μπορείτε να δείτε στην Εικόνα 1, υπάρχει μια φόρμα εγγραφής και ζητά λίγα δεδομένα για τον χρήστη. Αυτά είναι τα κοινά δεδομένα που ζητούν από οποιονδήποτε ιστότοπο από τους χρήστες ή τους επισκέπτες του να δημιουργήσουν και ID και Κωδικό πρόσβασης. Χρησιμοποιήσαμε την ετικέτα πίνακα επειδή για να εμφανίσουμε τα πεδία φόρμας στην ιστοσελίδα σε μια φόρμα τακτοποίησης όπως μπορείτε να τα δείτε στην Εικόνα 1. Φαίνεται τόσο απλό γιατί δεν χρησιμοποιούσαμε ακόμα στυλ CSS σε αυτήν τώρα ας χρησιμοποιήσουμε στυλ CSS και ας συνδέσουμε το Αρχείο στυλ CSS με ιστοσελίδα sing-up.html.
Λίστα 2:style.css
/*Αρχείο CSS για ιστοσελίδα εγγραφής*/ #body-color( background-color:#6699CC; ) #Sign-Up( background-image:url("sign-up.png"); background-size:500px 500px ; background-repeat:no-repeat; background-attachment:fixed; background-position:center; margin-top:150px; margin-bottom:150px; margin-bottom:150px; margin-right:150px;margin-left:450px; padding:9px 35px. ) #button( ακτίνα περιγράμματος: 10 εικονοστοιχεία; πλάτος: 100 εικονοστοιχεία; ύψος: 40 εικονοστοιχεία; φόντο: #FF00FF; βάρος γραμματοσειράς: έντονη γραφή; μέγεθος γραμματοσειράς: 20 εικονοστοιχεία; )
Λίστα 3: Συνδέστε το style.css με την ιστοσελίδα sign-up.html
Σχήμα 2:
Περιγραφή του αρχείου style.css:
Στο εξωτερικό αρχείο CSS χρησιμοποιήσαμε μερικά στυλ που θα μπορούσαν να είναι καινούργια για εσάς. Όπως χρησιμοποιήσαμε μια εικόνα στο παρασκήνιο και την τοποθετήσαμε στο κέντρο της ιστοσελίδας. Το οποίο γίνεται εύκολο στη χρήση με τη βοήθεια της ετικέτας html div. Καθώς χρησιμοποιήσαμε τρία αναγνωριστικά ετικέτας div. #button, #sing-up και #body-color και εφαρμόσαμε όλα τα στυλ CSS σε αυτά και τώρα μπορείτε να δείτε την Εικόνα 2, πόσο όμορφη και ελκυστική φαίνεται. Μπορείτε να χρησιμοποιήσετε πολλά άλλα στυλ CSS όπως 2D και 3D στυλ CSS σε αυτό. Θα φαίνεται πιο όμορφο από ό,τι φαίνεται τώρα.
Μετά από όλες αυτές τις απλές εργασίες, θα δημιουργήσουμε τώρα μια βάση δεδομένων και έναν πίνακα για την αποθήκευση όλων των δεδομένων στη βάση δεδομένων των νέων χρηστών. Πριν προχωρήσουμε στη δημιουργία ενός πίνακα θα πρέπει να γνωρίζουμε τι ζητάμε από τον χρήστη. Καθώς σχεδιάσαμε τη φόρμα θα δημιουργήσουμε τον πίνακα σύμφωνα με τη φόρμα εγγραφής που μπορείτε να τον δείτε στα Σχήματα 1 & 2.
Λίστα 3: Ερώτημα για πίνακα στη MySQL
ΔΗΜΙΟΥΡΓΙΑ ΠΙΝΑΚΑΣ Ιστότοπος Χρήστες (userID int(9) NOT NULL auto_increment, πλήρες όνομα VARCHAR(50) NOT NULL, όνομα χρήστη VARCHAR(40) NOT NULL, email VARCHAR(40) ΟΧΙ NULL, πάσο VARCHAR(40) NOT NULLID, PRIer) )
Περιγραφή της καταχώρισης 3:
Ένα πράγμα που πρέπει να γνωρίζετε ότι εάν δεν έχετε τη δυνατότητα MySQL να χρησιμοποιήσετε αυτό το ερώτημα, πρέπει να ακολουθήσετε το προηγούμενο άρθρο μου σχετικά με το . από αυτόν τον σύνδεσμο θα μπορείτε να κατανοήσετε την εγκατάσταση και τις απαιτήσεις. Και πώς μπορούμε να το χρησιμοποιήσουμε.
Στο ερώτημα listing 3 χρησιμοποιήσαμε όλα εκείνα τα πράγματα που χρειαζόμαστε για τη φόρμα εγγραφής. Καθώς υπάρχουν μεταβλητές Email, Πλήρες όνομα, κωδικός πρόσβασης και όνομα χρήστη. Αυτές οι μεταβλητές θα αποθηκεύουν δεδομένα του χρήστη, τα οποία θα εισάγει στη φόρμα εγγραφής στο Σχήμα 2 για το sing-up.
Μετά από όλες αυτές τις εργασίες, θα εργαστούμε με τον προγραμματισμό PHP που είναι μια γλώσσα προγραμματισμού από την πλευρά του διακομιστή. Γι' αυτό πρέπει να δημιουργήσετε μια σύνδεση με τη βάση δεδομένων.
Λίστα 4: Σύνδεση βάσης δεδομένων
Περιγραφή της καταχώρισης 4:
Δημιουργήσαμε μια σύνδεση μεταξύ της βάσης δεδομένων και των ιστοσελίδων μας. Αλλά αν δεν ξέρετε αν λειτουργεί ή όχι, χρησιμοποιήστε κάτι παραπάνω στην τελευταία λίστα ελέγχου 5 για αυτό.
Λίστα 5: έλεγχος της σύνδεσης της συνδεσιμότητας της βάσης δεδομένων
Περιγραφή Λίστα 5:
Στη Λίστα 5 μόλις προσπάθησα να σας δείξω ότι μπορείτε να ελέγξετε και να επιβεβαιώσετε τη σύνδεση μεταξύ της βάσης δεδομένων και της PHP. Και κάτι ακόμα, δεν θα χρησιμοποιήσουμε τον κωδικό της Λίστας 5 στην ιστοσελίδα μας για την εγγραφή. Επειδή είναι απλώς για να σας κάνει να καταλάβετε πώς μπορείτε να ελέγξετε τη σύνδεση MySQL.
Τώρα θα γράψουμε μια εφαρμογή προγραμματισμού PHP για να ελέγξουμε πρώτα τη διαθεσιμότητα του χρήστη και μετά να αποθηκεύσουμε τον χρήστη εάν είναι νέος χρήστης στην ιστοσελίδα.
Λίστα 6: connectivity-sign-up.php
Περιγραφή της συνδεσιμότητας-sign-up.php
Σε αυτήν την εφαρμογή PHP χρησιμοποίησα τον απλούστερο τρόπο για να δημιουργήσω μια εφαρμογή εγγραφής για τις ιστοσελίδες. Όπως μπορείτε να δείτε πρώτα δημιουργούμε μια σύνδεση όπως η λίστα 4. Και μετά χρησιμοποιήσαμε δύο συναρτήσεις η πρώτη συνάρτηση είναι SignUP() που καλείται από την εντολή if από την τελευταία εφαρμογή, όπου η πρώτη επιβεβαιώνει το πάτημα του sign up κουμπί. Εάν πατηθεί, τότε θα καλέσει τη συνάρτηση SingUp και αυτή η συνάρτηση θα χρησιμοποιήσει ένα ερώτημα του SELECT για να ανακτήσει τα δεδομένα και να τα συγκρίνει με το όνομα χρήστη και το email που έχει εισαχθεί αυτήν τη στιγμή από τον χρήστη. Εάν το όνομα χρήστη και το email υπάρχουν ήδη στη βάση δεδομένων, θα σας πει συγγνώμη που είστε ήδη εγγεγραμμένος
Εάν ο χρήστης είναι νέος, καθώς το τρέχον όνομα χρήστη και το αναγνωριστικό email δεν υπάρχουν στη βάση δεδομένων, η δήλωση If θα καλέσει τη NewUser() όπου θα αποθηκεύσει όλες τις πληροφορίες του νέου χρήστη. Και ο χρήστης θα γίνει μέρος της ιστοσελίδας.
Εικόνα 3
Στο σχήμα 3, ο χρήστης εισάγει δεδομένα για να εγγραφεί εάν ο χρήστης είναι παλιός χρήστης αυτής της ιστοσελίδας σύμφωνα με τις εγγραφές της βάσης δεδομένων. Έτσι, η ιστοσελίδα θα εμφανίσει ένα μήνυμα ότι ο χρήστης είναι ήδη εγγεγραμμένος εάν ο χρήστης είναι νέος, οπότε η ιστοσελίδα θα εμφανίσει ένα μήνυμα ότι η εγγραφή του χρήστη έχει ολοκληρωθεί.
Εικόνα 4:
Καθώς εισάγαμε δεδομένα στη φόρμα εγγραφής (Εικόνα 4), σύμφωνα με τη βάση δεδομένων το όνομα χρήστη και το email που καταχωρίσαμε στη φόρμα εγγραφής για εγγραφή, υπάρχει ήδη στη βάση δεδομένων. Επομένως, θα πρέπει να δοκιμάσουμε ένα νέο όνομα χρήστη και μια διεύθυνση email για να εγγραφούμε με νέο αναγνωριστικό και κωδικό πρόσβασης.
Εικόνα 5
Στο σχήμα 5, μας επιβεβαιώνει το όνομα χρήστη και το αναγνωριστικό email που ο χρήστης έχει εισάγει. Και οι δύο δεν υπάρχουν στις εγγραφές της βάσης δεδομένων. Έτσι τώρα δημιουργείται ένα νέο αναγνωριστικό και κωδικός πρόσβασης και ο χρήστης μπορεί να χρησιμοποιήσει το νέο του αναγνωριστικό και τον κωδικό πρόσβασης για να συνδεθεί την επόμενη φορά.
Συμπέρασμα:
Σε αυτό το άρθρο μάθαμε τον απλούστερο τρόπο δημιουργίας μιας ιστοσελίδας εγγραφής. Μάθαμε επίσης πώς αντιμετωπίζει τη βάση δεδομένων εάν χρησιμοποιούμε PHP και MySQL. Προσπάθησα να σας δώσω βασικές γνώσεις σχετικά με τη λειτουργικότητα της ιστοσελίδας εγγραφής. Πώς λειτουργεί στο πίσω μέρος και πώς μπορούμε να αλλάξουμε την εμφάνισή του στο μπροστινό μέρος. Για οποιαδήποτε απορία μη διστάσετε και σχολιάστε.
Τι είναι η Φόρμα;
Όταν συνδέεστε σε έναν ιστότοπο ή στο γραμματοκιβώτιό σας, αλληλεπιδράτε με μια φόρμα.
Οι φόρμες χρησιμοποιούνται για τη λήψη πληροφοριών από τον χρήστη και την υποβολή τους στον διακομιστή ιστού για επεξεργασία.
Το παρακάτω διάγραμμα απεικονίζει τη διαδικασία χειρισμού φόρμας.
Μια φόρμα είναι μια ετικέτα HTML που περιέχει στοιχεία γραφικής διεπαφής χρήστη, όπως πλαίσιο εισαγωγής, πλαίσια ελέγχου κουμπιά επιλογής κ.λπ.
Η φόρμα ορίζεται χρησιμοποιώντας το
Οι ετικέτες και τα στοιχεία GUI ορίζονται χρησιμοποιώντας στοιχεία φόρμας όπως η εισαγωγή.Σε αυτό το σεμινάριο, θα μάθετε-
Πότε και γιατί χρησιμοποιούμε φόρμες;
- Οι φόρμες είναι χρήσιμες κατά την ανάπτυξη ευέλικτων και δυναμικών εφαρμογών που δέχονται τη συμβολή του χρήστη.
- Οι φόρμες μπορούν να χρησιμοποιηθούν για την επεξεργασία ήδη υπαρχόντων δεδομένων από τη βάση δεδομένων
Δημιουργήστε μια φόρμα
Θα χρησιμοποιήσουμε ετικέτες HTML για να δημιουργήσουμε μια φόρμα. Παρακάτω είναι η ελάχιστη λίστα με τα πράγματα που χρειάζεστε για να δημιουργήσετε μια φόρμα.
- Άνοιγμα και κλείσιμο ετικετών φόρμας
- Τύπος υποβολής φόρμας POST ή GET
- URL υποβολής που θα επεξεργαστεί τα υποβληθέντα δεδομένα
- Πεδία εισαγωγής όπως πλαίσια εισαγωγής, περιοχές κειμένου, κουμπιά, πλαίσια ελέγχου κ.λπ.
Ο παρακάτω κωδικός δημιουργεί μια απλή φόρμα εγγραφής
Φόρμα εγγραφής
Η προβολή του παραπάνω κώδικα σε ένα πρόγραμμα περιήγησης ιστού εμφανίζει την ακόλουθη φόρμα.
- action="registration_form.php" μέθοδος="POST"> καθορίζει τη διεύθυνση URL προορισμού και τον τύπο υποβολής.
- Όνομα/Επώνυμο: είναι ετικέτες για τα πλαίσια εισαγωγής
- είναι ετικέτες κουτιών εισόδου
είναι η νέα ετικέτα γραμμής- είναι μια κρυφή τιμή που χρησιμοποιείται για να ελέγξει εάν η φόρμα έχει υποβληθεί ή όχι
- είναι το κουμπί που όταν πατηθεί υποβάλλει τη φόρμα στον διακομιστή για επεξεργασία
Υποβολή των δεδομένων της φόρμας στον διακομιστή
Το χαρακτηριστικό action της φόρμας καθορίζει τη διεύθυνση URL υποβολής που επεξεργάζεται τα δεδομένα. Το χαρακτηριστικό μέθοδος καθορίζει τον τύπο υποβολής.
Μέθοδος PHP POST
- Αυτή είναι η ενσωματωμένη μεταβλητή σούπερ καθολικού πίνακα PHP που χρησιμοποιείται για τη λήψη τιμών που υποβάλλονται μέσω της μεθόδου HTTP POST.
- Αυτή η μέθοδος είναι ιδανική όταν δεν θέλετε να εμφανίσετε τις τιμές ανάρτησης της φόρμας στη διεύθυνση URL.
- Ένα καλό παράδειγμα χρήσης της μεθόδου ανάρτησης είναι κατά την υποβολή στοιχείων σύνδεσης στον διακομιστή.
Έχει την εξής σύνταξη.
- Το “$_POST[…]” είναι ο πίνακας PHP
Μέθοδος PHP GET
- Αυτή είναι η ενσωματωμένη μεταβλητή σούπερ καθολικού πίνακα PHP που χρησιμοποιείται για τη λήψη τιμών που υποβάλλονται μέσω της μεθόδου HTTP GET.
- Η μεταβλητή του πίνακα είναι προσβάσιμη από οποιοδήποτε σενάριο του προγράμματος. έχει παγκόσμια εμβέλεια.
- Αυτή η μέθοδος εμφανίζει τις τιμές της φόρμας στη διεύθυνση URL.
- Είναι ιδανικό για φόρμες μηχανών αναζήτησης, καθώς επιτρέπει στους χρήστες να επισημάνουν τα αποτελέσματα.
Έχει την εξής σύνταξη.
- "$_GET[…]" είναι ο πίνακας PHP
- Το ""variable_name"" είναι το όνομα της μεταβλητής διεύθυνσης URL.
Μέθοδοι GET έναντι POST
| ΘΕΣΗ | ΠΑΙΡΝΩ |
|---|---|
| Οι τιμές δεν είναι ορατές στη διεύθυνση URL | Οι τιμές είναι ορατές στη διεύθυνση URL |
| Δεν έχει περιορισμό στο μήκος των τιμών αφού υποβάλλονται μέσω του σώματος του HTTP | Έχει περιορισμό στο μήκος των τιμών συνήθως 255 χαρακτήρες. Αυτό συμβαίνει επειδή οι τιμές εμφανίζονται στη διεύθυνση URL. Σημειώστε ότι το ανώτερο όριο των χαρακτήρων εξαρτάται από το πρόγραμμα περιήγησης. |
| Έχει χαμηλότερη απόδοση σε σύγκριση με τη μέθοδο Php_GET λόγω του χρόνου που δαπανάται για ενθυλάκωση των τιμών Php_POST στο σώμα HTTP | Έχει υψηλή απόδοση σε σύγκριση με τη μέθοδο POST λόγω της απλής φύσης της προσάρτησης των τιμών στη διεύθυνση URL. |
| Υποστηρίζει πολλούς διαφορετικούς τύπους δεδομένων όπως συμβολοσειρά, αριθμητικό, δυαδικό κ.λπ. | Υποστηρίζει μόνο τύπους δεδομένων συμβολοσειράς επειδή οι τιμές εμφανίζονται στη διεύθυνση URL |
| Δεν είναι δυνατή η επισήμανση των αποτελεσμάτων | Τα αποτελέσματα μπορούν να επισημανθούν λόγω της ορατότητας των τιμών στη διεύθυνση URL |
Το παρακάτω διάγραμμα δείχνει τη διαφορά μεταξύ λήψης και ανάρτησης
Επεξεργασία των δεδομένων της φόρμας εγγραφής
Η φόρμα εγγραφής υποβάλλει δεδομένα στον εαυτό της όπως ορίζεται στο χαρακτηριστικό action της φόρμας.
Όταν έχει υποβληθεί μια φόρμα, οι τιμές συμπληρώνονται στον υπερ-καθολικό πίνακα $_POST.
Θα χρησιμοποιήσουμε τη συνάρτηση isset της PHP για να ελέγξουμε αν οι τιμές της φόρμας έχουν συμπληρωθεί στον πίνακα $_POST και να επεξεργαστούμε τα δεδομένα.
Θα τροποποιήσουμε τη φόρμα εγγραφής για να συμπεριλάβουμε τον κωδικό PHP που επεξεργάζεται τα δεδομένα. Παρακάτω είναι ο τροποποιημένος κωδικός
σας ευχαριστώ
Έχετε εγγραφεί ως
Επιστρέψτε στη φόρμα
Φόρμα εγγραφής
- ελέγχει εάν το κρυφό πεδίο form_submitted έχει συμπληρωθεί στον πίνακα $_POST και εμφανίζει ένα ευχαριστήριο μήνυμα και ένα μήνυμα ονόματος.
Εάν το πεδίο form_fobmitted δεν έχει συμπληρωθεί στον πίνακα $_POST, εμφανίζεται η φόρμα.
Περισσότερα παραδείγματα
απλή μηχανή αναζήτησης
Θα σχεδιάσουμε μια απλή μηχανή αναζήτησης που χρησιμοποιεί τη μέθοδο PHP_GET ως τύπο υποβολής φόρμας.
Για λόγους απλότητας, θα χρησιμοποιήσουμε μια εντολή PHP If για να προσδιορίσουμε την έξοδο.
Θα χρησιμοποιήσουμε τον ίδιο κώδικα HTML για την παραπάνω φόρμα εγγραφής και θα κάνουμε ελάχιστες τροποποιήσεις σε αυτήν.
Αποτελέσματα αναζήτησης για
Η μέθοδος GET εμφανίζει τις τιμές της στη διεύθυνση URL
Λυπούμαστε, δεν βρέθηκαν αντιστοιχίες για τον όρο αναζήτησής σας
Επιστρέψτε στη φόρμα
Απλή μηχανή αναζήτησης - Πληκτρολογήστε GET
Δείτε την παραπάνω σελίδα σε ένα πρόγραμμα περιήγησης ιστού
Θα εμφανιστεί η παρακάτω φόρμα
Πληκτρολογήστε GET με κεφαλαία γράμματα και μετά κάντε κλικ στο κουμπί υποβολή.
Θα παρουσιαστούν τα ακόλουθα
Το παρακάτω διάγραμμα δείχνει τη διεύθυνση URL για τα παραπάνω αποτελέσματα
Σημειώστε ότι η διεύθυνση URL εμφανίζει την τιμή του όρου αναζήτησης και της μορφής_υποβλήθηκε.Προσπαθήστε να εισαγάγετε οτιδήποτε διαφορετικό από το GET και, στη συνέχεια, κάντε κλικ στο κουμπί υποβολής και δείτε τι αποτελέσματα θα έχετε.
Εργασία με πλαίσια ελέγχου, κουμπιά επιλογής
Εάν ο χρήστης δεν επιλέξει πλαίσιο ελέγχου ή κουμπί επιλογής, δεν υποβάλλεται τιμή, εάν ο χρήστης επιλέξει πλαίσιο ελέγχου ή κουμπί επιλογής, υποβάλλεται η τιμή ένα (1) ή true.
Θα τροποποιήσουμε τον κωδικό της φόρμας εγγραφής και θα συμπεριλάβουμε ένα κουμπί ελέγχου που επιτρέπει στον χρήστη να συμφωνήσει με τους όρους παροχής υπηρεσιών.
Δεν έχετε αποδεχτεί τους όρους παροχής υπηρεσιών μας
σας ευχαριστώ
Έχετε εγγραφεί ως
Επιστρέψτε στη φόρμα
Φόρμα εγγραφής
Δείτε την παραπάνω φόρμα σε ένα πρόγραμμα περιήγησης
Η Laravel απαιτεί από τον Composer να διαχειρίζεται τις εξαρτήσεις του έργου. Επομένως, πριν εγκαταστήσετε το Laravel, βεβαιωθείτε ότι έχετε εγκαταστήσει το Composer στο σύστημά σας. Σε περίπτωση που ακούτε για πρώτη φορά για το Composer, είναι ένα εργαλείο διαχείρισης εξαρτήσεων για php παρόμοιο με το npm του κόμβου.
Για να εγκαταστήσετε το Composer στον υπολογιστή σας, ελέγξτε αυτήν την ανάρτηση:
Εγκατάσταση του Laravel στα Windows:
Ακολουθήστε τα παρακάτω βήματα για να εγκαταστήσετε το laravel στο μηχάνημα Windows. Ανεξάρτητα από τη στοίβα xampp/wamp, λειτουργεί και για τα δύο. Στο WAMP, φροντίστε να εγκαταστήσετε το laravel στο φάκελο "www" και στο XAMPP, προφανώς το "htdocs".
ΒΗΜΑ-1) Ανοίξτε το φάκελο "htdocs" στο XAMPP, κρατήστε πατημένο το πλήκτρο SHIFT και κάντε δεξί κλικ στον φάκελο και επιλέξτε "άνοιγμα παραθύρου εντολών εδώ". Εναλλακτικά, μπορείτε να ανοίξετε το παράθυρο εντολών και να αλλάξετε τον κατάλογο σε "xampp/htdocs".
ΒΗΜΑ-2) Εισαγάγετε την ακόλουθη εντολή.
Συνθέτης δημιουργία-έργο laravel/laravel my_laravel_site --prefer-dist
Εδώ "my_laravel_site" είναι το όνομα του φακέλου όπου θα εγκατασταθούν τα αρχεία laravel. Αλλάξτε το σύμφωνα με τις προτιμήσεις σας.
ΒΗΜΑ-3) Τώρα είναι καιρός να είστε υπομονετικοί καθώς η εγκατάσταση laravel θα πάρει λίγο χρόνο.
ΒΗΜΑ-4) Μόλις εγκατασταθεί, αλλάξτε τον κατάλογο σε "my_laravel_site" (cd "my_laravel_site") στη γραμμή εντολών και πληκτρολογήστε την παρακάτω εντολή.
php artisan service
ΒΗΜΑ-5) Αυτό θα εμφανίσει ένα μήνυμα σαν, "Ο διακομιστής ανάπτυξης Laravel ξεκίνησε:" μαζί με μια διεύθυνση url.
ΒΗΜΑ-6) Αντιγράψτε και επικολλήστε τη διεύθυνση url στο πρόγραμμα περιήγησης. Εάν τα πράγματα πάνε καλά, θα δείτε την οθόνη καλωσορίσματος της laravel.
ΒΗΜΑ-7) Έγινε! Έχετε εγκαταστήσει με επιτυχία το laravel στο μηχάνημα Windows και είστε έτοιμοι να το χρησιμοποιήσετε.
Ρύθμιση κλειδιού εφαρμογής:
Η Laravel απαιτεί λίγη διαμόρφωση μετά την εγκατάσταση. Απαιτεί να ορίσετε το κλειδί εφαρμογής. Αυτή είναι μια τυχαία συμβολοσειρά 32 χαρακτήρων που χρησιμοποιείται για την κρυπτογράφηση συνεδρίας και άλλων ευαίσθητων δεδομένων. Συνήθως αυτό ρυθμίζεται αυτόματα όταν εγκαθιστάτε το laravel μέσω του συνθέτη ή του προγράμματος εγκατάστασης laravel.
Σε περίπτωση που δεν έχει οριστεί, πρέπει να το κάνετε χειροκίνητα. Πρώτα φροντίστε να μετονομάσετε το αρχείο ".env.example" σε ".env" στη ρίζα της εφαρμογής σας. Στη συνέχεια, ανοίξτε τη γραμμή εντολών και μεταβείτε στον φάκελο του έργου laravel. Τώρα εκτελέστε την παρακάτω εντολή για να δημιουργήσετε το κλειδί.
php artisan key:generate
Αντιγράψτε αυτό το κλειδί που δημιουργήθηκε στη μεταβλητή APP_KEY στο αρχείο ".env". Αποθήκευση και τελειώσατε.
Εγκατάσταση συγκεκριμένης έκδοσης Laravel:
Η παραπάνω μέθοδος θα κάνει τον συνθέτη να κατεβάσει και να εγκαταστήσει την πιο πρόσφατη έκδοση του laravel. Εάν θέλετε να εγκαταστήσετε προηγούμενες εκδόσεις της laravel στον υπολογιστή σας, φροντίστε να συμπεριλάβετε τον αντίστοιχο αριθμό έκδοσης στην εντολή δημιουργίας έργου.
Συνθέτης δημιουργία-έργο laravel/laravel=5.4 your-project-name --prefer-dist Διαβάστε επίσης:
Ομοίως μπορείτε Εγκαταστήστε εύκολα το laravel χρησιμοποιώντας συνθέτη στα παράθυρα. Ελπίζω να βρείτε αυτό το σεμινάριο χρήσιμο. Μοιραστείτε το στον κοινωνικό σας κύκλο αν σου αρέσειτο.
Τον Μάρτιο του τρέχοντος έτους, είχα μια πολύ κακή εμπειρία με μια εταιρεία πολυμέσων που αρνήθηκε να με πληρώσει και να απαντήσει στα email μου. Μου χρωστάνε ακόμα χιλιάδες δολάρια και το αίσθημα της οργής που έχω διαποτίζει καθημερινά. Αποδεικνύεται ότι δεν είμαι μόνος όμως, και εκατοντάδες άλλοι ιδιοκτήτες ιστότοπων βρίσκονται στο ίδιο σκάφος. Είναι κάπως ισοδύναμο για το μάθημα με την ψηφιακή διαφήμιση.
Με κάθε ειλικρίνεια, έχω αυτό το ιστολόγιο εδώ και πολύ καιρό και έχω αναπηδήσει σε διαφορετικά δίκτυα διαφημίσεων στο παρελθόν. Αφού αφαίρεσα τις ενότητες διαφημίσεων από αυτήν την εταιρεία που με δυσκόλεψε, επέστρεψα στην αρχή. Θα πρέπει επίσης να σημειώσω ότι Ποτέ δεν μου άρεσε πολύ το προϊόν Googles AdSense, μόνο και μόνο επειδή μοιάζει με το "πάτο του βαρελιού" των διαφημίσεων προβολής. Όχι από ποιοτική άποψη, αλλά από άποψη εσόδων.
Από ό,τι καταλαβαίνω, θέλετε διαφημίσεις Google στον ιστότοπό σας, αλλά θέλετε επίσης να το κάνουν και άλλες μεγάλες εταιρείες και πρακτορεία. Με αυτόν τον τρόπο μεγιστοποιείτε τη ζήτηση και τα έσοδα.
Μετά από την αρνητική μου εμπειρία, συνέστησα μια εταιρεία που ονομάζεται Newor Media. Και αν "είμαι ειλικρινής" δεν πωλήθηκα στην αρχή κυρίως επειδή δεν μπορούσα να βρω πολλές πληροφορίες για αυτούς. Βρήκα μερικές αξιοπρεπείς κριτικές σε άλλους ιστότοπους και αφού μίλησα με κάποιον εκεί, αποφάσισα να το δοκιμάσω Θα πω ότι είναι SUPER εξυπηρετικοί. Κάθε δίκτυο με το οποίο έχω δουλέψει ποτέ μου ήταν πολύ σύντομο όσον αφορά τις απαντήσεις και την έναρξη λειτουργίας. Απάντησαν σε κάθε ερώτηση και ήταν μια πραγματικά ενθαρρυντική διαδικασία.
"Έχω προβάλει τις διαφημίσεις για μερικούς μήνες και τα κέρδη είναι περίπου σύμφωνα με αυτά που έβγαζα με την άλλη εταιρεία. Επομένως, δεν μπορώ πραγματικά να πω αν είναι πολύ καλύτερες από άλλες, αλλά πού ξεχωρίζουν είναι ένα σημείο που θέλω πολύ να θίξω. Η επικοινωνία μαζί τους δεν μοιάζει με κανένα άλλο δίκτυο που το έχω δουλέψει ποτέ. Εδώ είναι μια περίπτωση όπου είναι πραγματικά διαφορετικά:
Μου έκαναν έγκαιρα την πρώτη πληρωμή με το Paypal. Αλλά επειδή "δεν βρίσκομαι στις ΗΠΑ (και αυτό συμβαίνει σε όλους νομίζω), έλαβα μια χρέωση από το Paypal. Έστειλα email στον εκπρόσωπο μου σχετικά με αυτό, ρωτώντας αν υπήρχε τρόπος να το αποφύγω στο μέλλον.
Είπαν ότι δεν μπορούσαν να αποφύγουν το τέλος, αλλά ότι θα ΕΠΙΣΤΡΕΨΑΝ ΟΛΕΣ ΤΙΣ ΑΜΟΙΒΕΣ... ΣΥΜΠΕΡΙΛΑΜΒΑΝΟΜΕΝΟΥ ΤΗΣ ΠΙΟ ΠΡΟΣΦΑΤΟΥ ΠΛΗΡΩΜΗΣ! Όχι μόνο αυτό, αλλά η πληρωμή αποζημίωσης ελήφθη μέσα σε 10 ΛΕΠΤΑ!Πότε καταφέρατε να υποβάλετε ένα τέτοιο αίτημα χωρίς να χρειαστεί να το προωθήσετε στο "οικονομικό τμήμα" για να μην απαντήσετε ποτέ.
Η ουσία είναι ότι μου αρέσει αυτή η εταιρεία. Ίσως μπορέσω να κάνω περισσότερα κάπου αλλού, "δεν είμαι πραγματικά σίγουρος, αλλά έχουν έναν εκδότη για μια ζωή μαζί μου. Δεν είμαι ένας τεράστιος ιστότοπος και δεν παράγω έναν τόνο εισοδήματος, αλλά αισθάνομαι σαν Πολύ σημαντικός πελάτης όταν του μιλάω. Είναι πραγματικά μια ανάσα φρέσκου αέρα σε έναν κλάδο που είναι γεμάτος απάτη και μη ανταπόκριση.
Οι μικροϋπολογιστές που δημιουργήθηκαν από το Ίδρυμα Raspberry Pi το 2012 είχαν τεράστια επιτυχία στο να πυροδοτήσουν επίπεδα δημιουργικότητας σε μικρά παιδιά και αυτή η εταιρεία με έδρα το Ηνωμένο Βασίλειο άρχισε να προσφέρει προγράμματα εκκίνησης εκμάθησης κώδικα όπως το pi-top an Kano. Υπάρχει τώρα μια νέα εκκίνηση που χρησιμοποιεί τα ηλεκτρονικά Pi και η συσκευή είναι γνωστή ως Pip, μια κονσόλα χειρός που προσφέρει οθόνη αφής, πολλαπλές θύρες, κουμπιά ελέγχου και ηχεία. Η ιδέα πίσω από τη συσκευή είναι να προσελκύσει νεότερα άτομα με μια συσκευή παιχνιδιού που είναι ρετρό, αλλά θα προσφέρει επίσης μια εμπειρία εκμάθησης κώδικα μέσω μιας πλατφόρμας που βασίζεται στον ιστό.
Η καταπληκτική πλατφόρμα λογισμικού που προσφέρεται με το Pip θα προσφέρει την ευκαιρία να ξεκινήσετε την κωδικοποίηση σε Python, HTML/CSS, JavaScript, Lua και PHP. Η συσκευή προσφέρει οδηγίες βήμα προς βήμα για να ξεκινήσουν τα παιδιά με την κωδικοποίηση και τους επιτρέπει να κάνουν ακόμη και τα LED να αναβοσβήνουν. Ενώ το Pip εξακολουθεί να είναι πρωτότυπο, σίγουρα θα έχει τεράστια επιτυχία στη βιομηχανία και θα προσελκύει παιδιά που ενδιαφέρονται για την κωδικοποίηση και θα τους παρέχει την εκπαίδευση και τους πόρους που χρειάζονται για να ξεκινήσουν την κωδικοποίηση σε νεαρή ηλικία.
Το μέλλον της κωδικοποίησης
Η κωδικοποίηση έχει μεγάλο μέλλον, και ακόμη κι αν τα παιδιά δεν χρησιμοποιούν την κωδικοποίηση ως καριέρα, μπορούν να επωφεληθούν από την εκμάθηση του τρόπου κωδικοποίησης με αυτή τη νέα συσκευή που το κάνει πιο εύκολο από ποτέ. Με το Pip, ακόμη και οι νεότεροι λάτρεις της κωδικοποίησης θα μάθουν διαφορετικές γλώσσες και θα είναι σε καλό δρόμο για να δημιουργήσουν τους δικούς τους κωδικούς, τα δικά τους παιχνίδια, τις δικές τους εφαρμογές και πολλά άλλα. Είναι το μέλλον της ηλεκτρονικής εποχής και το Pip επιτρέπει τον έλεγχο των βασικών δομικών στοιχείων της κωδικοποίησης.Η επιστήμη των υπολογιστών έχει γίνει σημαντικό μέρος της εκπαίδευσης και με συσκευές όπως το νέο Pip, τα παιδιά μπορούν να αρχίσουν να βελτιώνουν την εκπαίδευσή τους στο σπίτι διασκεδάζοντας. Η κωδικοποίηση υπερβαίνει κατά πολύ τη δημιουργία ιστοσελίδων ή λογισμικού. Μπορεί να χρησιμοποιηθεί για να ενισχύσει την ασφάλεια σε μια πόλη, να βοηθήσει στην έρευνα στον ιατρικό τομέα και πολλά άλλα. Δεδομένου ότι τώρα ζούμε σε έναν κόσμο που κυριαρχείται από λογισμικό, η κωδικοποίηση είναι το μέλλον και είναι σημαντικό για όλα τα παιδιά να έχουν τουλάχιστον μια βασική κατανόηση του πώς λειτουργεί, ακόμα κι αν δεν χρησιμοποιούν ποτέ αυτές τις δεξιότητες ως καριέρα. Όσον αφορά το μέλλον, η κωδικοποίηση θα είναι ένα κρίσιμο συστατικό της καθημερινής ζωής. Θα είναι η γλώσσα του κόσμου και η μη γνώση των υπολογιστών ή του τρόπου λειτουργίας τους μπορεί να δημιουργήσει προκλήσεις που είναι εξίσου δύσκολο να ξεπεραστούν με τον αναλφαβητισμό.
Η κωδικοποίηση θα προσφέρει επίσης σημαντικές αλλαγές στον κόσμο των τυχερών παιχνιδιών, ειδικά όταν πρόκειται για διαδικτυακά παιχνίδια, συμπεριλαμβανομένης της πρόσβασης σε διαδικτυακά καζίνο. Για να δείτε πώς η κωδικοποίηση έχει ήδη βελτιώσει τον κόσμο των τυχερών παιχνιδιών, ρίξτε μια ματιά σε μερικούς ιστότοπους καζίνο με κορυφαία βαθμολογία που βασίζονται στην κωδικοποίηση. Ρίξτε μια γρήγορη ματιά για να το ελέγξετε και δείτε πώς η κωδικοποίηση μπορεί να παρουσιάσει ρεαλιστικά περιβάλλοντα στο διαδίκτυο.
Πώς ο Πιπ αρραβώνει τα παιδιά
Όταν πρόκειται για την ευκαιρία να μάθουν κωδικοποίηση, τα παιδιά έχουν πολλές επιλογές. Υπάρχει ένας αριθμός συσκευών και gizmos υλικού που μπορούν να αγοραστούν, αλλά ο Pip ακολουθεί διαφορετική προσέγγιση με τη συσκευή του. Η φορητότητα της συσκευής και η οθόνη αφής προσφέρουν πλεονέκτημα σε άλλες συσκευές κωδικοποίησης που κυκλοφορούν στην αγορά. Το Pip θα είναι πλήρως συμβατό με ηλεκτρονικά εξαρτήματα εκτός από το σύστημα Raspberry Pi HAT. Η συσκευή χρησιμοποιεί τυπικές γλώσσες και έχει βασικά εργαλεία και είναι μια τέλεια συσκευή για κάθε αρχάριο κωδικοποιητή. Ο στόχος είναι να αρθούν τα εμπόδια μεταξύ μιας ιδέας και της δημιουργίας και να γίνουν άμεσα διαθέσιμα εργαλεία για χρήση. Ένα από τα άλλα μεγάλα πλεονεκτήματα του Pip είναι ότι χρησιμοποιεί κάρτα SD, επομένως μπορεί να χρησιμοποιηθεί και ως επιτραπέζιος υπολογιστής όταν είναι συνδεδεμένος σε οθόνη και ποντίκι.Η συσκευή Pip θα βοηθούσε τα παιδιά και τους ενδιαφερόμενους αρχάριους κωδικοποιητές με ενθουσιασμό να μάθουν και να εξασκήσουν την κωδικοποίηση. Προσφέροντας έναν συνδυασμό ολοκλήρωσης εργασιών και επεξεργασίας για την επίλυση προβλημάτων, η συσκευή σίγουρα θα απασχολήσει τη νεότερη γενιά. Στη συνέχεια, η συσκευή επιτρέπει σε αυτούς τους νέους κωδικοποιητές να μετακινηθούν σε πιο προηγμένα επίπεδα κωδικοποίησης σε διαφορετικές γλώσσες όπως JavaScript και HTML/CSS. Δεδομένου ότι η συσκευή αντιγράφει μια κονσόλα παιχνιδιών, θα τραβήξει αμέσως την προσοχή των παιδιών και θα τα εμπλέξει να μάθουν για την κωδικοποίηση σε νεαρή ηλικία. Έρχεται επίσης με μερικά προφορτωμένα παιχνίδια για να κρατήσει την προσοχή, όπως το Pac-Man και το Minecraft.
Καινοτομίες που έρχονται
Η μελλοντική καινοτομία εξαρτάται σε μεγάλο βαθμό από την τρέχουσα ικανότητα του παιδιού να κωδικοποιεί και τη συνολική κατανόησή του για τη διαδικασία. Καθώς τα παιδιά μαθαίνουν να κωδικοποιούν σε νεαρή ηλικία χρησιμοποιώντας συσκευές όπως το νέο Pip, θα αποκτήσουν τις δεξιότητες και τις γνώσεις για να δημιουργήσουν καταπληκτικά πράγματα στο μέλλον. Αυτό θα μπορούσε να είναι η εισαγωγή νέων παιχνιδιών ή εφαρμογών ή ακόμα και ιδεών που μπορούν να ζωντανέψουν για να βοηθήσουν στην ιατρική έρευνα και θεραπείες. Υπάρχουν άπειρες δυνατότητες. Δεδομένου ότι το μέλλον μας θα ελέγχεται από λογισμικό και υπολογιστές, το να ξεκινήσουμε νέοι είναι ο καλύτερος τρόπος, γι' αυτό το νέο Pip είναι προσανατολισμένο προς το νεανικό πλήθος. Προσφέροντας μια συσκευή κονσόλας που μπορεί να παίζει παιχνίδια ενώ διδάσκει δεξιότητες κωδικοποίησης, τα νεαρά μέλη της κοινωνίας είναι σε καλό δρόμο να γίνουν οι δημιουργοί λογισμικού στο μέλλον που θα αλλάξει τη ζωή μας. Αυτο ειναι απλα η αρχη, αλλά είναι κάτι που εκατομμύρια παιδιά σε όλο τον κόσμο αρχίζουν να μαθαίνουν και να κατακτούν. Με τη χρήση συσκευών όπως το Pip, καλύπτονται τα βασικά στοιχεία κωδικοποίησης και τα παιδιά θα μάθουν γρήγορα τις διαφορετικές γλώσσες κωδικοποίησης που μπορούν να οδηγήσουν σε εκπληκτικά μονοπάτια καθώς μπαίνουν στην ενηλικίωση.Γεια σας φίλοι, Σήμερα σε αυτό το σεμινάριο θα δούμε Πώς να σχεδιάσετε φόρμες σύνδεσης, εγγραφής και ξέχασης κωδικού πρόσβασης χρησιμοποιώντας το Bootstrap. Η δημιουργία και η προσαρμογή αυτών των τρόπων εκκίνησης είναι αρκετά εύκολη, εννοώ κυριολεκτικά εύκολη, τα Modal σας επιτρέπουν να ανοίγετε εξαιρετικά αναδυόμενα παράθυρα στην ίδια σελίδα χωρίς να ανακατευθύνεστε σε ξεχωριστές σελίδες για οποιαδήποτε συγκεκριμένη εργασία, π.χ. ο ιστότοπος παρέχει καλύτερη διεπαφή χρήστη. Σε αυτό το παράδειγμα έχω καλύψει τρόπους σύνδεσης, εγγραφής και ξεχασμένου κωδικού πρόσβασης που μπορείτε να δημιουργήσετε εύκολα, ας ρίξουμε μια ματιά.
Σε αυτό το άρθρο, θα μάθετε πώς να δημιουργήσετε μια φόρμα εγγραφής και εξουσιοδότησηςχρησιμοποιώντας HTML, JavaScript, PHP και MySql. Τέτοιες φόρμες χρησιμοποιούνται σχεδόν σε κάθε ιστότοπο, ανεξάρτητα από τον τύπο του. Δημιουργούνται για το φόρουμ, και για το ηλεκτρονικό κατάστημα και για κοινωνικά δίκτυα(όπως για παράδειγμα Facebook, Twiter, Odnoklassniki) και για πολλούς άλλους τύπους τοποθεσιών.
Εάν έχετε έναν ιστότοπο στον τοπικό σας υπολογιστή, ελπίζω ότι τον έχετε ήδη ο τοπικός διακομιστής είναι εγκατεστημένος και λειτουργεί. Τίποτα δεν θα λειτουργήσει χωρίς αυτό.
Δημιουργία πίνακα στη βάση δεδομένων
Για να υλοποιήσουμε την εγγραφή χρήστη, χρειαζόμαστε πρώτα μια Βάση Δεδομένων. Εάν το έχετε ήδη, τότε υπέροχο, διαφορετικά, πρέπει να το δημιουργήσετε. Στο άρθρο, εξηγώ λεπτομερώς πώς να το κάνετε αυτό.
Και έτσι, έχουμε μια βάση δεδομένων (συντομογραφία DB), τώρα πρέπει να δημιουργήσουμε έναν πίνακα χρήστεςστο οποίο θα προσθέσουμε τους εγγεγραμμένους χρήστες μας.
Πώς να δημιουργήσετε έναν πίνακα στη βάση δεδομένων, εξήγησα επίσης στο άρθρο. Πριν δημιουργήσουμε έναν πίνακα, πρέπει να ορίσουμε ποια πεδία θα περιέχει. Αυτά τα πεδία θα ταιριάζουν με τα πεδία από τη φόρμα εγγραφής.
Έτσι, σκεφτήκαμε, φανταστήκαμε τι πεδία θα έχει η φόρμα μας και δημιουργήσαμε έναν πίνακα χρήστεςμε αυτά τα πεδία:
- ταυτότητα- Αναγνωριστικό. Πεδίο ταυτότηταπρέπει να υπάρχει σε κάθε πίνακα από τη βάση δεδομένων.
- όνομα- Για να αποθηκεύσετε το όνομα.
- επίθετο- Για να αποθηκεύσετε το επώνυμο.
- ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ- Για να αποθηκεύσετε την ταχυδρομική διεύθυνση. Θα χρησιμοποιήσουμε το ηλεκτρονικό ταχυδρομείο ως σύνδεση, επομένως αυτό το πεδίο πρέπει να είναι μοναδικό, δηλαδή να έχει ΜΟΝΑΔΙΚΟ ευρετήριο.
- email_status- Ένα πεδίο για να υποδείξετε εάν η αλληλογραφία είναι επιβεβαιωμένη ή όχι. Εάν η αλληλογραφία επιβεβαιωθεί, τότε θα έχει τιμή 1, διαφορετικά την τιμή 0.
- Κωδικός πρόσβασης- Για να αποθηκεύσετε τον κωδικό πρόσβασης.
Εάν θέλετε η φόρμα εγγραφής σας να έχει μερικά ακόμη πεδία, μπορείτε να τα προσθέσετε και εδώ.
Αυτό είναι, το τραπέζι μας χρήστεςέτοιμος. Ας προχωρήσουμε στο επόμενο βήμα.
Σύνδεση βάσης δεδομένων
Δημιουργήσαμε τη βάση δεδομένων, τώρα πρέπει να συνδεθούμε σε αυτήν. Θα συνδεθούμε χρησιμοποιώντας την επέκταση MySQLi PHP.
Στον φάκελο του ιστότοπού μας, δημιουργήστε ένα αρχείο με το όνομα dbconnect.php, και σε αυτό γράφουμε το ακόλουθο σενάριο:
Σφάλμα σύνδεσης βάσης δεδομένων. Περιγραφή σφάλματος: ".mysqli_connect_error()."
"; exit(); ) // Ορίστε την κωδικοποίηση σύνδεσης $mysqli->set_charset("utf8"); //Για ευκολία, προσθέστε μια μεταβλητή εδώ που θα περιέχει το όνομα του ιστότοπού μας $address_site = "http://testsite .τοπικό" ; ?>Αυτό το αρχείο dbconnect.phpθα χρειαστεί να συνδεθούν σε χειριστές φορμών.
Δώστε προσοχή στη μεταβλητή $address_site, εδώ έχω υποδείξει το όνομα της τοποθεσίας δοκιμών μου, την οποία θα εργαστώ. Δηλώνετε ανάλογα το όνομα του ιστότοπού σας.
Δομή τοποθεσίας
Τώρα ας ρίξουμε μια ματιά στη δομή HTML του ιστότοπού μας.
Μετακινήστε την κεφαλίδα και το υποσέλιδο του ιστότοπου σε ξεχωριστά αρχεία, header.phpκαι υποσέλιδο.php. Θα τα συνδέσουμε σε όλες τις σελίδες. Δηλαδή, στο κύριο (αρχείο index.php), στη σελίδα με τη φόρμα εγγραφής (αρχείο form_register.php) και στη σελίδα με το έντυπο εξουσιοδότησης (αρχείο form_auth.php).
Αποκλεισμός με τους συνδέσμους μας, εγγραφήκαι εξουσιοδότηση, προσθέστε στην κεφαλίδα του ιστότοπου, ώστε να εμφανίζονται σε όλες τις σελίδες. Θα μπει ένας σύνδεσμος σελίδα φόρμας εγγραφής(αρχείο form_register.php) και το άλλο στη σελίδα με έντυπο εξουσιοδότησης(αρχείο form_auth.php).
Περιεχόμενο αρχείου header.php:
Το όνομα του ιστότοπού μας
Ως αποτέλεσμα, η κύρια σελίδα μας μοιάζει με αυτό:
Φυσικά, ο ιστότοπός σας μπορεί να έχει εντελώς διαφορετική δομή, αλλά αυτό δεν είναι σημαντικό για εμάς τώρα. Το κυριότερο είναι ότι υπάρχουν σύνδεσμοι (κουμπιά) για εγγραφή και εξουσιοδότηση.
Τώρα ας προχωρήσουμε στη φόρμα εγγραφής. Όπως ήδη καταλάβατε, το έχουμε στο αρχείο form_register.php.
Πηγαίνουμε στη βάση δεδομένων (στο phpMyAdmin), ανοίγουμε τη δομή του πίνακα χρήστεςκαι να δούμε τι χωράφια χρειαζόμαστε. Άρα, χρειαζόμαστε πεδία για την εισαγωγή ονόματος και επωνύμου, ένα πεδίο για την εισαγωγή ταχυδρομικής διεύθυνσης (Email) και ένα πεδίο για εισαγωγή κωδικού πρόσβασης. Και για λόγους ασφαλείας, θα προσθέσουμε ένα πεδίο εισαγωγής captcha.
Στον διακομιστή, ως αποτέλεσμα της επεξεργασίας της φόρμας εγγραφής, ενδέχεται να προκύψουν διάφορα σφάλματα λόγω των οποίων ο χρήστης δεν θα μπορεί να εγγραφεί. Επομένως, για να καταλάβει ο χρήστης γιατί αποτυγχάνει η εγγραφή, είναι απαραίτητο να του εμφανιστούν μηνύματα σχετικά με αυτά τα σφάλματα.
Πριν από την εμφάνιση της φόρμας, προσθέτουμε ένα μπλοκ για την εμφάνιση μηνυμάτων σφάλματος από τη συνεδρία.
Και μια άλλη στιγμή, εάν ο χρήστης είναι ήδη εξουσιοδοτημένος και για λόγους ενδιαφέροντος, μπαίνει απευθείας στη σελίδα εγγραφής γράφοντας στη γραμμή διευθύνσεων του προγράμματος περιήγησης website_url/form_register.php, τότε σε αυτήν την περίπτωση, αντί για τη φόρμα εγγραφής, θα εμφανίσουμε έναν τίτλο για αυτό ότι είναι ήδη καταχωρημένο.
Σε γενικές γραμμές, ο κωδικός αρχείου form_register.phpτο πήραμε ως εξής:
Είστε ήδη εγγεγραμμένος
Στο πρόγραμμα περιήγησης, η σελίδα εγγραφής μοιάζει με αυτό:
Μέσω απαιτούμενο χαρακτηριστικό, έχουμε κάνει όλα τα πεδία υποχρεωτικά.
Προσοχή στον κωδικό της φόρμας εγγραφής όπου εμφανίζεται το captcha:
Εμείς στην τιμή του χαρακτηριστικού src για την εικόνα, καθορίσαμε τη διαδρομή προς το αρχείο captcha.php, το οποίο δημιουργεί αυτό το captcha.
Ας δούμε τον κώδικα του αρχείου captcha.php:
Ο κώδικας είναι καλά σχολιασμένος, οπότε θα επικεντρωθώ μόνο σε ένα σημείο.
Μέσα σε μια λειτουργία imageTtfText(), καθορίζεται η διαδρομή προς τη γραμματοσειρά verdana.ttf. Για να λειτουργήσει λοιπόν σωστά το captcha, πρέπει να δημιουργήσουμε έναν φάκελο γραμματοσειρές, και βάλτε το αρχείο γραμματοσειράς εκεί verdana.ttf. Μπορείτε να το βρείτε και να το κατεβάσετε από το Διαδίκτυο ή να το πάρετε από το αρχείο με τα υλικά αυτού του άρθρου.
Τελειώσαμε με τη δομή HTML, ήρθε η ώρα να προχωρήσουμε.
Επικύρωση email με jQuery
Οποιαδήποτε φόρμα χρειάζεται επικύρωση των δεδομένων που έχουν εισαχθεί, τόσο από την πλευρά του πελάτη (με χρήση JavaScript, jQuery) όσο και από την πλευρά του διακομιστή.
Πρέπει να δώσουμε ιδιαίτερη προσοχή στο πεδίο Email. Είναι πολύ σημαντικό η διεύθυνση email που εισάγατε να είναι έγκυρη.
Για αυτό το πεδίο εισαγωγής, ορίσαμε τον τύπο email (type="email"), αυτό μας προειδοποιεί λίγο για λανθασμένες μορφές. Όμως, αυτό δεν αρκεί, γιατί μέσω του κώδικα επιθεώρησης που μας παρέχει το πρόγραμμα περιήγησης, μπορείτε εύκολα να αλλάξετε την τιμή του χαρακτηριστικού τύποςμε ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗστο κείμενο, και τέλος, η επιταγή μας δεν θα ισχύει πλέον.
Και σε αυτή την περίπτωση, πρέπει να κάνουμε έναν πιο αξιόπιστο έλεγχο. Για να το κάνουμε αυτό, θα χρησιμοποιήσουμε τη βιβλιοθήκη jQuery από JavaScript.
Για να συνδέσετε τη βιβλιοθήκη jQuery, στο αρχείο header.phpμεταξύ ετικετών , πριν από την ετικέτα κλεισίματος , προσθέστε αυτή τη γραμμή:
Αμέσως μετά από αυτήν τη γραμμή, προσθέστε τον κωδικό ελέγχου επικύρωσης email. Εδώ προσθέτουμε τον κωδικό για τον έλεγχο του μήκους του εισαγόμενου κωδικού πρόσβασης. Πρέπει να αποτελείται από τουλάχιστον 6 χαρακτήρες.
Με τη βοήθεια αυτού του σεναρίου, ελέγχουμε την εγκυρότητα της καταχωρημένης διεύθυνσης email. Εάν ο χρήστης έχει εισάγει λάθος Email, τότε εμφανίζουμε ένα σφάλμα σχετικά με αυτό και απενεργοποιούμε το κουμπί υποβολής της φόρμας. Εάν όλα είναι καλά, τότε αφαιρούμε το σφάλμα και ενεργοποιούμε το κουμπί υποβολής της φόρμας.
Και έτσι, με την επικύρωση φόρμας στην πλευρά του πελάτη, τελειώσαμε. Τώρα μπορούμε να το στείλουμε στον διακομιστή, όπου θα κάνουμε επίσης μερικούς ελέγχους και θα προσθέσουμε δεδομένα στη βάση δεδομένων.
Εγγραφή χρήστη
Στέλνουμε τη φόρμα για επεξεργασία στο αρχείο register.php, μέσω της μεθόδου POST. Το όνομα αυτού του αρχείου χειριστή, που καθορίζεται στην τιμή του χαρακτηριστικού δράση. Και η μέθοδος αποστολής καθορίζεται στην τιμή του χαρακτηριστικού μέθοδος.
Ανοίξτε αυτό το αρχείο register.phpκαι το πρώτο πράγμα που πρέπει να κάνουμε είναι να γράψουμε μια συνάρτηση έναρξης συνεδρίας και να συμπεριλάβουμε το αρχείο που δημιουργήσαμε νωρίτερα dbconnect.php(Σε αυτό το αρχείο, κάναμε μια σύνδεση με τη βάση δεδομένων). Κι όμως, αμέσως δηλώστε τα κύτταρα error_messagesκαι επιτυχία_μηνυμάτωνστον καθολικό πίνακα συνεδρίας. ΣΤΟ error_mesagesθα καταγράψουμε όλα τα μηνύματα σφάλματος που προκύπτουν κατά την επεξεργασία της φόρμας και μέσα επιτυχία_μηνυμάτωνΑς γράψουμε χαρούμενα μηνύματα.
Πριν συνεχίσουμε, πρέπει να ελέγξουμε αν το έντυπο υποβλήθηκε καθόλου. Ένας εισβολέας μπορεί να εξετάσει την τιμή ενός χαρακτηριστικού δράσηαπό τη φόρμα και μάθετε ποιο αρχείο επεξεργάζεται αυτήν τη φόρμα. Και μπορεί να σκεφτεί την ιδέα να μεταβεί απευθείας σε αυτό το αρχείο πληκτρολογώντας την ακόλουθη διεύθυνση στη γραμμή διευθύνσεων του προγράμματος περιήγησης: http://site_site/register.php
Πρέπει λοιπόν να ελέγξουμε αν υπάρχει κάποιο κελί στον καθολικό πίνακα POST του οποίου το όνομα ταιριάζει με το όνομα του κουμπιού "Εγγραφή" μας από τη φόρμα. Έτσι, ελέγχουμε αν πατήθηκε το κουμπί «Εγγραφή» ή όχι.
Εάν ένας εισβολέας προσπαθήσει να μεταβεί απευθείας σε αυτό το αρχείο, θα λάβει ένα μήνυμα σφάλματος. Σας υπενθυμίζω ότι η μεταβλητή $address_site περιέχει το όνομα του ιστότοπου και δηλώθηκε στο αρχείο dbconnect.php.
Λάθος!κύρια σελίδα .
"); } ?>Η τιμή captcha στη συνεδρία προστέθηκε κατά τη δημιουργία της, στο αρχείο captcha.php. Για υπενθύμιση, θα δείξω για άλλη μια φορά αυτό το κομμάτι κώδικα από το αρχείο captcha.php, όπου η τιμή captcha προστίθεται στη συνεδρία:
Τώρα ας πάμε στην ίδια τη δοκιμή. Στο αρχείο register.php, μέσα στο μπλοκ if, όπου ελέγχουμε αν πατήθηκε το κουμπί "Εγγραφή" ή καλύτερα, όπου το σχόλιο " // (1) Θέση για το επόμενο κομμάτι κώδικα"γράφουμε:
//Ελέγξτε τα ληφθέντα captcha //Περικοπή διαστημάτων από την αρχή και από το τέλος της συμβολοσειράς $captcha = trim($_POST["captcha"]); if(isset($_POST["captcha"]) && !empty($captcha))( //Σύγκριση της τιμής που ελήφθη με την τιμή από τη συνεδρία. if(($_SESSION["rand"] != $captcha) && ($_SESSION ["rand"] != ""))( // Εάν το captcha δεν είναι σωστό, τότε επιστρέψτε τον χρήστη στη σελίδα εγγραφής και εκεί θα εμφανιστεί ένα μήνυμα σφάλματος ότι εισήγαγε λάθος captcha. $error_message ="
Λάθος!Εισαγάγατε λάθος captcha
"; // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] = $error_message; // Επιστρέψτε τον χρήστη στην κεφαλίδα της σελίδας εγγραφής("HTTP/1.1 301 Moved Permanently"); header("Τοποθεσία: " .$address_site ."/form_register.php"); //Διακοπή της δέσμης ενεργειών exit(); ) // (2) Τοποθετήστε το επόμενο κομμάτι κώδικα )else( //Εάν το captcha δεν περάσει ή είναι κενό, βγείτε ("Λάθος!Δεν υπάρχει κωδικός επαλήθευσης, δηλαδή ο κωδικός captcha. Μπορείτε να μεταβείτε στην κεντρική σελίδα.
"); }Στη συνέχεια, πρέπει να επεξεργαστούμε τα ληφθέντα δεδομένα από τον πίνακα POST. Πρώτα απ 'όλα, πρέπει να ελέγξουμε τα περιεχόμενα του καθολικού πίνακα POST, δηλαδή αν υπάρχουν κελιά εκεί των οποίων τα ονόματα ταιριάζουν με τα ονόματα των πεδίων εισαγωγής από τη φόρμα μας.
Εάν το κελί υπάρχει, τότε περικόπτουμε τα κενά από την αρχή και από το τέλος της συμβολοσειράς από αυτό το κελί, διαφορετικά, ανακατευθύνουμε τον χρήστη πίσω στη σελίδα με τη φόρμα εγγραφής.
Επιπλέον, αφού περικοπούν τα κενά, προσθέτουμε μια συμβολοσειρά στη μεταβλητή και ελέγχουμε αυτή τη μεταβλητή για κενή, αν δεν είναι κενή, προχωράμε, διαφορετικά ανακατευθύνουμε τον χρήστη πίσω στη σελίδα με τη φόρμα εγγραφής.
Επικολλήστε αυτόν τον κωδικό στην καθορισμένη θέση // (2) Θέση για το επόμενο κομμάτι κώδικα".
/* Ελέγξτε εάν αποστέλλονται δεδομένα από τη φόρμα στον καθολικό πίνακα $_POST και περικλείστε τα υποβληθέντα δεδομένα σε κανονικές μεταβλητές. = trim($_POST["first_name"]); //Ελέγξτε εάν η μεταβλητή είναι κενή if(!empty ($first_name))( // Για ασφάλεια, μετατρέψτε τους ειδικούς χαρακτήρες σε οντότητες HTML $first_name = htmlspecialchars($first_name, ENT_QUOTES) ; )else( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "
Εισάγετε το όνομά σας
Λείπει το πεδίο ονόματος
". ) if( isset($_POST["last_name"]))( // Περικοπή διαστημάτων από την αρχή και το τέλος της συμβολοσειράς $last_name = trim($_POST["last_name"]); if(!empty($last_name)) ( // Για ασφάλεια, μετατρέψτε τους ειδικούς χαρακτήρες σε οντότητες HTML $last_name = htmlspecialchars($last_name, ENT_QUOTES); )else( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "Εισαγάγετε το επώνυμό σας
". ) )else ( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "Λείπει το πεδίο ονόματος
". ) if( isset($_POST["email"]))( // Περικοπή διαστημάτων από την αρχή και το τέλος της συμβολοσειράς $email = trim($_POST["email"]); if(!empty($email)) ( $email = htmlspecialchars ($email, ENT_QUOTES); // (3) Τόπος κώδικα για να ελέγξετε τη μορφή της διεύθυνσης email και τη μοναδικότητά της )else( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages" ] .="Συμπληρώστε το email σας
". ) )else ( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= " ". ) if( isset($_POST["password"]))( // Περικοπή διαστημάτων από την αρχή και το τέλος της συμβολοσειράς $password = trim($_POST["password"]); if(!empty($password)) ( $password = htmlspecialchars ($password, ENT_QUOTES); //Κρυπτογράφηση του κωδικού πρόσβασης $password = md5($password."top_secret"); )else( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .="Εισάγετε τον κωδικό σας
". ) )else ( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= " ". ) // (4) Θέση για τον κώδικα για την προσθήκη ενός χρήστη στη βάση δεδομένωνΤο πεδίο έχει ιδιαίτερη σημασία. ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ. Πρέπει να ελέγξουμε τη μορφή της λαμβανόμενης ταχυδρομικής διεύθυνσης και τη μοναδικότητά της στη βάση δεδομένων. Δηλαδή, εάν ένας χρήστης με την ίδια διεύθυνση email είναι ήδη εγγεγραμμένος.
στην καθορισμένη τοποθεσία" // (3) Τόπος κώδικα για έλεγχο της μορφής της ταχυδρομικής διεύθυνσης και της μοναδικότητάς της" προσθέστε τον ακόλουθο κώδικα:
//Ελέγξτε τη μορφή της ληφθείσας διεύθυνσης email χρησιμοποιώντας την τυπική έκφραση $reg_email = "/^**@(+(*+)*\.)++/i"; //Εάν η μορφή της ληφθείσας διεύθυνσης email δεν ταιριάζει με την κανονική έκφραση if(!preg_match($reg_email, $email))( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "
Εισαγάγατε μη έγκυρο email
". ) // Ελέγξτε αν υπάρχει ήδη μια τέτοια διεύθυνση στη βάση δεδομένων $result_query = $mysqli->query("SELECT `email` FROM `users` WHERE `email`="".$email."""); Υπάρχουν ακριβώς 1 σειρές, επομένως ο χρήστης με αυτήν τη διεύθυνση email είναι ήδη εγγεγραμμένος if($result_query->num_rows == 1)( //Εάν το αποτέλεσμα δεν είναι ίσο με false if(($row = $result_query->fetch_assoc()) != false) ( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "Ο χρήστης με αυτήν τη διεύθυνση email είναι ήδη εγγεγραμμένος
". στη συνεδρία .$_SESSION["error_messages"] .= "Σφάλμα στο ερώτημα της βάσης δεδομένων
". result_query-> close(); //Διακοπή του σεναρίου exit(); ) /* κλείσιμο της επιλογής */ $result_query->close();Και έτσι, τελειώσαμε με όλους τους ελέγχους, ήρθε η ώρα να προσθέσουμε τον χρήστη στη βάση δεδομένων. στην καθορισμένη τοποθεσία" // (4) Θέση για τον κώδικα για την προσθήκη ενός χρήστη στη βάση δεδομένων" προσθέστε τον ακόλουθο κώδικα:
//Ερώτημα για προσθήκη χρήστη στη βάση δεδομένων $result_query_insert = $mysqli->query("INSERT INTO `users` (first_name, last_name, email, password) VALUES ("".$first_name."", "".$last_name ." ", "".$email."", "".$password."")"); if(!$result_query_insert)( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "
Σφάλμα αίτημα για προσθήκη χρήστη στη βάση δεδομένων
". )else( $_SESSION["success_messages"] = "Οι εγγραφές ολοκληρώθηκαν με επιτυχία!!!
Τώρα μπορείτε να συνδεθείτε χρησιμοποιώντας το όνομα χρήστη και τον κωδικό πρόσβασής σας.
Εάν παρουσιαστεί σφάλμα στο αίτημα για προσθήκη χρήστη στη βάση δεδομένων, προσθέτουμε ένα μήνυμα σχετικά με αυτό το σφάλμα στη συνεδρία και επιστρέφουμε τον χρήστη στη σελίδα εγγραφής.
Διαφορετικά, αν όλα πήγαν καλά, προσθέτουμε και ένα μήνυμα στη συνεδρία, αλλά είναι ήδη πιο ευχάριστο, δηλαδή, λέμε στον χρήστη ότι η εγγραφή ήταν επιτυχής. Και το ανακατευθύνουμε στη σελίδα με τη φόρμα εξουσιοδότησης.
Το σενάριο για τον έλεγχο της μορφής της διεύθυνσης email και του μήκους του κωδικού πρόσβασης βρίσκεται στο αρχείο header.php, επομένως θα επηρεάσει και πεδία από αυτήν τη φόρμα.
Η συνεδρία ξεκινά επίσης στο αρχείο header.php, έτσι στο αρχείο form_auth.phpη συνεδρία δεν χρειάζεται να ξεκινήσει, γιατί εμφανίζεται ένα σφάλμα.
Όπως είπα, το σενάριο για τον έλεγχο της μορφής της διεύθυνσης αλληλογραφίας και του μήκους του κωδικού πρόσβασης λειτουργεί επίσης εδώ. Επομένως, εάν ο χρήστης εισάγει λάθος διεύθυνση email ή σύντομο κωδικό πρόσβασης, θα λάβει αμέσως ένα μήνυμα σφάλματος. Ενα κουμπί να ερθει μεσαθα γίνει ανενεργό.
Αφού διορθώσετε τα σφάλματα, το κουμπί να ερθει μεσαγίνεται ενεργή και ο χρήστης μπορεί να υποβάλει τη φόρμα στον διακομιστή όπου θα γίνει η επεξεργασία της.
Εξουσιοδότηση χρήστη
Για απόδοση τιμής δράσητο έντυπο εξουσιοδότησης έχει αρχείο auth.php, που σημαίνει ότι η φόρμα θα υποβληθεί σε επεξεργασία σε αυτό το αρχείο.
Ας ανοίξουμε λοιπόν το αρχείο auth.phpκαι γράψτε τον κωδικό για την επεξεργασία της φόρμας εξουσιοδότησης. Το πρώτο πράγμα που πρέπει να κάνετε είναι να ξεκινήσετε τη συνεδρία και να συμπεριλάβετε το αρχείο dbconnect.phpγια να συνδεθείτε στη βάση δεδομένων.
//Δηλώστε ένα κελί για να προσθέσετε σφάλματα που ενδέχεται να προκύψουν κατά την επεξεργασία της φόρμας. $_SESSION["error_messages"] = ""; //Δηλώστε ένα κελί για την προσθήκη επιτυχημένων μηνυμάτων $_SESSION["success_messages"] = "";
/* Ελέγξτε αν η φόρμα υποβλήθηκε, δηλαδή αν έγινε κλικ στο κουμπί Είσοδος. Εάν ναι, τότε προχωράμε παρακάτω, εάν όχι, τότε θα εμφανίσουμε ένα μήνυμα σφάλματος στον χρήστη, δηλώνοντας ότι πήγε απευθείας σε αυτήν τη σελίδα. */ if(isset($_POST["btn_submit_auth"]) && !empty($_POST["btn_submit_auth"]))( //(1) Θέση για το επόμενο κομμάτι κώδικα )else( exit("
Λάθος!Έχετε πρόσβαση απευθείας σε αυτήν τη σελίδα, επομένως δεν υπάρχουν δεδομένα προς επεξεργασία. Μπορείτε να μεταβείτε στην κεντρική σελίδα.
"); }//Ελέγξτε το ληφθέν captcha if(isset($_POST["captcha"]))( //Trim κενά από την αρχή και το τέλος της συμβολοσειράς $captcha = trim($_POST["captcha"]); if(!empty ($captcha ))( //Συγκρίνετε τη ληφθείσα τιμή με την τιμή από τη συνεδρία. if(($_SESSION["rand"] != $captcha) && ($_SESSION["rand"] != ""))( // Εάν το captcha δεν είναι έγκυρο , τότε επιστρέφουμε τον χρήστη στη σελίδα εξουσιοδότησης και εκεί θα εμφανιστεί ένα μήνυμα σφάλματος ότι έχει εισάγει λάθος captcha. $error_message = "
Λάθος!Εισαγάγατε λάθος captcha
"; // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] = $error_message; // Επιστρέψτε τον χρήστη στην κεφαλίδα της σελίδας εξουσιοδότησης("HTTP/1.1 301 Moved Permanently"); header("Τοποθεσία: " .$address_site ."/form_auth.php"); //Διακοπή του σεναρίου exit(); ) )else( $error_message = "Λάθος!Το πεδίο εισαγωγής captcha δεν πρέπει να είναι κενό.
"; // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] = $error_message; // Επιστρέψτε τον χρήστη στην κεφαλίδα της σελίδας εξουσιοδότησης("HTTP/1.1 301 Moved Permanently"); header("Τοποθεσία: " .$address_site ."/form_auth.php"); //Διακοπή της δέσμης ενεργειών exit(); ) //(2) Θέση για την επεξεργασία της διεύθυνσης αλληλογραφίας //(3) Θέση για την επεξεργασία του κωδικού πρόσβασης //(4) Θέση για κάνοντας ένα ερώτημα στη βάση δεδομένων )else ( //Αν δεν περάσει το captcha exit("Λάθος!Δεν υπάρχει κωδικός επαλήθευσης, δηλαδή ο κωδικός captcha. Μπορείτε να μεταβείτε στην κεντρική σελίδα.
"); }Εάν ο χρήστης έχει εισάγει σωστά τον κωδικό επαλήθευσης, τότε προχωράμε, διαφορετικά τον επιστρέφουμε στη σελίδα εξουσιοδότησης.
Επαλήθευση διεύθυνσης email
// Περικοπή διαστημάτων από την αρχή και το τέλος της συμβολοσειράς $email = trim($_POST["email"]); if(isset($_POST["email"]))( if(!empty($email))( $email = htmlspecialchars($email, ENT_QUOTES); //Ελέγξτε τη μορφή της ληφθείσας διεύθυνσης email χρησιμοποιώντας την κανονική έκφραση $ reg_email = " /^**@(+(*+)*\.)++/i"; //Εάν η μορφή της ληφθείσας διεύθυνσης email δεν ταιριάζει με την κανονική έκφραση if(!preg_match($reg_email, $email ))( // Αποθήκευση στο μήνυμα σφάλματος περιόδου λειτουργίας.$_SESSION["error_messages"] .= "
Εισαγάγατε μη έγκυρο email
". ) )else ( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "Το πεδίο για την εισαγωγή της ταχυδρομικής διεύθυνσης (email) δεν πρέπει να είναι κενό.
". ) )else ( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "Δεν υπάρχει πεδίο για εισαγωγή email
". ) // (3) Θέση για επεξεργασία κωδικού πρόσβασηςΕάν ο χρήστης έχει εισαγάγει μια διεύθυνση email με λάθος μορφή ή η τιμή του πεδίου διεύθυνσης email είναι κενή, τότε τον επιστρέφουμε στη σελίδα εξουσιοδότησης, όπου εμφανίζουμε ένα μήνυμα σχετικά με αυτό.
Έλεγχος κωδικού πρόσβασης
Το επόμενο πεδίο προς επεξεργασία είναι το πεδίο κωδικού πρόσβασης. στον καθορισμένο χώρο" //(3) Θέση για επεξεργασία κωδικού πρόσβασης", γράφουμε:
If(isset($_POST["password"]))( // Περικοπή διαστημάτων από την αρχή και το τέλος της συμβολοσειράς $password = trim($_POST["password"]); if(!empty($password))( $password = htmlspecialchars($password, ENT_QUOTES); // Κρυπτογράφηση του κωδικού πρόσβασης $password = md5($password."top_secret"); )else( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] . ="
Εισάγετε τον κωδικό σας
". ) )else ( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "Δεν υπάρχει πεδίο για εισαγωγή κωδικού πρόσβασης
". )Εδώ, χρησιμοποιώντας τη συνάρτηση md5 () κρυπτογραφούμε τον κωδικό πρόσβασης που λάβαμε, αφού στη βάση δεδομένων έχουμε κωδικούς σε κρυπτογραφημένη μορφή. Πρόσθετη μυστική λέξη στην κρυπτογράφηση, στην περίπτωσή μας " ακρώς απόρρητο" πρέπει να είναι αυτό που χρησιμοποιήθηκε κατά την εγγραφή του χρήστη.
Τώρα πρέπει να υποβάλετε ένα ερώτημα στη βάση δεδομένων σε μια επιλογή χρήστη της οποίας η διεύθυνση αλληλογραφίας είναι ίση με τη διεύθυνση που λάβατε και ο κωδικός πρόσβασης είναι ίσος με τον κωδικό πρόσβασης που λάβατε.
//Ερώτημα στη βάση δεδομένων στην επιλογή του χρήστη. $result_query_select = $mysqli->query("SELECT * FROM `users` WHERE email = "".$email."" AND password = "".$password."""); if(!$result_query_select)( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "
Σφάλμα ερωτήματος στην επιλογή χρήστη από τη βάση δεδομένων
". )else( //Ελέγξτε εάν δεν υπάρχει χρήστης με τέτοια δεδομένα στη βάση δεδομένων και, στη συνέχεια, εμφανίστε ένα μήνυμα σφάλματος if($result_query_select->num_rows == 1)( // Εάν τα δεδομένα που εισάγατε ταιριάζουν με τα δεδομένα από τη βάση δεδομένων, στη συνέχεια αποθηκεύστε τα στοιχεία σύνδεσης και τον κωδικό πρόσβασης στον πίνακα συνεδρίας. $_SESSION["email"] = $email; $_SESSION["password"] = $password; //Επιστροφή του χρήστη στην κεφαλίδα της κύριας σελίδας("HTTP/1.1 301 Moved Permanently" ); header("Τοποθεσία: ".$address_site ."/index.php"); )else( // Αποθηκεύστε το μήνυμα σφάλματος στη συνεδρία. $_SESSION["error_messages"] .= "Λάθος όνομα χρήστη και/ή κωδικός πρόσβασης
". ) )Έξοδος ιστότοπου
Και το τελευταίο πράγμα που υλοποιούμε είναι διαδικασία εξόδου. Προς το παρόν, στην κεφαλίδα εμφανίζουμε συνδέσμους προς τη σελίδα εξουσιοδότησης και τη σελίδα εγγραφής.
Στην κεφαλίδα του ιστότοπου (αρχείο header.php), χρησιμοποιώντας τη συνεδρία, ελέγχουμε αν ο χρήστης είναι ήδη συνδεδεμένος. Εάν όχι, τότε εμφανίζουμε τους συνδέσμους εγγραφής και εξουσιοδότησης, διαφορετικά (αν είναι εξουσιοδοτημένος), τότε αντί για τους συνδέσμους εγγραφής και εξουσιοδότησης εμφανίζουμε τον σύνδεσμο Παραγωγή.
Τροποποιημένο κομμάτι κώδικα από αρχείο header.php:
Εγγραφή
Παραγωγή
Όταν κάνετε κλικ στον σύνδεσμο εξόδου από τον ιστότοπο, μπαίνουμε στο αρχείο αποσύνδεση.php, όπου απλώς καταστρέφουμε τα κελιά με τη διεύθυνση email και τον κωδικό πρόσβασης από τη συνεδρία. Μετά από αυτό, επιστρέφουμε τον χρήστη στη σελίδα στην οποία έγινε κλικ στον σύνδεσμο παραγωγή.
Κωδικός αρχείου logout.php:
Αυτό είναι όλο. Τώρα ξέρετε πώς εφαρμογή και επεξεργασία εντύπων εγγραφής και εξουσιοδότησηςχρήστη στον ιστότοπό σας. Αυτές οι φόρμες βρίσκονται σχεδόν σε κάθε ιστότοπο, επομένως κάθε προγραμματιστής θα πρέπει να γνωρίζει πώς να τις δημιουργεί.
Μάθαμε επίσης πώς να επικυρώνουμε δεδομένα εισόδου, τόσο από την πλευρά του πελάτη (στο πρόγραμμα περιήγησης, χρησιμοποιώντας JavaScript, jQuery) όσο και από την πλευρά του διακομιστή (χρησιμοποιώντας τη γλώσσα PHP). Μάθαμε κι εμείς εφαρμογή διαδικασίας αποσύνδεσης.
Όλα τα σενάρια είναι δοκιμασμένα και λειτουργούν. Μπορείτε να κατεβάσετε το αρχείο με τα αρχεία αυτού του μικρού ιστότοπου από αυτόν τον σύνδεσμο.
Στο μέλλον θα γράψω ένα άρθρο όπου θα περιγράψω. Και επίσης σκοπεύω να γράψω ένα άρθρο όπου θα εξηγώ (χωρίς να φορτώσω ξανά τη σελίδα). Έτσι, για να ενημερωθείτε για την κυκλοφορία νέων άρθρων, μπορείτε να εγγραφείτε στον ιστότοπό μου.
Εάν έχετε οποιεσδήποτε ερωτήσεις, επικοινωνήστε, επίσης, εάν παρατηρήσετε κάποιο λάθος στο άρθρο, ενημερώστε με.
Σχέδιο μαθήματος (Μέρος 5):
- Δημιουργία δομής HTML για τη φόρμα εξουσιοδότησης
- Επεξεργαζόμαστε τα δεδομένα που λαμβάνονται
- Εμφανίζουμε τον χαιρετισμό του χρήστη στην κεφαλίδα του ιστότοπου
