(10-2) إنشاء Read Only Business Services Page Fragments ، Regions

في هذا الدرس سوف ننشيء صفحة يمكن إعادة استخدامها و التي من خلالها يمكن البحث عن الموظفين بعناوين البريد الإلكتروني الخاص بهم . ثم سنستخدم هذه الصفحة مرة ثانية في صفحة JSF أخرى .

Query Only Business Service Based on Parameters

في البداية سوف ننشئ مكون عرض ADF Business Components View Object لكي يمدنا بالاستعلام المضبوط بناءاً على المتغيرات .

1- في مستكشف التطبيق حدد حزمة demo.model واضغط بزر الماوس الأيمن و اختر …New View Object . t134

2- في المربع الحواري Create View Object ، عدّل خاصية الـ Name إلى EmpByEmail ، واختر نوع العرض Read Only Access through SQL Query من الخيارات الأربع أسفل الشاشة ، ثم اضغط Next . t135

3- وفي الخطورة الثانية في المربع الحواري Create View Object ، اكتب الاستعلام التالي : select first_name,last_name from employees where email=:p_email النقطتين ":" قبل p_email تعني أن هذا متغير سوف يتم نقل قيمتة إلى الاستعلام . اضغط على زر الـ Test لتتأكد من جملة الاستعلام ، ثم اضغط Next . t136

4- وفي الخطورة الثالثة في المربع الحواري Create View Object ، اضغط على زر New لكي تعرّف متغير من نوع bind ، ثم عدّل قيمة الخاصية Name إلى p_email . t137

في التبويب Control Hints عدّل قيمة Label Text إلى Email . t137b

5- اضغط Next أكثر من مرة لقبول باقي الإعدادات الافتراضية والوصول إلى الخطوة الثامنة ، هنا حدد الخيار Application Module لإضافته ، ثم اضغط الزرار Finish . t138

6- يمكنك الآن تشغيل مختبر الـ Application Module ، عند الضغط على EmpsByEmail1 مرتين بالماوس سوف يطلب منك إدخال قيمة إلى المتغير . أدخل SKING ثم اضغط Ok ، واحصل على النتائج لهذه القيمة . t139

لتجربة قيمة أخرى اضغط على الزرار الأزرق و كرر العملية .

Reusable Task Flows, Page Fragments and Regions

سننشئ صفحة قابلة لإعادة الاستخدام تسمح لنا بالبحث في سجلات الموظفين عن طريق عنوان البريد الإلكتروني . سوف نستخدم هذه الصفحة داخل صفحة JSF أخرى ، ويمكن لهذه الصفحة أن تستخدم في أكثر من صفحة أخرى داخل التطبيق .

1- في مستكشف التطبيق حدد المشروع ViewController واضغط بزر الماوس الأيمن ثم اختر …New . t140 تحت الـ Web Tier –> JSF ، اختر ADF Task Flow ثم اضغط Ok . t141

2- في المربع الحواري Create Task Flow ضع القيمة search-email-flow.xml في الحقل File Name . حدد الخيار Create As Bounded Task Flow ثم حدد Create with Page Fragments . ثم اضغط Ok . t142

3- في المحرر الذي سيظهر ، اسحب مكون View من قائمة الـ Components وضعه في صفحة الـ flow وأعد تسميته إلى searchEmail . t143

4- اضغط مرتين على searchEmail لإنشاء الصفحة . اقبل الإعدادات الافتراضية الموجودة في المربع الحواري الذي سيظهر ، وتأكد أن الـ file name قيمتها searchEmail.jsff . وبالتالي سوف تنشأ الصفحة والتي يمكن تضمينها في صفحة JSF أخرى . اضغط Ok . t144

5- محرر الصفحة سوف يظهر . افتح قائمة الـ Data Controls ، ثم افتح EmpByEmail1 ثم افتح Operation . t145 سوف نستخدم عملية ExecuteWithParams لتنفيذ الاستعلام .

6- اسحب ExecuteWithParams وضعها في الصفحة الجديدة ، ثم اختر … Parameters->ADF Parameter Form . اقبل الإعدادات الافنراضية في المربع الحواري Edit Form Fields ، ثم اضغط Ok . t146 في المربع الحواري Edit Form Fields اضغط Ok . t147

7- في محرر التصميم اضغط زرار ExecuteWithParams ، وباستخدام Property inspector غيّر الخاصية Text إلى Find Details . t148

8- من قائمة Data Controls اسحب EmpByEmails1 في الصفحة تحت الزرار ، ثم اختر …From->ADF Read Only Form من القائمة التي تظهر . t149

نقبل الإعدادات الافتراضية ثم الضغط على Ok . t150

9- في مستكشف التطبيق حدد الملف DeptEmpPage.jspx وافتحه في محرر التصميم . في قائمة الـ Components افتح الـ Layout واختر منها Separator واسحبه و ضعه تحت Departments في العمود الأيسر من صفحة DeptEmpPage.jspx . t154

10- الآن سوف نضيف الـ flowالذي أنشأناه كجزء من الصفحة . من مستكشف التطبيق اسحب الملف search-email-flow.xml وضعه في العمود الأيسر من الصفحة DeptEmpPage.jspx تحت الـ separator الجديد ، من القائمة اختر Region . t155 يجب أن تكون الصفحة كالتالي : t155b

11- اضغط Save All ، ثم عمل Run لـ DeptEmpPage.jspx . في الصفحة التي تظهر في المتصفح ستجد إمكانية عمل البحث عن طريق الإيميل كالتالي : t156b والبيانات التي تظهر بعد البحث : t156

ألف مبروك ، هنا نكون قد وصلنا إلى نهاية إنشاء تطبيق ADF كامل ، استخدمنا ADF Business Components وأنشأنا البسيط منها و المعقد .

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

إرسال تعليق

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