• 0
daziplqa

خطوه بخطوه في إستخدام Eclipse لبناء تطبيق JSF

سؤال

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

تكلمنا في موضوع سابق عن كيفيةإستخدام Eclipse لإنشاء تطبيق ويب بسيط بإستخدام JSP/Servlets, و اليوم سوف نتحدث عن إستخدام Eclipse لإنشاء تطبيق ويب بإستخدام JSF.

سنقوم بإستخدام Eclipse + tomcat + JBoss tools لبناء تطبيق ويب ل JSF.

١- قم بتحميل Eclipse EE

٢- قم بتحميل apache tomcat

٣- قم بفك ضغظ كلا الملفين في مجلد من إختيارك, و لنقل ل eclipse

/home/mhewedy/programs/eclipse_ee 

و ل tomcat :

/home/mhewedy/programs/tomcat6.0.26

٣- إذهب إلى المجلد الذي يحتوي على eclipse و قم بالنقر على (تشغيل) الملف eclipse (أو eclipse.exe إذا كنت تستخدم ويندوز)

٤- لتثبيت JBoss tools:

طبقا للتعليمات الموجوده لدي Jboss فإن أخر موقع تحديث (update site) هو :

http://download.jboss.org/jbosstools/updates/stable/galileo/

إذهب إلي Eclipse : ثم إختر Help> Install new software

إضغط على الزر Add ثم في خانة الإسم أدخل Jboss tools و في خانة ال location أدخل موقع التحديث الذي أشرنا له ثم إضغط على OK لتحصل على الشكل التالي:

post-70497-12740517207003_thumb.png

إختر All JBoss tools ثم إضغط Next ,

قم بعملية التثبيت (Next, Next, Finish).

قم بإعادة تشغيل Eclipse كما طلب منك.

بعد ذلك, من داخل Eclipse إختر Window> Open Respective> Web Development

و بالتالي سيكون شكل Eclipse لديك كالتالي:

post-70497-1274053405436_thumb.png

الأن إختر File> New> JSF Project

أدخل إسم المشروع jsfWebApp ثم إضغط على Finish

لإنشاء صفحة JSF :

تعالي علي WebContent ثم إضغط بزر الفأره الأيمن New> File> JSP أدخل index.jsp ثم إضغط على Finish

سيقوم بإنشاء صفحة جديده لك بالشكل التالي:

post-70497-12740539900482_thumb.png

كما يبدو يمكنك إستخدام ال pallet من على اليمين لإسقاط عناصر الواجهه أو كتابتها بنفسك (أنا شخصيا أفضل الكتابه)

لإنشاء Managed Bean ,من القائمة المنسدلة إضغط بزر الفأر الأيمن ثم New > Managed Bean

سيظهر لك الشكل التالي:

post-70497-12740536438079_thumb.png

إضغط على Class و سيظهر لك نافضه إنشاء فئة جديده, أدخل إسم الحزمه ك

com.forat.web

و أدخل إسم الفئة ك IndexBean و إضغط ok

سيظهر لك الشكل السابق معبأ بالبيانات المطلوبه كالتالي:

post-70497-12740537701319_thumb.png

إضغط على Finish.

قم بكتابة التالي داخل صفحة index.jsp


<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<f:view>
<html>
<head>
</head>
<body dir="rtl">
<h:form>
<h:outputLabel value="مرحبا بكم" />
</h:form>
</body>
</html>
</f:view>

قبل أن تستطيع أن تشغل الصفحه, يبجب عليك جلب مكتبات ال jsf ووضعها بيدك داخل tomcat/lib

و هي عباره عن ٤ مكتبات :

standard.jar , jstl.jar, jsf-impl.jar, jsf-api.jar

بالنسبة لأول إثنين , قم بالحصول عليهم منموقع ال JSTL أما أخر إثنان , فقم بالحصول عليهما من هنا

قم الأن بتشغيل الصفحة بعد أن نسخت هذه المكتبات داخل tomcat/lib كما قلنا في الخطوه السابقة.

للتشغيل, إفتح الصفحة المراد تشغيلها ثم إضغط CTRL+F11

post-70497-12740552949575_thumb.png

تم بحمد الله.

الكود بالمرفقات

jsfWebApp.zip

تم تعديل بواسطه {هويدي}
2

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

6 إجابة على هذا السؤال .

  • 0

شكرا هويدي ، نرجوا ان تواصل في الشرح

ستبين ميزت JSF مع form و اضافة اكثر من زر submit لنفس form، ليرى البعض كيف يكون تصميم صفحات JSF و كانك تكتب برنامج سطح مكتب،

يؤسفني ان اري ملف JSP يحتوي على اكواد HTMLو JAVA و JSP و CSS و javascript ، و اي لغه اخرى في ملف واحد

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0
ستبين ميزت JSF مع form و اضافة اكثر من زر submit لنفس form، ليرى البعض كيف يكون تصميم صفحات JSF و كانك تكتب برنامج سطح مكتب،

حقيقة أخي, فالميزه الكبيرة في ال JSF أنها component-based framewrok على عكس ال Servlets و Struts اللذان هما Action-based frameworks

يؤسفني ان اري ملف JSP يحتوي على اكواد HTMLو JAVA و JSP و CSS و javascript ، و اي لغه اخرى في ملف واحد

 يمكنك أن تستغني عن هذا كله و تستخدم فقط XML بإستخدام facelets , حيث أنها ال view handler الإفتراضي لل JSF2.0

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

شكرا لكن لو اريد ان استعمل مثلا قاعدة بيانات sql server

كيف يمكن ان اعمل ذلك

وايضا دايما لما احاول اني اجرب الصفحة اللي عملتها تيجي هذه الصفحة

post-218791-12751654964613_thumb.gif

ولو اريد ان اعمل قاعدة بيانات بعد تثبيت

MySQL

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

شكرا

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

السلام عليكم ورحمة الله وبركاته

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

ما هو عمل JBoss tools

وما هو فرقJSF

عن

JSP

وإن شاء الله سوف اكون معك عندما انتهي من كتابة بحثي في القريب العاجل

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

اعذروني لنقطاعي بسسبب انشغالي في كتابة المشروع

اخي فقط اطالب منك ان تغير الصورة التي في سجلك لانه تعبر عن شخص سلبي

وانت تماما عكس ذلك شخص ايجابي وفعال جدا

اسالكم الدعاء

سلامي

اخوكم

محمود سامي

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

شكرا لكن لو اريد ان استعمل مثلا قاعدة بيانات sql server 
كيف يمكن ان اعمل ذلك

ولو اريد ان اعمل قاعدة بيانات بعد تثبيت
MySQL

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

إستخدم هذا الموضوع

http://www.arabteam2000-forum.com/index.php?showtopic=220541

بالنسبه ل sql server, فالموضوع ليس مشكله,,

قم بتحميل ال JDBC Driver الخاص به و ضعه مكان ال JDBC Driver الخاص ب mysql

أيضا قم بتغير ال connection url لتناسب ال sql server

شاهد هذا الموضوع

http://www.arabteam2000-forum.com/index.php?showtopic=158713

بالنسبه للأخ محمود سامي,

ال JBoss tools مجموعه من الإضافات على Eclipse لتسهل عليك عملية التطوير(كما رأيت سابقا)

أخي فقط اطالب منك ان تغير الصورة التي في سجلك لانه تعبر عن شخص سلبي

وانت تماما عكس ذلك شخص ايجابي وفعال جدا

أنا وضعتها على سبيل المذاح, جزاك الله خيرا على النصيحه...

للفروق بي ال JSP و ال JSF :

JSP هى تكنولوجيا (إن صح التعبير) لكتابة صفحات جافا ديناميكية

JSF هى بئية عمل (framework) مبنية على ال Servlet لتسهيل عملية بناء تطبيقات الويب بالجافا. JSF قد تستخدم ال JSP في عرض الصفحات, و قد تستخدم تكونولجيات أخرى..

1

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
زوار
This topic is now closed to further replies.

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .