(4-5) إنشاء Page Template

في هذا القسم ، سوف ننشئ page template والذي سنستخدمه لإنشاء صفحات التطبيق ،
لإنشاء الـ page template :

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

ta00101

2- في New Gallery ، اختر Web Tier | JSF من قائمة Categories ثم اختر
JSF Page Template
.

ta00102

ثم اضغط Ok .

3- في الـ Create JSF Page Template اكتب simple في حقل الـ File name .

ta00103 في التبويب Facet Definitions ، اضغط الزر Add buttonAdd ثم اكتب center في حقل Name .

ta00103b اضغط على التبويب Attributes ، اضغط الزر Add buttonAddثم اكتب title في حقل Name و Default titles في حقل Default value .

ta00103c اضغط Ok .

4- الـ simple.jspx template page تفتح في محرر التصميم .

ta00104

5- من الـ Component Palette وباستخدام ADF Faces | Layout library اسحب Decorative Box داخل الصفحة .

ta00106

باستخدام الـ Property Inspector في التبويب Style and Theme عدّل الخاصية Theme إلى light . (ملاحظة : بإمكانك استخدام القيم medium أو dark)

ta00105b 6- اسحب Panel Group Layout وضعها في top facet .

ta00106

وفي الـ property inspector عدّ الخاصية Layout إلى horizontal .

ta00106b

7- في الـ Application Navigator افرد الـ Web Content | images واسحب الصورة brandingImage.gif في الـ Panel Group Layout ومن القائمة التي ستظهر اختر :
 ADF Faces Image .

ta00107 8- من ADF Faces | Layout اسحب Spacer وضعه بجوار الصورة .

ta00108 عدّل الخاصية Width إلى 100 .

ta00108b 9- من ADF Faces | Common Components اسحب Output Text وضعه تحت المكون spacer .

ta00109

في الحقل Value اختر Expression Builder من القائمة المنسدلة .

ta00109b

وفي الـ Expression Builder ، امسح الـ expression الموجود ، ثم اختر :
JSP Objects | attrs | title ، ثم اضغط Ok .

ta00109c

10- من الـ Component Palette اسحب Facet Ref وضعه في الـ center facet .

ta00110

في المربع الحواري Insert Facet Ref عدّل حقل الـ facet name إلى center  ثم اضغط Ok .

ta00110b

11- يجب أن يكون شكل و بناء الصفحة كالتالي :

ta00111b 12- اضغط Save All ، لحفظ عملك .

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

إرسال تعليق

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