FeaturesPluginsDocs & SupportCommunityPartners

Εισαγωγή στην ανάπτυξη εφαρμογών Web

Το έγγραφο αυτό σας παρουσιάζει τα βασικά σημεία της ανάπτυξης εφαρμογών Web με το NetBeans IDE 5.5. Το έγγραφο αυτό έχει σχεδιαστεί ώστε να σας βοηθήσει να ξεκινήσετε το συντομότερο δυνατό. Για περισσότερες πληροφορίες σχετικά με την εργασία με το NetBeans IDE, ανατρέξτε στη σελίδα Υποστήριξης και Εγγράφων στην τοποθεσία Web του NetBeans.

Μπορείτε να δημιουργήσετε, να εγκαταστήσετε και να εκτελέσετε μια απλή εφαρμογή web. Η εφαρμογή χρησιμοποιεί μια σελίδα JavaServer Pages™ όπου σας ζητά να εισάγετε το όνομά σας. Έπειτα χρησιμοποιεί ένα στοιχείο JavaBeans™ για να διατηρήσει το όνομα στην περίοδο λειτουργίας HTTP και επαναλαμβάνει το όνομα σε μια άλλη σελίδα JavaServer Pages.

Έναρξη ενός έργου εφαρμογής Web

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

Εγκατάσταση του λογισμικού

Πριν ξεκινήσετε, θα πρέπει να εγκαταστήσετε το ακόλουθο λογισμικό στον υπολογιστή σας:

Προαιρετικά, μπορείτε να πραγματοποιήσετε λήψη και να χρησιμοποιήσετε το Sun Java System (SJS) Application Server (λήψη), JBoss, ή WebLogic. Ωστόσο, το Tomcat Web Server που συνοδεύει το IDE παρέχει όλη την υποστήριξη που χρειάζεστε για εφαρμογές web δύο επιπέδων όπως αυτή που περιγράφεται σε αυτόν τον οδηγό. Διακομιστής εφαρμογών (όπως τα SJS Application Server, JBoss και WebLogic) απαιτείται μόνο όταν θέλετε να αναπτύξετε εταιρικές εφαρμογές.

Καταχώρηση του διακομιστή στο IDE

Το Tomcat Web Server καταχωρείται αυτόματα στο IDE. Ωστόσο, για να μπορέσετε να πραγματοποιήσετε εγκατάσταση στο SJS Application Server, JBoss ή στο WebLogic, θα πρέπει να καταχωρήσετε ένα τοπικό αντίγραφο στο IDE. Αν έχετε εγκαταστήσει το πακέτο NetBeans IDE 5.5/SJS Application Server, γίνεται αυτόματη καταχώρηση ενός τοπικού αντιγράφου του SJS Application Server. Διαφορετικά, ακολουθήστε τα παρακάτω βήματα:

  1. Επιλέξτε Tools > Server Manager από το κύριο παράθυρο.
  2. Κάντε κλικ στην επιλογή Add Server. Επιλέξτε τύπο διακομιστή και δώστε ένα όνομα στο αντίγραφο. Έπειτα, επιλέξτε Next.
  3. Καθορίστε τις πληροφορίες διακομιστή, τη θέση του τοπικού αντιγράφου του διακομιστή εφαρμοφών και τον τομέα στον οποίο θέλετε να γίνει η εγκατάσταση.

Δημιουργία ενός νέου έργου εφαρμογής Web

  1. Επιλέξτε File > New Project. Στην επιλογή Categories, επιλέξτε Web. Στην επιλογή Projects, επιλέξτε Web Application και κάντε κλικ στο Next.
  2. Στο Project Name, πληκτρολογήστε HelloWeb. Βεβαιωθείτε ότι η διαδρομή περιβάλλοντος είναι /HelloWeb.
  3. Αλλάξτε το Project Location σε οποιονδήποτε κατάλογο στον υπολογιστή σας. Από τώρα και στο εξής, ο κατάλογος αυτός αναφέρεται ως $PROJECTHOME.
  4. Επιλέξτε τις συστάσεις τις οποίες θα ακολουθήσει η δομή προέλευσης. Αυτό είναι καθαρά θέμα προσωπικής προτίμησης:
  5. Επιλέξτε το διακομιστή στον οποίο θέλετε να εγκαταστήσετε την εφαρμογή σας. Εμφανίζονται μόνο οι διακομιστές που έχουν καταχωρηθεί στο IDE.
  6. Αφήστε το πλαίσιο ελέγχου Set as Main Project επιλεγμένο. Κάντε κλικ στο Finish.

    Το IDE δημιουργεί το φάκελο έργου $PROJECTHOME/HelloWeb. Ο φάκελος έργου περιέχει όλα τα πηγαία αρχεία και τα μεταδεδομένα έργου, όπως τη δέσμη ενεργειών δημιουργίας Ant. Το έργο HelloWeb ανοίγει στο IDE. Μπορείτε να δείτε τη λογική δομή του στο παράθυρο Projects και τη δομή αρχείων του στο παράθυρο Files.

Δημιουργία και επεξεργασία πηγαίων αρχείων εφαρμογής Web

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

Δημιουργία πακέτου Java και πηγαίου αρχείου Java

  1. Ανοίξτε τον κόμβο Source Packages. Προσέξτε ότι ο κόμβος Source Packages περιέχει μόνο έναν κενό προεπιλεγμένο κόμβο πακέτου.
  2. Κάντε δεξί κλικ στον κόμβο Source Packages και επιλέξτε New > Java Class. Πληκτρολογήστε NameHandler στο πλαίσιο κειμένου Class Name και πληκτρολογήστε org.me.hello στο αναπτυσσόμενο πακέτο. Κάντε κλικ στο Finish.
  3. Στον Source Editor, δηλώστε ένα πεδίο πληκτρολογώντας την παρακάτω γραμμή ακριβώς κάτω από τη δήλωση της κλάσης:
        String name;
  4. Προσθέστε την ακόλουθη γραμμή στη μέθοδο nameHandler():
        name = null;

Δημιουργία μεθόδων Getter και Setter

  1. Κάντε δεξί κλικ στη λέξη name στη δήλωση πεδίου στην αρχή της κλάσης και επιλέξτε Refactor > Encapsulate Fields. Επιλέξτε Next για να εκτελεστεί η εντολή με τις προεπιλεγμένες επιλογές της.
  2. Κάντε κλικ στο Do Refactoring. Οι μέθοδοι Getter και Setter δημιουργούνται για το πεδίο name και το επίπεδο πρόσβασής του αλλάζει σε ιδιωτικό. Η κλάση Java θα πρέπει τώρα να είναι κάπως έτσι:
        package org.me.hello;
    
        /**
         *
         * @author Administrator
         */
    
        public class NameHandler {
    
    	private String name;
    
            /** Creates a new instance of NameHandler */
            public NameHandler() {
               setName(null);
            }
    
            public String getName() {
               return name;
            }
    
            public void setName(String name) {
               this.name = name;
            }
    
        }

Επεξεργασία του προεπιλεγμένου αρχείου JavaServer Pages

  1. Ανοίξτε τον κόμβο έργου HelloWeb και τον κόμβο Web Pages. Βεβαιωθείτε ότι το IDE έχει δημιουργήσει για εσάς ένα προεπιλεγμένο αρχείο JavaServer Pages, το index.jsp. Κατά τη δημιουργία του έργου, το IDE άνοιξε το index.jsp στον Source Editor.
  2. Επιλέξτε την καρτέλα index.jsp του Source Editor. Το αρχείο index.jsp εμφανίζεται τώρα ενεργό στον Source Editor.
  3. Στην παλέτα στα δεξιά του Source Editor, ανοίξτε το HTML Forms και σύρετε ένα στοιχείο φόρμας κάτω από τις ετικέτες <h1> στον Source Editor. Εμφανίζεται το παράθυρο διαλόγου Insert Form:

    Παλέτα

    Ορίστε τις ακόλουθες τιμές:

    • Ενέργεια: response.jsp
    • Μέθοδος: GET
    • Όνομα: Name Input Form

    Κάντε κλικ στο ΟΚ. Η φόρμα προστίθεται στο αρχείο index.jsp.

  4. Σύρετε ένα στοιχείο εισαγωγής κειμένου ακριβώς πριν την ετικέτα </form>.

    Ορίστε τις ακόλουθες τιμές:

    • Όνομα: name
    • Τύπος: text

    Κάντε κλικ στο ΟΚ. Το στοιχείο εισαγωγής κειμένου προστίθεται ανάμεσα στις ετικέτες <form>.

  5. Σύρετε ένα στοιχείο κουμπιού ακριβώς πριν την ετικέτα </form>.

    Ορίστε τις ακόλουθες τιμές:

    • Ετικέτα: OK
    • Τύπος: submit

    Κάντε κλικ στο ΟΚ. Το κουμπί προστίθεται ανάμεσα στις ετικέτες <form>.

  6. Πληκτρολογήστε Enter your name: μπροστά από την ετικέτα <input> και αλλάξτε το κείμενο μεταξύ των ετικετών <h1> σε Entry Form.

    Οι ετικέτες ανάμεσα στις ετικέτες <body> τώρα είναι ως εξής:

  7. <h1>Entry Form</h1><form name="Name Input Form" action="response.jsp" method="GET">
    Enter your name: <input type="text" name="name" value="" />
    <input type="submit" value="OK" /></form>

Δημιουργία αρχείου JavaServer Pages

  1. Ανοίξτε τον κόμβο έργου HelloWeb και τον κόμβο Web Pages.
  2. Κάντε δεξί κλικ στον κόμβο Web Pages και επιλέξτε New > JSP, ονομάστε το αρχείο JavaServer Pages response και κάντε κλικ στο κουμπί Finish.

    Το νέο αρχείο response.jsp ανοίγει στον Source Editor.

  3. Στην παλέτα στα δεξιά του Source Editor, ανοίξτε το JSP και σύρετε ένα στοιχείο Use Bean κάτω από την ετικέτα <body> στον Source Editor.

    Ορίστε τις ακόλουθες τιμές:

    • ID: mybean
    • Κλάση: org.me.hello.NameHandler
    • Εμβέλεια: session

    Κάντε κλικ στο ΟΚ. Το στοιχείο Use Bean προστίθεται κάτω από την ετικέτα <body>.

  4. Προσθέστε ένα στοιχείο Get Bean Property και ένα στοιχείο Set Bean Property από την παλέτα. Έπειτα αλλάξτε τον κώδικα ώστε οι ετικέτες ανάμεσα στις ετικέτες <body> να είναι ως εξής:
  5. <jsp:useBean id="mybean" scope="session" class="org.me.hello.NameHandler" />
    <jsp:setProperty name="mybean" property="*" />
    <h1>Hello, <jsp:getProperty name="mybean" property="name" />!</h1>

Δημιουργία και εκτέλεση ενός έργου εφαρμογής Web

Το IDE χρησιμοποιεί δέσμη ενεργειών δημιουργίας Ant για τη δημιουργία και την εκτέλεση των εφαρμογών web. Το IDE παράγει τη δέσμη ενεργειών δημιουργίας βάσει των επιλογών που έχετε εισάγει στον οδηγό New Project και στο παράθυρο διαλόγου Project Properties του έργου.

  1. Επιλέξτε Run > Run Main Project (F6) από το μενού Run.

    Το IDE δημιουργεί την εφαρμογή web και την εγκαθιστά, χρησιμοποιώντας το διακομιστή που ορίσατε κατά τη δημιουργία του έργου.

  2. Πληκτρολογήστε το όνομά σας στο πλαίσιο κειμένου στη σελίδα index.jsp που δημιουργήσατε:

    Παλέτα

    Κάντε κλικ στο ΟΚ. Η σελίδα response.jsp θα πρέπει να ανοίξει και να σας υποδεχτεί:

    Παλέτα



Επόμενα βήματα

Για περισσότερες πληροφορίες σχετικά με την ανάπτυξη εφαρμογών web με το NetBeans IDE 5.5, δείτε τα εξής:

Για την αποστολή σχολίων και προτάσεων, για υποστήριξη και για ενημέρωση σχετικά με τις τελευταίες εξελίξεις για τα χαρακτηριστικά του NetBeans IDE Java EE, μπορείτε να εγγραφείτε στη λίστα ηλεκτρονικού ταχυδρομείου Για περισσότερες πληροφορίες σχετικά με τα νέα χαρακτηριστικά της Java EE για ανάπτυξη στο NetBeans IDE, επισκεφθείτε τη διεύθυνση http://j2ee.netbeans.org/.

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   Open JDK: an Open SourceJDK   GlassFish Community: an Open Source Application Server    Mobile & Embedded Community    Open Solaris   java.net - The Source for Java Technology Collaboration   Virtual Box - full virtualizer  Open ESB - The Open Enterprise Service Bus Powered by