(6-3) إنشاء الـ Page Flow

سوف نستخدم JDeveloper's JSF Navigation Modeler لتخطيط و إنشاء صفحات التطبيق ، و طرق التنقل بينها .

1- في مستكشف التطبيق افتح UserInterface ثم Web Content ثم WEB_INF ثم faces-config.xml لفتح مخطط page flow .

t40101

2- سوف يظهر مخطط فارغ ، لاحظ الـ Component Palette في يمين الشاشة ، نستخدمها لإنشاء مكونات لـ JSF Navigation Model .

t40102

3- اختر JSF Page button_JSF Page من Component Palette ، ثم اضغط على المخطط حيث تريد أن تظهر الصفحة ، غيّر اسم الصفحة إلى browse .

t401034- من  Component Palette ، اسحب JSF Page بجوار السابقة ، ثم غيّر اسمها إلى query .

t40104
5- اختر JSF Navigation Case button_JSF Navigation من الـ Component Palette ، ثم اضغط على صفحة browse كي تكون المصدر ثم على صفحة query والتي تكون الوجهة لعملية التنقل .

t40105
6- عدّل العنوان الافتراضي success بالضغط عليه ثم كتابة query عليها ، لاحظ أن هناك أيقونة تحذيرية فوق الـ Navigation Case . هذا لأنك لم تنشئ بعد صفحات الـ JSF . وهذا يوضح أن الـ   Navigation Case سوف تبحث عن الصفحات الغير موجودة . هذه الأيقونة سوف تختفي عند إنشاء تلك الصفحات .

t40106
7- يعطيك الـ JDeveloper ثلاث طرق لعرض الملف faces-config.xml ، إلى الآن استخدمنا عرض المخطط "diagram view" .
اضغط على التبويب Overview أسفل الشاشة ، ضم اضغط على Navigation Rules في الجدول على اليسار لعرض الـ Navigation Rules .

t40107 اضغط على التبويب Source أسفل الشاشة ، في الكود تجد from-view-id> tag> والذي يعرف صفحة المصدر ، و to-view-id> tag> والذي يحدد صفحة الوجهة .

t40107b
8- نرجع إلى عرض المخطط بالضغط على التبويب Diagram ثم نختار JSF Navigation Case في الـ Component Palette .
نضغط على أيقونة صفحة المصدر query ثم نضغط على أيقونة صفحة الوجهة browse .

t401089-  عدّل العنوان الافتراضي success بالضغط عليه ثم كتابة browse عليها .

10- يجب أن يكون الشكل كالتالي :

t40110
11- احفظ الكل .

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

إرسال تعليق

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