Δημοσιεύθηκε: 24/04/2005 17:59 Θέμα δημοσίευσης: [tutorial] Απλό news system με το Dreamweaver mx 2004
Αυτό είναι το πρώτο tutorial που γράφω και ελπίζω να βοηθήσει κάποιους.
Με μερικά απλά βήματα θα δούμε πως μπορούμε να φτιάξουμε ένα πολύ βασικό news system βασισμένο σε php-mysql με το Dreamweaver MX 2004.
Κατ' αρχήν χρειάζεται να είναι εγκατεστημένο όλο το πακέτο PHP-MySQL-Apache Web Server (έπρεπε να το πω κι αυτό). Επίσης για τη διαχείριση της βάσης δεδομένων θα χρειαστούμε το phpmyadmin. Για όσους δεν έχουν κάτι από όλα αυτά, συνιστώ το appserv (www.appservnetwork.com).
Το πρώτο που χρειαζόμαστε είναι να φτιάξουμε μια βάση δεδομένων στην οποία θα αποθηκεύουμε όλα μας τα δεδομένα.
Μπαίνουμε λοιπόν στο PhpMyAdmin μέσω του browser μας και στην πρώτη σελίδα θα δούμε ένα textbox: δημιουργία νέας βάσης. Εκεί δίνουμε το όνομα της βάσης μας και κάνουμε κλικ στο κουμπί δημιουργία. Στο παράδειγμά μας η βάση θα λέγεται tutorial.
Αν όλα πάνε καλά, η επόμενη σελίδα θα μας ενημερώσει ότι η βάση tutorial έχει δημιουργηθεί, ενώ θα δούμε και μια φόρμα για τη δημιουργία κάποιου πίνακα μέσα στη βάση μας.
Ο πίνακας που χρειαζόμαστε θα λέγεται news και θα έχει 4 πεδία. Συμπληρώνουμε τη φόρμα και κάνουμε κλικ στο ‘εκτέλεση’
Και έπειτα εισάγουμε τα στοιχεία για το κάθε πεδίο που θέλουμε να έχει ο πίνακάς μας. Στη συγκεκριμένη περίπτωση χρειαζόμαστε 4.
Το πρώτο λέγεται storyid, είναι τύπου INT και σε αυτό θα είναι το id για κάθε είδηση που θα μπαίνει στο site μας. Κάνουμε επίσης το πεδίο να είναι πρωτεύον κλειδί (το πρώτο εικονιδιο) και auto increment (στα πρόσθετα).
Το δεύτερο πεδίο λέγεται title και είναι (τι άλλο) ο τίτλος του άρθρου μας. Είναι τύπου varchar και μεγέθους 100, δηλαδή ο τίτλος του κάθε άρθρου θα μπορεί να είναι μέχρι 100 χαρακτήρες.
Το τρίτο πεδίο λέγεται text και είναι το κείμενο του άρθρου. Είναι τύπου text.
Το τελευταίο πεδίο είναι η ημερομηνία αποστολής. Λέγεται date και είναι τύπου date.
Φυσικά όλα τα πεδία είναι not null, αλλιώς δεν θα είχε νόημα τίποτα από όλα αυτά.
Αφού κάνουμε κλικ στην αποθήκευση, είμαστε έτοιμοι να αρχίσουμε δουλειά στο dreamweaver. Καλό όμως θα είναι να δημιουργήσουμε και 2-3 άρθρα για τις ανάγκες των δοκιμών μας.
Πηγαίνουμε λοιπόν στην επιλογή “Εισαγωγή” και προσθέτουμε μερικά δεδομένα. (σ.σ. στο storyid που έχουμε βάλει autoincrement, αφήνουμε κενά τα textboxes).
Τελειώνοντας κάνουμε κλικ στην επιλογή εκτέλεση.
Στο παράθυρο που εμφανίζεται επιλέγουμε new (site) και ακολουθούμε τα βήματα του wizard που θα εμφανιστεί. Δεν έχει σημασία τι όνομα θα δώσουμε, αλλά για το tutorial θα πούμε το site μας ‘tutorial’ (τι άλλο…). Διαλέγουμε server technology PHP MySQL, path για την εφαρμογή μας, ορίζουμε ότι ο υπολογιστής μας είναι και testing server και τέλος ορίζουμε την διεύθυνση του (μάλλον http://tutorial).
Όταν ολοκληρωθεί η διαδικασία είμαστε έτοιμοι να αρχίσουμε τη δουλειά στο νέο μας site. Φροντίζουμε για ευκολία να είναι ανοιχτές οι καρτέλες Application και Files (στο δεξί μέρος της οθόνης).
Δημιουργούμε ένα νέο αρχείο (file >> new) και στο παράθυρο που βγαίνει επιλέγουμε Dynamic Page > PHP.
Επιλέγουμε για server τον localhost και το όνομα της βάσης δεδομένων, τα στοιχεία του χρήστη της βάσης μας (αυτά έχουν οριστεί στην εγκατάσταση της MySQL) και πατάμε το OK.
Έπειτα, μέσα πάλι από την καρτέλα application, διαλέγουμε τα Bindings και ξανακάνουμε κλικ στο κουμπί +, και από εκεί την επιλογή Recordset (query)
Ορίζουμε ένα όνομα για το recordset μας (δεν έχει σημασία τι είναι), για connection επιλέγουμε την σύνδεση που κάναμε πριν, για table επιλέγουμε τα news και για columns διαλέγουμε τα storyid, title και date (για να διαλέξουμε διαφορετικά πεδία, αφού κάνουμε κλικ στην επιλογή selected, κρατάμε πατημένο το Ctrl και κάνουμε κλικ εκεί που θέλουμε). Στην επιλογή Sort μπορούμε να βάλουμε storyid και Descending για να βλέπουμε πάνω πάνω τα τελευταία άρθρα όταν ολοκληρωθεί η σελίδα. Πατάμε το OK (καλού – κακού πατάμε που και που και το Test).
Στην καρτέλα bindings τώρα βλέπουμε το table και τα πεδία που θέλουμε από τη βάση μας.
Αρχίζουμε τον σχεδιασμό της σελίδας μας (πρέπει να είμαστε στο design mode).
Ξεκινάμε μια ordered list (bullets) και με το ποντίκι σέρνουμε από το recordset μας, το πεδίο title και μετά σε παρένθεση το date.
Τα επιλέγουμε με το ποντίκι μέσα από τη σελίδα μας και στα properties συμπληρώνουμε για link το παρακάτω:
Τέλος επιλέγουμε πάλι όλο το bullet με το ποντίκι και μέσα από την καρτέλα Application, από το Server Behaviors κάνουμε κλικ στο + και επιλέγουμε το repeat region. (σ.σ.: Φροντίζουμε στα tags να είναι επιλεγμένο και το <li>, βλ. στο κάτω μέρος του παράθυρου με τη σελίδα μας)
Ώρα για το αρχείο article.php.
Ξαναδημιουργούμε ένα αρχείο php λοιπόν και στο οποίο με τον ίδιο τρόπο που είδαμε πριν δημιουργούμε ένα recordset. Αυτή τη φορά επιλέγουμε όμως μόνο τα πεδία text και title. Επίσης στο Filter βάζουμε το storyid να είναι ίδιο με την URL parameter articleid.
Σέρνουμε πάλι τα πεδία μέσα στη σελίδα μας και τοποθετούμε κάπου και ένα Link προς το αρχείο index.php. Επίσης στον τίτλο της σελίδας βάζουμε
Κώδικας:
<?php echo $row_Recordset1['title']; ?>
.
Αποθηκεύουμε σαν article.php.
Η σελίδα μας (αν φυσικά την φτιάξουμε και λίγο εικαστικά) είναι έτοιμη για να την ανεβάσουμε, αν δεχτούμε ότι η διαχείριση θα γίνεται από το phpmyadmin. Καλό όμως θα είναι να δημιουργήσουμε και ένα εργαλείο διαχείρισης.
Έτσι δημιουργούμε ένα ακόμα αρχείο php που θα το ονομάσουμε admin.php.
Εισάγουμε ένα νέο recordset με όλα τα πεδία επιλεγμένα.
Για τη συνέχεια θα πρέπει η καρτέλα insert (η πάνω toolbar) να βρίσκεται στην επιλογή application.
Δημιουργούμε ένα table με ένα row και 3 columns. Στο πρώτο column σέρνουμε το title από τη βάση μας, ενώ στα άλλα 2 γράφουμε edit και delete.Εισάγουμε όλο το row σε ένα repeat region.
Από κάτω εισάγουμε ένα Recordset Navigation Bar (από το recordset paging στην καρτέλα Insert).
Στο πεδίο connection διαλέγουμε τη βάση μας, φυσικά το table news και τέλος στα form fields αφαιρούμε το storyid (το οποίο ορίζεται αυτόματα από την MySQL). Επίσης στο πεδίο text αλλάζουμε το display as σε textarea .
Πιέζουμε το OK και μέσα στη σελίδα μας αυτόματα εισάγεται μια νέα φόρμα που είναι για την εισαγωγή ενός νέου άρθρου. Καλό θα είναι να εισάγουμε και έναν τίτλο πάνω από τη φόρμα μας.
Διαλέγουμε τη σύνδεσή μας και στο primary key value διαλέγουμε URL Parameter και γράφουμε delstory.
Μαρκάρουμε στο πάνω μέρος της σελίδας τη λέξη delete που είχαμε γράψει πριν, και στα properties εισάγουμε το παρακάτω link:
Δοκιμάστε να προσθέσετε ένα άρθρο και μετά να το σβήσετε.
Σε επόμενο tutorial θα δούμε πώς να δημιουργήσουμε μια φόρμα για την επεξεργασία ενός άρθρου, καθώς και πως μπορούμε να κλειδώσουμε με password τη σελίδα admin.php
Τέλος, θα μπορούσαμε να φτιάξουμε τις σελίδες μας πιο απλά χρησιμοποιώντας το εργαλείο master – detail page set.
Για να το κάνουμε αυτό δημιουργούμε ένα νέο php αρχείο, έστω test.php.
Εισάγουμε ένα recordset και μετά κάνουμε κλικ στο κουμπί master-detail page set από την καρτέλα Insert..
Στο Master Page Fields επιλέγουμε να φαίνεται μόνο το title, στο πεδίο Detail page name βάζουμε detail.php και διαλέγουμε στα fields να φαίνονται τα title, text και date.
Όταν πατήσουμε το OK έχουμε έτοιμες 2 σελίδες που είναι αντίστοιχες των index.php και article.php, πολύ πιο γρήγορα όμως. Και φυσικά αυτή τη λύση την άφησα για το τέλος του tutorial για να σας ταλαιπωρήσω.
Αποθηκεύστε όλες τις σελίδες και κάνετε δοκιμή με το F12.
Αυτά για την ώρα. _________________ [ Ικαρία | mrpc's blog | Παραπληροφόρηση ]
βρήκα ένα λάθος στο tutorial... (μιλάτε βρε παιδιά!)
Το
Παράθεση:
το παράθυρο που εμφανίζεται επιλέγουμε new (site) και ακολουθούμε τα βήματα του wizard που θα εμφανιστεί. Δεν έχει σημασία τι όνομα θα δώσουμε, αλλά για το tutorial θα πούμε το site μας ‘tutorial’ (τι άλλο…). Διαλέγουμε server technology PHP MySQL, path για την εφαρμογή μας, ορίζουμε ότι ο υπολογιστής μας είναι και testing server και τέλος ορίζουμε την διεύθυνση του (μάλλον http://tutorial).
πρέπει να γίνει
Παράθεση:
το παράθυρο που εμφανίζεται επιλέγουμε new (site) και ακολουθούμε τα βήματα του wizard που θα εμφανιστεί. Δεν έχει σημασία τι όνομα θα δώσουμε, αλλά για το tutorial θα πούμε το site μας ‘tutorial’ (τι άλλο…). Διαλέγουμε server technology PHP MySQL, path για την εφαρμογή μας, ορίζουμε ότι ο υπολογιστής μας είναι και testing server και τέλος ορίζουμε την διεύθυνση του (μάλλον http://localhost/tutorial).
Προσθηκη στα αγαπημενα Αποστολη θεματος. Δεν μπορείτε να δημοσιεύσετε νέο Θέμα σ' αυτή τη Δ.Συζήτηση Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης Δεν μπορείτε να επεξεργασθείτε τις δημοσιεύσεις σας σ' αυτή τη Δ.Συζήτηση Δεν μπορείτε να διαγράψετε τις δημοσιεύσεις σας σ' αυτή τη Δ.Συζήτηση Δεν έχετε δικαίωμα ψήφου στα δημοψηφίσματα αυτής της Δ.Συζήτησης You cannot attach files in this forum You can download files in this forum
Περιοχές:
Αρχική Σελίδα
Ενημέρωση
Φωτογραφίες
Συζητήσεις
Παιχνίδια
Netcast
Tutorials
Κοινότητα:
Προσωπικά Μηνύματα
ChatΨηφοφορίες
Calendar
Διάφορες Υπηρεσίες:
Toolbar
Κατάλογος
Μαγειρική
Σαν Σήμερα
Αγγελίες
Δωρεάν Email
Συχνές Ερωτήσεις
Αναζήτηση
Ομάδες Μελών
Ημερολογιο
Αγαπημενα
Προφίλ
Συνδεθείτε, για να ελέγξετε την αλληλογραφία σας
Shop
Σύνδεση
