تثبيت البرامج

قبل أن تبدأ، عليك تثبيت البرامج التالية على الكمبيوتر:

• NetBeans IDE 5.5 ‏(تنزيل).
• الإصدار 5.0 أو 6.0 من Java Standard Development Kit (JDK™)‎ ‏(تنزيل)

بشكل اختياري، يمكنك تنزيل واستخدام Sun Java System (SJS) Application Server ‏(تنزيل‏)‎، أو JBoss، أو WebLogic. غير أن الملقم Tomcat Web Server الذي يأتي ضمن حزمة IDE يوفر كل الدعم الذي تحتاج إليه لتطبيقات ويب two-tier (العميل/الملقم) مثل التطبيق الذي سيتم وصفه في هذا الدليل. ويكون ملقم التطبيقات (مثل 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. حدد معلومات الملقم، وموقع الحالة المثيلة المحلية لملقم التطبيقات، والمجال الذي تريد النشر إليه.

إنشاء مشروع تطبيق ويب جديد

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 . يحتوي مجلد المشروع على كل التعليمات البرمجية وبيانات التعريف الخاصة بالمشروع، مثل البرنامج النصي Ant لبناء المشروع. يفتح المشروع HelloWeb في IDE. يمكنك عرض بنيته المنطقية في الإطار Projects (المشاريع) وبنية ملفاته في الإطار Files (الملفات).

إنشاء حزمة Java وملف التعليمات البرمجية لـ Java

1. قم بتوسيع عقدة Source Packages (حزم التعليمات البرمجية). لاحظ أن عقدة Source Packages تحتوي فقط على عقدة حزم افتراضية فارغة.
2. انقر بزر الماوس الأيمن فوق عقدة Source Packages (حزم التعليمات البرمجية) واختر New (جديد) > Java Class (فئة Java). أدخل 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 ويتم تغيير مستوى الوصول إليه إلى خاص. يجب أن تبدو فئة 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. في Palette (اللوح) في الجانب الأيمن من Source Editor (محرر التعليمات البرمجية)، قم بتوسيع HTML Forms (نماذج HTML) واسحب عنصر نموذج إلى أسفل علامات <h1> في Source Editor (محرر التعليمات البرمجية). يظهر مربع الحوار Insert Form (إدراج نموذج):

   

   قم بتعيين القيم التالية:

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

   انقر فوق OK (موافق). يضاف النموذج إلى الملف 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.

   العلامات الموجودة بين العلامات ‎<form>‎ تظهر الآن على الشكل التالي:

<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. في Palette (اللوح) في الجانب الأيمن من Source Editor (محرر التعليمات البرمجية)، قم بتوسيع JSP واسحب عنصر Use Bean (استخدام Bean) إلى أسفل علامة ‎<body>‎ في Source Editor (محرر التعليمات البرمجية).

   قم بتعيين القيم التالية:

   • ID: mybean
   • Class: org.me.hello.NameHandler
   • Scope: session

   انقر فوق OK (موافق). يضاف Use Bean (استخدام Bean) إلى أسفل العلامة <body> .

4. أضف عنصر خاصية Get Bean (إحضار Bean) وعنصر خاصية Set Bean (إعداد Bean) من اللوح. ثم قم بتغيير التعليمات البرمجية بحيث تبدو العلامات بين ‎<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>