התקנת התוכנה

לפני שתתחיל, עליך להתקין במחשב את התוכנות הבאות:

• NetBeans IDE 5.5 (הורד).
• Java Standard Development Kit (JDK™) גרסה 5.0 או גרסה 6.0 (הורד)

באופן אופציונלי, באפשרותך להוריד את Sun Java System (SJS) Application Server (הורד)‏, JBoss או WebLogic ולהשתמש בהם. עם זאת, שרת האינטרנט Tomcat, המאוגד יחד עם ה-IDE, מספק את כל התמיכה הנדרשת ליישומי אינטרנט בשתי שכבות, דוגמת היישום המתואר במדריך זה שרת יישומים (דוגמת SJS Application Server‏, JBoss, או WebLogic) נדרש רק לפיתוח יישומים ארגוניים.

רישום השרת ב-IDE

שרת האינטרנט המאוגד Tomcat נרשם אוטומטית ב-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. ציין את פרטי השרת, את המיקום של המופע המקומי של שרת היישום ואת התחום שאליו ברצונך לפרוס.

יצירת פרויקט יישום אינטרנט חדש

1. בחר File > New Project. תחת Categories, בחר Web. תחת Projects, בחר Web Application ולחץ על Next.
2. תחת Project Name, הזן HelloWeb. שים לב ש-Context Path הוא /HelloWeb.
3. שנה את Project Location לספרייה כלשהי במחשב שלך. מעתה והלאה, ספרייה זו תיקרא $PROJECTHOME.
4. בחר את ההמלצות שלהן יותאם מבנה המקור שלך. מדובר בהעדפות אישיות לחלוטין:
   • Java BluePrints. לקבלת מידע נוסף, ראה http://java.sun.com/blueprints/code/projectconventions.html.
   • Jakarta. לקבלת מידע נוסף, ראה http://jakarta.apache.org/tomcat/tomcat-5.5-doc/.
5. בחר את השרת שאליו ברצונך לפרוס את היישום. מפורטים רק שרתים הרשומים ב-IDE.
6. השאר את תיבת הסימון Set as Main Project מסומנת. לחץ על Finish.

   ה-IDE יוצר את תיקיית הפרויקט $PROJECTHOME/HelloWeb . תיקיית הפרויקט כוללת את כל קובצי המקור וה-metadata של הפרויקט, דוגמת סקריפט Ant build. הפרויקט HelloWeb נפתח ב-IDE. ניתן לראות את המבנה הלוגי של הפרויקט בחלון Projects ואת מבנה הקבצים שלו בחלון Files.

יצירת Java Package וקובץ מקור Java

1. הרחב את הצומת Source Packages. שים לב שהצומת Source Packages מכיל רק צומת ברירת מחדל ריק של חבילה.
2. לחץ לחיצה ימנית על הצומת Source Packages ובחר New > Java Class. הזן NameHandler בתיבת הטקסט Class Name והקלד org.me.hello בתפריט הנפתח Package. לחץ על Finish.
3. ב-Source Editor, הצהר על שדה על-ידי הקלדת השורה הבאה ישירות מתחת להצהרת המחלקה:

       String name;

4. הוסף את השורה הבאה בשיטה nameHandler() :

       name = null;

יצירת שיטות Getter ו-Setter

1. לחץ לחיצה ימנית על המילה name בהצהרת השדה בתחילת המחלקה ובחר Refactor > Encapsulate Fields. לחץ על Next כדי להפעיל את הפקודה עם אפשרויות ברירת המחדל.
2. לחץ על Do Refactoring. שיטות Getter ו-setter נוצרות עבור השדה name ורמת הגישה שלו משתנה ל-private. מחלקת ה-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. בחר בכרטיסייה Source Editor של index.jsp . הקובץ index.jsp קיבל כעת את המיקוד ב-Source Editor.
3. בלוח שבצד הימני של ה-Source Editor, הרחב את HTML Forms וגרור פריט Form מתחת לתגים <h1> ב-Source Editor. תיבת הדו-שיח Form מופיעה:

   

   הגדר את הערכים הבאים:

   • Action: response.jsp
   • Method: GET
   • Name: Name Input Form

   לחץ על OK. ה-Form נוסף לקובץ index.jsp .

4. גרור פריט Text Input מיד לפני התג </form> .

   הגדר את הערכים הבאים:

   • Name: name
   • Type: text

   לחץ על OK. ה-Text Input נוסף בין התגים </form> .

5. גרור פריט Button מיד לפני התג </form> .

   הגדר את הערכים הבאים:

   • Label: OK
   • Type: submit

   לחץ על OK. ה-Button נוסף בין התגים </form> .

6. הקלד Enter your name: לפני התג <input> ושנה את הטקסט בין התגים <h1> ל- Entry Form.

   התגים בין התגים <body> ייראו כעת כך:

<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
   • Class: org.me.hello.NameHandler
   • Scope: session

   לחץ על OK. ה-Use Bean נוסף מתחת לתג <body> .

4. הוסף פריט Get Bean Property ופריט Set Bean Property מתוך הלוח. לאחר מכן, שנה את הקוד כך שהתגים בין התגים <body> ייראו כך:

<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>