(8-4) تطوير ADF Client لـ Service باستخدام Web Service Data Control

* إنشاء Web Service Data Control .
* إنشاء صفحة JSF JSP و تضمين Web Service .

إنشاء Web Service Data Control 

في هذا الجزء سوف نستخدم WSDL و إنشاء data control منها ، الـ application لن يحتوي هنا على الـ original Java code كما في السابق . بمجرد إنشاء الـ data control ، أي تطبيق ADF client يمكن استخدامه .

1- اضغط على down arrow بجوار الت Application name واختر New Project .

t60101

في الـ New Gallery اختر Web Project .

t60101b

اضغط Ok .

2- أعط للمشروع الاسم WebClient ، اضغط Next ثم Next .

t60102

في Page Flow Technology ، اختر (JavaServer Faces (JSF ثم اضغط Next .

t60102b

في الـ Tag Libraries ، انقل الـ ADF Faces Components 11 إلى قائمة
Selected Libraries .

t60102c

اضغط Next .

t60102d

اضغط Next ثم Finish .

3- في الـ Application Navigator ، اضغط بزر الماوس الأيمن على WebClient ثم اختر New .

t60103

في New Gallery في الـ Business tier ، حدد Web Services ثم اختر Web Service Data Control .

t60103b

اضغط Ok .

4- في أول خطوات الـ Create Web Service Data Control wizard ، اكتب MyCompanyDC في حقل الـ Name .
انسخ :

http://localhost:7101/WebService-Annotation-context-root/MyCompanyPort?wsdl

في الـ WSDL URL .

t60104

عند الضغط على الزر Tab ، الـ web service للـ data control يتم ملئها تلقائياً .
اضغط Next .

5- في صفحة الـ Data Control Operations انقل الـ getDeptInfo method من قائمة Available إلى قائمة Selected . اضغط Next ثم Finish .

t60105

يجب أن يكون الـ Application Navigator كالتالي :

t60105b

6- اضغط Save All لحفظ عملك .

7- افتح التبويب Data Controls في الـ Application Navigator لعرض الـ MyCompanyDC data control التي تم إنشائها للتو .

t60107

إلى هذه النقطة يمكنك إنشاء صفحة الـ JSF JSP واستخدام الـ data controls .

إنشاء صفحة JSF بالإضافة إلي Web Service

في هذا الجزء سننشئ صفحة JSF والتي تحتوي على fields تم إنشائها من الـ data control ، وتعيد النتيجة إلى الصفحة .

1- اضغط بزر الماوس الايمن على المشروع WebClient ، ثم اختر New .

t60201

افرد الـ Web Tier ثم اختر JSF ثم منها اختر JSF Page .

t60201b

اضغط Ok .

2- سم الصفحة Dept_Emp ، حدد الخيار Create as XML Document بالإضافة إلى Page Template ومن القائمة اختر Oracle Three Column Layout .

t60202

اضغط Ok .

3- ستفتح الصفحة في المحرر .

t60203

4- الآن سوف نضيف الـ data controls إلى الـ method . يجب أن تقبل الصفحة parameter ، كما تنفذ استدعاء للـ web service ، وتعيد النتائج في Master Detail layout .
في التبويب Data Control Palette ، افرد الـ MyCompanyDC data control ثم اختر getDeptInfo(Integer) method .

t60204

اسحب الـ getDeptInfo(Integer) method في الـ start facet داخل الصغحة .
عند سحبها سوف تظهر قائمة ، اختر Parameters ثم ADF Parameter Form .

t60204b

5- في شاشة Edit Form Fields اضغط Ok لقبول الإعدادات الافتراضية .

t60205

اضغط Ok .

6- في التبويب Data Controls افرد MyCompanyDC ثم getDeptInfo ثم Return ثم Return واختر Employees .

t60206

اسحب الـ Employees وضعه في الـ center facet ، ومن القائمة اختر

Master-Details ثم ADF Master Form - Detail Table .

t60206b

7- اضغط Save All لحفظ عملك .

8- اضغط بزر الماوس الأيمن على الـ end facet ثم اختر Delete .

t60208

9- في التبويب Structure للصفحة اضغط بزر الماوس الأيمن على المكون af:table ثم اختر  Surround With .

t60209

في شاشة Surround With اختر Panel Collection ثم اضغط Ok .

t60209b

10- افرد الـ panelCollection ثم اختر المكون af:table . في الـ Property Inspector اجعل الخاصية قيمة Column Selection إلى single .

t60210

11- اضغط بزر الماوس الأيمن على الصفحة واختر Run .

t60211

12- ستظهر الصفحة في المتصفح كالتالي :

t60212

13- في حقل الـ parameter أدخل قيمة department ثم اضغط الزر getDeptInfo .

t60213

14- الـ employees الخاصين بذلك الـ department سيتم عرضهم كالتالي :

t60214

15- بفضل الله تم الانتهاء من هذا الدرس .

ليست هناك تعليقات:

إرسال تعليق

---- أتشرف بتعليقاتكم ----