الانتقال إلى المحتوى

تعرف و تعلم ال Adf بسهولة و خطوة بخطوة


AhmadSaid

Recommended Posts

ان شاء الله شاشات مشروعنا هتكون بهذا الشكل

92934927.jpg

68419461.jpg

يتبع ان شاء الله

تم تعديل بواسطة AhmadSaid
رابط هذا التعليق
شارك

بسم الله الرحمن الرحيم


اللهم علمنا ما ينفعنا وانفعنا بما علمتنا يا رب العالمين
---------------


شكرا اخواني علي الردود واتمني الموضوع يكون مفيد لكم

الدرس التاني

:: تحضير الادوات اللي هنشتغل بها ان شاء الله

1- تنزيل الجافا JDK وهي ( Java Development Kit ) وده الاصدار الخاص بالمبرمجين
اما ال JRT وهي ( Java Runtime ) الاصدار الخاص بالمستخدمين تقدر تنزل اي اصدار من هذا الرابط http://jdk7.java.net/download.html
احنا هنستخدم ال JDK التسطيب سهل شغال Next و Next
وفي الاخر Finish

بعد التسطيب لازم تعمل الاعداد ده لان بدونها الجافا ملهش لازمة علي جهازك
ادخل علي المسار ده C:\Program Files\Java\jdk1.7.0_02\bin وهو المسار الافتراضي لتسطيب الجافا
طبعا ممكن الاسم ده jdk1.7.0_02 يتغير مع تحديث الاصدار وبعدين أنسخ المسار ده بالضغط علي Ctrl + C
او اضغك كليك يمين واختار Copy

وروح أضغط علي My Computer كليك يمين واختار اخر اختيار Properties هتظهرك الصفحة
اختار Advanced وبعدين أضغط علي Environment Variables كما في الصورة

56114736.png

وبعدين

30326996.jpg

وبعدين اضغط Ok في Ok

2- تنزيل قاعدة البيانات Oracle 10g R2 من هنا http://www.oracle.co...oads/index.html
لمعرفة التسطيب في الدرس التاني من كورس ال SQL لبشمهندس تامر نبيل
وده موضوع لي بشرح في طريقة تسطيب قاعدة البيانات في مصر
http://www.araboug.o...=50270&hl=تسطيب

3- تنزيل ال IDE اللي هي ال J-Developer من هنا
http://www.oracle.co...oads/index.html
تسطيبه مفهوش تعقيد كله Next في Next .......... في Finish في الاخر يعني في اللذيذ

وده كمان درس لبشمهندس محمد ياسين بشرح طريقة الشرح
http://www.youtube.com/watch?v=mWWTIxxlC98&list=PLBA85A8EEAADE45F2&index=1&feature=plpp_video

بس في حاجة لازم تعملها مهم جدا وهي ضبط الذاكرة الافتراضية ال Virtual Memory
والحركة دي مهمة جدا لو هتسطب ال Database او ال J-Developer

روح أضغط علي My Computer كليك يمين واختار اخر اختيار Properties هتظهرك الصفحة
اختار Advanced وبعدين أضغط علي Settings الاولي كما في الصورة

69854447.png

وبعدين

43342634.jpg

وبعدين

94917448.jpg

وبعدين Ok وكمان Ok واخر Ok عادي خليها عليك الجهاز هيطلب اعادة تشغيل Restart
ماشي خلي يعمل اعادة تشغيل كدا كل شئ تمام

- ملحوظة : لازم طبعا علشان تسطب ال J-Developer علي جهازك تكون الرامات علي الاقل 2 جيجا
مش هيشتغل معك بكفاءة عالية وكذلك هتشعر بالبطء الشديد لو كان جهازك رامات اقل من 2 جيجا والبروسور
مش اقل من Core 2 Duo وطبعا كل ما امكانيات جهازك تكون احسن فدة افضل واسرع في الشغل

كدا الدرس التاني أنتهي وهو التحضير للعمل

<< سبحانك اللهم وبحمدك أشهد ان لا اله الا أنت أستغفرك وأتوب اليك >>

يتبع ان شاء الله

تم تعديل بواسطة AhmadSaid
رابط هذا التعليق
شارك

الاخ احمد سيد جزاك الله خير الجزاء على هذا الشرح الوافي ونتمنى الاستمرار بهذا الاسلوب الممتع والمتدرج .


لي سؤال لو سمحت :


بخصوص ال PL/SQL هل ممكن تضمينها وكتابتها داخل الـADF ؟؟ ام فقط ايعازات ال SQL يمكنها العمل داخل بيئة JDeveloper ؟


وبارك الله فيك ثانية .

رابط هذا التعليق
شارك

بسم الله الرحمن الرحيم


اللهم علمنا ما ينفعنا وانفعنا بما علمتنا يا رب العالمين
---------------



الدرس التالت
:: بناء مشروعنا بأستخدام ال ADF في 15 دقيقة بس ان شاء الله

اولا حاجة هنعملها هي انشاء ال Business Components واتصال ال Database بال J-Developer


نبدا بسم الله الرحمن الرحيم


هنفتح ال J-Developer من قائمة Start

15354042.jpg

وبعدين

15396472.jpg

اضغط Ok
هيفتح ال J-Developer معك كمل
لو اول مرة تفتح ال J-Developer هتظهرلك صفحة البدء دي اقفلها

14564521.jpg

واضغط New Application وبعدين نفذ اللي في الصورة

78404666.jpg

اختار Web Application ADF
هتظهرلك الصورة دي كمل

58751932.jpg

اضغط Finish كدا احنا تمام

31636014.jpg

الابلكيشن هيظهرلك كدا اقفل صفحة البدء عادي مش هنستخدمها في حاجة
كدا احنا انشاء ال Application دلوقتي هنعمل ال Business Components

38609634.jpg


اختار ال ADF Business Components
وبعدين اختار Business Components from Tables بعدين اضغط Ok

49276561.jpg

هتظهر صفحة طلب الاتصال بالداتا بيز

80024089.jpg

هنا بيطلب الاتصال بالداتا بيز كمل مع الصور اضغط علي الزر الاخضر

17502754.jpg

خد بالك لازم تظهرلك كلمة Success علشان تتاكد انه تم الاتصال بينهم

يتبع في المشاركة القادمة ان شاء الله

تم تعديل بواسطة AhmadSaid
رابط هذا التعليق
شارك

لو ظهرلك الصورة دي كدا انت تمام
كدا احنا هنبدا نعمل ال Business Components

48471750.jpg

لو ما ظهرتش معك الجداول اضغط علي Query علشان تظهر

30944027.jpg

هنسمى ال Package ده ب DML علشان ال Entity Object المسؤل عن تنفيد عبارات ال DML اللي هي
Insert , Update and Delete ……..

34047865.jpg

هنسمى ال Package ده ب Query علشان ال View Object المسؤل عن تنفيد الاستعلامات ال Select
وحول الجداول من ال Available الي Selected لاننا هنفيذ عليهم الاستعلامات وبعدين Ok

47222073.jpg

هنا بيطلب منك اي الجدول اللي Read-Only احنا هنا هننقل جدول ال Jobs وبعدين اضغط Next

60020418.jpg

هنا بيطلب مني اسم Package ال App-Module أمسح كلمة Query كل ده للتنظيم بس يعني انت لو ما عملتهوش عادي بس الابلكيشن هيكون مبهدل فالاحسن نشتغل صح

87607209.jpg

ويعدين هتظهر صفحة ال Diagram عادي اضغط Next

كدا تمام انشائنا ال Business Components بكل سهولة واتصالنا بالداتا بيز

41049987.jpg

ودي نتيجة اللي هتظهر لك كما تري كل حاجة لوحدها في Package خاص بها علشان نشتغل علي نضيف ان شاء الله

77899104.jpg

كدا الدرس التالت أنتهي الحمد لله
الدرس القادم الرابع بناء الشاشات بكل سهولة ان شاء الله

<< سبحانك اللهم وبحمدك أشهد ان لا اله الا أنت أستغفرك وأتوب اليك >>

يتبع ان شاء الله

اما بالنسبة لرد اخي الفاضل


الاخ احمد سيد جزاك الله خير الجزاء على هذا الشرح الوافي ونتمنى الاستمرار بهذا الاسلوب الممتع والمتدرج .


لي سؤال لو سمحت :


بخصوص ال PL/SQL هل ممكن تضمينها وكتابتها داخل الـADF ؟؟ ام فقط ايعازات ال SQL يمكنها العمل داخل بيئة JDeveloper ؟


وبارك الله فيك ثانية .




بخصوص ال PL/SQL طبعا نقدر نستخدمها مع ال ADF
بس الموضوع ده متقدم جدا في ال ADF

بس لو عاوز تشوف مثل ده درس البشمهندس محمد ياسين
بشرح طريقة استخدام ال PL/SQL مع ال ADF
اتمني لك مشاهدة مفيدة و ممتع

الدرس الاول


الدرس التاني
تم تعديل بواسطة AhmadSaid
رابط هذا التعليق
شارك

الاخ المبدع احمد السيد جزاك الله خير على ردك وفعلا فيديو رائع .
استمر وفقك الله متابعين معك ان شاء الله .

رابط هذا التعليق
شارك

بسم الله الرحمن الرحيم


اللهم علمنا ما ينفعنا وانفعنا بما علمتنا يا رب العالمين
---------------


اعتذار عن التاخير سامحني

الدرس الخامس
اعداد ال Entity Object يعني عبارات ال DML

أفتح ال J-Developer
افتح الابلكيشن ونفذ الاتي

70080966.jpg

ما دام Entity Object يعني اروح علي طول ال Package ال hr.model.dml

48836150.gif

61356091.jpg

اعداد ال Validation علشان نحدد الراتب لا يكون اقل من صفر ولا اعلي من 99 الف

52984672.gif

ولو اليوز ادخل قيمة غير اللي حددنها هتظهر الرسالة دي

86076052.jpg

علشان نخلي التاريخ الحالي للجهاز هو ال Default في الابلكيشن ( تاريخ جهازك )
أختار عمود ال Hire Date ومن ال Details
اضغط علي ال Expression وأكتب الاتي adf.currentDate كما ترها علشان لو غلط في كتبتها مش هتشتغل

64129938.jpg

واضغط علي ال UI Hint وعدل ال Format Type واكتب الصيغة
والصورة دي لتحديد صيغة التاريخ ياريت تكتب الصيغة كما ترها
وبعدين اعمل Run

17115036.gif

وده الشكل النهائي بعد الانتهاء من الاعداد وعمل Run وهتجد ان صيغة التاريخ اتغيرت

ودلوقتي هنختبر شغلنا

75477951.gif

لو دخل اليوز صيغة غير اللي احنا حددنها هيظهرله الخطا ده ويدله مثل للصيغة المحددة

17310503.jpg
وعلشان ما نتعبش اليوزر يضغط علي شكل النتيجة هيظهر له تاريخ الشهر يضغط علي اليوم اللي عاوزه الابلكيشن هيتكفل بكتابه التاريخ بالصيغة المحدده مسبقا

10278971.gif

لو اليوز وضع قيمة في الرتب غير المحددة هتظهرله الرسالة اللي كتابنها

يتبع في المشاركة القادمة ان شاء الله

تم تعديل بواسطة AhmadSaid
رابط هذا التعليق
شارك

26364751.gif

والاسهم دى هي عملية ال Sorting اللي هي ترتيب القيمة تنازلي او تصاعدي

66980678.gif

واليوز ممكن ينقل العمود كما يحب ويرتبهم براحته وكما يحب
كما تري عمود ال E-mail اتنقل

18559399.gif

والمنطقة الفارغة دى هي عملية ال Filtering وهي لعمل تصفية ( بحث ) للبيانات

93921904.gif

افتح نافذة ال Structure بالضغط عليها مرتين واختار الجدول ومن الخصائص
غير ال ColumnSelection من ال Default الي Single وده علشان نعمل تجميد للاعمدة

- وكدا تمت الاعدادات بس ناقص نضيف ال Graph

46532964.gif

من ال Data Controls اختر ال EmployeesView3 واسحبها الي ال More Info
واختر ال Graph وبعدين هتظهر الشاشة دي

51249764.gif

53788673.gif
وبعدين اعمل Run

41472608uwk.jpg

اعمل Run وشوف اللي حصل

78750724.jpg

ده هو شكل الابلكيشن بتاعنا بعد اضافة الاعدادات وال Graph

84116904.gif

والصورة دي بتبين لماذا عملنا ال Single لاظهار ال Freeze وهي خاصية بتمكن اليوزر من تجميد العمود او اكثر كما تري احنا مجمدين اول 3 اعمدة وتقدر تحرك الاعمدة الاخري كما تريد

وبكدا انتهي الدرس الخامس ولله الحمد

<< سبحانك اللهم وبحمدك أشهد ان لا اله الا أنت أستغفرك وأتوب اليك >>

يتبع ان شاء الله الدرس السادس ::بناء شاشة البحث::

رابط هذا التعليق
شارك

بسم الله الرحمن الرحيم


اللهم علمنا ما ينفعنا وانفعنا بما علمتنا يا رب العالمين
---------------



اعتذر بشدة لاني ضفت الدرس الخامس قبل الرابع و هذه بدون قصد

واشكر كل من رد علي الموضوع واتمني الموضوع يكون مفيد للجميع ان شاء الله

الدرس الرابع
::بناء شاشات اليوزر::

في الدروس الماضية عرفنا ايه هو ال ADF والادوات المستخدمة وتم ربطه بالداتا بيز
وتم انشاء ال Business Component

والان ان شاء الله هننشاء اول صفحة Jsf

نبدا بسم الله الرحمن الرحيم

افتح ال J-Developer
وبعد فتحه تابع الصور

85178602.gif

اضغط كليك يمين علي ال View Controller وبعدين اضغط علي New

11822675.gif
هتظهرلك الصفحة القادمة

11088415.jpg

اكتب اسم الصفحة واختار Blank Page وبعدين Ok

44778006.jpg

الف مبروك كدا انت عملت اول صفحة Jsf لك كمل

هنضيف الكومبوننت للصفحة
37437105.jpg

كدا احنا هنبدا الشغل العملي اسحب ال Panel كما هو موضح امامك انت لما تسحب ال Panel هتظهر كما تري

91264986.jpg

91046196.jpg

خد بالك الصفحة فيها شغل كتير اتبع الارقام وخد بالك من الاختيار رقم 3 علشان يتم ال Panel Splitter
تكون عمودي كما يظهر لك في الجزء الاول First اما الجزء الثاني Second

84709451.jpg

27889149.jpg

كدا احنا عملنا تصميم الشاشة بدون ان نكتب سطر كود واحد
ودلوقتي هنتعامل مع ال Data Controls اللي هي ال Business Component

17028507.jpg

يتبع في المشاركة القادمة ان شاء الله

رابط هذا التعليق
شارك

32698585.gif

علم علي ال Include Navigation Controls علشان يظهر ازرار ال First :: Previous :: Next :: Last

17859107.gif

اهم حاجة وانت بتتعامل مع ال Data Controls تخد بالك انت وقف فين اوقف علي ال EmployeesView3
واسحب علي ال Panel Collection

53794096.gif

واختار 1 و 2 كدا تمام

82180541.gif

نفذ الاختيارات 1- لاختيار صف واحد
2- لعمل الترتيب اما تصاعدي او تنازلي
3- لعمل تصفية ( بحث ) للبيانات

93735821.gif

اوقف علي ال EmployeesView3 واسحبه علي ال Panel Tabbed واختار 1 و 2

30216067.gif

الاعمدة اللي متعلم عليها بالازرق اضغط ال ( X ) اللي بالاحمر علشان تحذفها
وممكن ما تمسحش ولا عمود وده الافضل
علم علي ال Include Submit Button علشان يظهر لك زر ال Submit (نفذ)

89297290.jpg

الشكل النهائي للتصميم

60698085.jpg

وبعدين اضغط كليك يمين علي الصفحة وبعدين Run وانتظار حتي يتم تشغيل الابلكيشن ربما تاخذ بعد الوقت لا تقلق

23260404.jpg

لو اول مرة تعمل Run هتظهرلك الصفحة دي وهنا بيطلب منك اسم الدومين ورقم السري بتاعي ال Web Logic
كل اللي انت هتعملوا اكتب الرقم السري واتاكد انه اخترت ال Local Host وبعدين اضغط ok هيشتغل معك ان شاء الله

66896933.jpg

وهو ده شكل الابلكيشن النهائي وذلك بدون كتابة سطر كود واحد
وان شاء الله في الدرس القادم هنعمل بعد الاعدادات الهامة

كدا الدرس الرابع أنتهي ولله الحمد

<< سبحانك اللهم وبحمدك أشهد ان لا اله الا أنت أستغفرك وأتوب اليك >>

يتبع ان شاء الله الدرس القادم السادس ::بناء شاشة البحث::

تم تعديل بواسطة AhmadSaid
رابط هذا التعليق
شارك

بسم الله الرحمن الرحيم


اللهم علمنا ما ينفعنا وانفعنا بما علمتنا يا رب العالمين
---------------



الدرس السادس
::بناء شاشة البحث::

وفي هذا الدرس هنبي صفحة Jsf تانية وهتوصلها بالاولي

يلا نبدا ونقول بسم الله الرحمن الرحيم

أفتح ال J-Developer

23687961.jpg

30295168.gif

26543514.jpg

20822410.jpg

احنا بنعمل كدا علشان نختار Temple ( شكل ) وهو قالب مصمم من قبل اوراكل وده ممكن احنا ننشائه عادي

84739647.jpg

وده الصورة النهائية اضغط اوكي

63875808.jpg

خالي بالك يا اخي حفظك الله وانت بتتعامل مع ال Data Controls انت وقف فين
علشان لكل جدول عمليات خاصة بي تختلف عن الجدول التاني

39154512.jpg

1 و 2 و 3 احنا عرفنا ليه بنختارهم وممكن ما نختارهمش عادي

11192826.jpg

وده شكل الصفحة النهائية

25194217.jpg

Run الصفحة وشوف الناتج

10022121.jpg

وده هو الناتج بعد ال Run ان شاء الله
وزر اللي بالاخضر يعني البحث علي الوضع Basic ولو ضغط عليه هيديك الوضع ال Advance
وهتجد به اختيارات اللي ظهر امامك في الصورة وجرب انت وشوف بنفس يا هندسة

الدرس السادس كدا انتهي هندخل في درس مهم جدا وهو ربط الصفحات بعضها ببعض ان شاء الله

<< سبحانك اللهم وبحمدك أشهد ان لا اله الا أنت أستغفرك وأتوب اليك >>

يتبع ان شاء الله الدرس السابع ::ربط الشاشات::

رابط هذا التعليق
شارك

السلام عليكم ورحمة الله
الاخ / احمد

شكرًا لك على هذا الجهد لعمل متميز من عضو متميز

جزاك الله خيرا ....
بارك الله لك في علمك ووقتك وجهدك

تم تثبيت الموضوع لكي يستفيد جميع الاعضاء

رابط هذا التعليق
شارك

انضم إلى المناقشة

يمكنك المشاركة الآن والتسجيل لاحقاً. إذا كان لديك حساب, سجل دخولك الآن لتقوم بالمشاركة من خلال حسابك.

زائر
أضف رد على هذا الموضوع...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   تمت استعادة المحتوى السابق الخاص بك.   مسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

جاري التحميل
×
×
  • أضف...

برجاء الإنتباه

بإستخدامك للموقع فأنت تتعهد بالموافقة على هذه البنود: سياسة الخصوصية