Frameworks

Zend Mail και ExtJS

Σχεδόν όλες οι ιστοσελίδες διαθέτουν κάποια φόρμα επικοινωνίας, ώστε να μπορούν οι χρήστες να επικοινωνούν με τους διαχειριστές της. Μια φόρμα επικοινωνίας αποτελείται από δύο κομμάτια: το πρώτο είναι αυτό που φαίνεται και συμπληρώνει ο χρήστης. Το δεύτερο και σημαντικότερο είναι η αποστολή των στοιχείων στο email του διαχειριστή. Αυτό δεν μπορεί να γίνει με HTML, αλλά χρειάζεται μια δυναμική γλώσσα προγραμματισμού όπως php, asp, jsp κλπ. Εμείς θα δούμε πώς μπορούμε να στείλουμε ένα email χρησιμοποιώντας το Zend_Mail.

Grid with image preview using ExtJS

Οι εικόνες αποτελούν αναπόσπαστο κομμάτι των ιστοσελίδων μας, και συνέχεια ψάχνουμε τον ιδανικότερο τρόπο για να παρουσιάσουμε στους χρήστες μας, πολλές πληροφορίες με εικόνες. Μέσα απ' αυτόν τον οδηγό θα δούμε, πώς μπορούμε να φτιάξουμε έναν πίνακα (grid) που θα περιέχει εικόνες σε μικρό μέγεθος, και κάνοντας κλικ ο χρήστης στην πληροφορία να γίνεται προεπισκόπηση της εικόνας.

Ένωση ExtJS φόρμας με MySQL και PHP

Σε αυτό τον οδηγό θα βασιστούμε στην φόρμα εγγραφής που δημιουργήσαμε στο προηγούμενο άρθρο μας: Φορμα εγγραφής με Ajax και θα την τροποποιήσουμε, ώστε να την ενώσουμε με μια βάση δεδομένων, όπως είναι η MySQL. Ο κύριος στόχος είναι να δείξουμε μια λογική που μπορεί να χρησιμοποιήσει ο εκάστοτε προγραμματιστής και αλλάζοντας μόνο τον κώδικα, να την φέρει στα μέτρα του. Ολόκληρο τον κώδικα μπορείτε να τον δείτε εδώ, ενώ ένα ενδεικτικό demo να το δείτε εδώ.

Φόρμα εγγραφής με ExtJS

Μέσα απ' αυτόν τον οδηγό, θα δούμε πώς μπορούμε να δημιουργήσουμε μια φόρμα εγγραφής (register form), η οποία ελέγχει τα δεδομένα την ώρα που τα εισάγει ο χρήστης. Ενώ σε επόμενο άρθρο μας, θα δούμε πώς μπορούμε να την ενώσουμε με μια βάση (συγκεκριμένα MySQL) και να μπορούμε να διαχειριζόμαστε τα αντίστοιχα SQL μηνύματα.

Παρουσίαση του ExtJS

To ExtJS είναι ένα open-source Javascript framework, που μπορούμε να το χρησιμοποιήσουμε για να εμπλουτίσουμε τις ιστοσελίδες μας. Δημιουργήθηκε στις αρχές του 2006 από τον Jack Slocum, ως επέκταση του Yahoo! User Interface (YUI) library.Όλα τα επιπρόσθετα κομμάτια που δημιουργήθηκαν από τον Jack, μπήκαν σε μια αυτόνομη βιβλιοθήκη με την ονομασία "yui-ext.". Με το τέλος του 2006, το yui-ext είχε αναγνωρισθεί από το κοινό ως ένα αυτόνομο framework και έτσι μετονομάστηκε σε Ext.