Τώρα ήρθε η ώρα για να αποκτήσετε το βασικό εργαλείο ανάπτυξης web εφαρμογών το GGTS.

Transcript

1 Groovy and Grails Tool Suite Τώρα ήρθε η ώρα για να αποκτήσετε το βασικό εργαλείο ανάπτυξης web εφαρμογών το GGTS. Πηγαίνετε στο παρακάτω link, GGTS: Επιλέξτε να δείτε όλες τις διαθέσιμες εκδόσεις και κατεβάστε αυτήν που είναι η ίδια με την bit έκδοση (32bit, 64bit) του JDK που επιλέξατε να εγκαταστήσετε. Πιο απλά, εάν έχετε επιλέξει JDK 64bit συνεχίζεται με GGTS 64bit αλλιώς ακολουθείτε τα 32bit.

2 Μόλις κατέβει το αρχείο εκτελέστε το και ακολουθήστε τα οχτώ παρακάτω βήματα για να εγκαταστήσετε σωστά το GGTS. 1. Απλά πατήστε Next

3 2. Αποδεχτείτε τους όρους χρήσης (αφού πρώτα τους διαβάσετε :P) και πατήστε Next. 3. Προσοχή!!! Επιλέξτε το C:\springsource ως κατάλογο εγκατάστασης και όχι τα το C:\Program

4 Files\springsource ή οτιδήποτε άλλο. 4. Απλά πατήστε Next 5. Επιλέξτε από το file system του υπολογιστή σας το directory στο οποίο βρίσκεται το JDK που

5 εγκαταστήσατε στο προηγούμενο βήμα. Για 32bit JDK είναι το directory που φαίνεται στην εικόνα. Για 64bit JDK είναι το directory C:\Program Files\Java\jdk1.7.0_51 Μετά πατήστε απλά Next 6. Περιμένετε να γεμίσουν οι μπάρες και όταν τελειώσει η εγκατάσταση πατήστε Next

6 7. Πατήστε Next 8. Επιλέξτε το κουτάκι Launch Groovy/Grails Tool Suite και πατήστε το κουμπί Finish Έχετε καταφέρει να εγκαταστήσετε το GGTS με επιτυχία. Τώρα πρέπει να σιγουρευτείτε ότι όλα δουλεύουν σωστά με ένα απλό παράδειγμα (Hello World Project). Μόλις ανοίξει το GGTS θα σας ζητήσει να ρυθμίσετε το directory του workspace σας. Βάλτε αυτό που φαίνεται μέσα στο κόκκινο κουτάκι στην παρακάτω εικόνα και πατήστε OK.

7 HelloWorld web app για να δείτε ότι το GGTS δουλεύει σωστά. Ανοίξτε το GGTS και πρέπει να έχετε μπροστά σας την παρακάτω εικόνα.

8 Τώρα πρέπει να δημιουργήσουμε ένα απλό Grails Project. Γι' αυτό επιλέξτε Edit New Grails Project όπως φαίνεται παρακάτω. Εμφανίζεται ο μάγος (wizard :P) για να ρυθμίσετε το project σας...δώστε του το όνομα HelloWorld και πατήστε Finish.

9 Ενδεχομένως θα λέγαμε ότι πρέπει να εμφανιστεί το παρακάτω αφού έχετε τελειώσει με την δημιουργία του project σας. Στο μικρό πράσινο κουτάκι έχετε το file sytem του project σας και στο μεγάλο κουτάκι βλέπετε τα μηνύματα που εκτυπώνει η κονσόλα. Τώρα είναι ώρα να γράψετε λίγες γραμμές κώδικα...πρώτα πρέπει να δημιουργήσουμε έναν controller. Πώς? Κάντε αριστερό κλικ πάνω στο HelloWorld στον Project Explorer για να επιλέξετε το project. Μετά κάντε δεξί κλικ και πηγαίνετε New Controller. Δείτε την εικόνα παρακάτω,

10 Μόλις ανοίξει ο μάγος :P για να κάνετε τις ρυθμίσεις στον νέο controller που πάτε να δημιουργήσετε πρέπει να του δώσετε το όνομα HelloWorld και πατήστε Finish. Μετά το Finish περιμένετε λίγο και πρέπει να δείτε την παρακάτω εικόνα και δώστε προσοχή στα πράσινα κουτάκια, Τώρα αντιγράψτε στο αρχείο HelloWorldController.groovy τον παρακάτω κώδικα

11 package helloworld class HelloWorldController { def index() { def mess=['h','e','l','l','o'] mess.each {g-> print g } [par: mess] } } Τώρα πρέπει να δημιουργήσουμε ένα View...Πώς? Όπως και παραπάνω για τον controller, επιλέγουμε το project HelloWorld μετά κάνουμε δεξί κλικ, New Groovy Server Page

12 Στο μάγο για τις ρυθμίσεις πηγαίνετε στο φάκελο view helloworld και ονομάστε το αρχείο index.

13 Δείτε εάν όλα έγιναν όπως πρέπει με βάση την παρακάτω εικόνα και γράψτε τον παρακάτω κώδικα μέσα στο αρχείο views/helloworld/index.gsp. <g:each in="${par}"> ${it }<br> </g:each> Ήρθε η ώρα να τρέξετε την πρώτη σας web εφαρμογή σε GG. Πατήστε το πράσινο κουμπί Run και βεβαιωθείτε ότι επιλέξατε στο Run as, την επιλογή Grails command(run-app). Πατήστε ΟΚ.

14 Εάν όλα είναι εντάξει τότε θα εμφανιστεί ένα link στην console όπως φαίνεται στην εικόνα, Μπορείτε να κάνετε απλά κλικ στο link και να ανοίξει μια σελίδα περιήγησης μέσα στον Eclipse αλλά σας προτείνω να ανοίξετε το δικό σας browser και να γράψετε το link που βλέπετε στην κονσόλα σας στην μπάρα για τα URL. Το αποτέλεσμα πρέπει να είναι κάτι τέτοιο, ΜΠΡΑΒΟ!!! ΜΟΛΙΣ ΕΚΑΝΕΣ ΤΗΝ ΠΡΩΤΗ ΣΟΥ WEB ΕΦΑΡΜΟΓΗ...ΤΑ ΛΕΜΕ ΣΥΝΤΟΜΑ!