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

daziplqa · 17 May 2010

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

com.forat.web

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

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

إضغط على 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

تم بحمد الله.

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

jsfWebApp.zip

تم تعديل 18 May 2010 بواسطه {هويدي}

العيافـي · 18 May 2010

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

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

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

daziplqa · 18 May 2010

ستبين ميزت 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

lovely_ned · 20 May 2010

Merci

lovely_ned · 29 May 2010

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

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

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

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

MySQL

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

شكرا

mahmoodsami · 29 May 2010

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

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

ما هو عمل JBoss tools

وما هو فرقJSF

عن

JSP

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

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

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

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

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

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

سلامي

اخوكم

محمود سامي

daziplqa · 30 May 2010

شكرا لكن لو اريد ان استعمل مثلا قاعدة بيانات 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 في عرض الصفحات, و قد تستخدم تكونولجيات أخرى..

تسجيل دخول

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

سؤال

شارك هذا الرد

رابط المشاركة

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

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

شارك هذا الرد

رابط المشاركة

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

شارك هذا الرد

رابط المشاركة

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

شارك هذا الرد

رابط المشاركة

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

شارك هذا الرد

رابط المشاركة

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

شارك هذا الرد

رابط المشاركة

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

شارك هذا الرد

رابط المشاركة

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

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

الرئيسية

الأنشطة