الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

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

مغلق
بدأه mhewedy في 17 مايو 2010 · 6 رد · 6,859 مشاهدة · في JavaEE
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

تكلمنا في موضوع سابق عن كيفيةإستخدام 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

تم تعديل هذه المشاركة بواسطة {هويدي} في 18 مايو 2010 في 05:26

2
#2

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

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

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

#3
اقتباس
ستبين ميزت 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

#4

Merci

#5

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

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

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

post-218791-12751654964613_thumb.gif

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

MySQL

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

شكرا

#6

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

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

ما هو عمل JBoss tools

وما هو فرقJSF

عن

JSP

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

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

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

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

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

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

سلامي

اخوكم

محمود سامي

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

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

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

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

/index.php?showtopic=220541

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

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

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

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

/index.php?showtopic=158713

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

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

اقتباس

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

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

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

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

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

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

1

هذا الموضوع مغلق.

مواضيع مشابهة