مشروع ASP.NET 2.0 قواعد بيانات من الصفر إلى الاحتراف .بأذن الله

FunctionSys · 2007-06-13, 09:27 PM

مشروع ASP.NET قواعد بيانات من الصفر إلى الاحتراف .بأذن الله
بسم الله الرحمن الرحيم

اللهم صلي على محمدٍ وآل محمد الطيبين الطاهرين ..

نبدة عن لغة الـ ASP.NET 2.0 :
لغة الاي اس بي دوت نت .. تعتبر لغة قوي جداً فهي تتعامل مع قواعد البيانات والاكواد البرمجية كما انك تتعامل مع برنامج Appliaction والحماية فيها عالية جداً .. طبعا لو تلاحظون انه اغلب المواقع بلغة الـ PHP وقليل ماتشوف ASPX ولكن الاغلب المواقع التي تحتاج حماية عالية وكذلك جلب بيانات من قاعدة البيانات ومعالجتها تستخدم لغة الاي اس بي اكس.. طبعا لابد تتعلم هذه اللغة الممتازة لانه اغلب الشركات في سوق العلم تطلب مبرمجين لغة الأي اس بي اكس.. ويجب ان تكون محترف فيها لكي تكون فعلا مبرمج ASP.NET
مشروع ASP.NET قواعد بيانات سوف نقوم بشرح بعض الطرق المهمه لكي تمكنك في الدخول في عالم الـ ASP.NET وترشدك إلى الطريق الممتع في البرمجة لفهمها بشكل رائع ويكون فيها البرمجة هواية وليس تعقيد وتملل...
متطلبات المشروع :
1- برنامج الاوفيس Microsoft Office بالاخص Microsoft Office Access 2003
2- برنامج التطوير Microsoft Visual Studio 2005
3- معرفة سطحية لكلا البرنامجين فقط معرفه
::: المـهام التي سوف نقوم بعملها في هذا المشروع :::
1- تحليل قاعدة البيانات ( بشكل مبسط جدا جدا)
2- إنشاء قاعدة بيانات ( اكسس )
3- تصميم الصفحات في بيئة عمل Microsoft Visual Studio 2005
4- كتابة الكود مع الشرح لكل كود
5- تطوير الصفحة وإكسائها بصور من خلال الادوبي فوتوشوب
6- رفع الصفحة على السيرفر IIS وتجربتها
7- مناقشات في المشروع واقتراحات وافكار لعمل مشروع بفكرة ممتازة
طبعا لا اخفي عليكم سراُ انا مبتدء كذلك في لغة الاي اس بي اكس وليس محترف ... ولكن الحماس ذابحني والشوق للبرمجة ماخذني .. ( ليس عن الحبايب هههه )
الان البدأ في المشروع ونتوكل على الله العزيز الجبار ..
النقطة الاولى :
1- تحليل قاعدة البيانات ( بشكل مبسط جدا جدا)
طبعا كما قلنا .. تحليل بسيط وليس معمق جداً .. المشروع سوف يكون برنامج يقوم بخدمه موظف ما في ادخال البيانات إلى الصفحة ومن ثم يستطيع الاستعلام عن البيانات التي ادخلها وطبعا هذا الموظف مايقدر يدخل الصفحة الا بباسورد ويوزر نيم . وكذلك ادارة الصفحات اي لا يمكن الدخول على الصفحة الرئيسية قبل الدخول على صفحة تسجيل الدخول ..
العمل الاساسي للمشروع كالتالي :
يدخل المستخدم على الصفحة ومن ثم يطلب منه اسم المستخدم وكلمه المرور وسوف يتحقق منها من خلال قاعدة البيانات اذا كان الاسم موجود فعلا ومطابق للاسم المدخل والباسورد سوف يدخله على الصفحة التالية .. وفي الصفحة التالية سوف يكون هناك نموذج اداخل البيانات وحفظ البيانات في قاعدة بيانات وكذلك سوف يكون هناك صفحة اخرى للبحث عن شخص معين ومن ثم جلب المعلومات الخاصة به .. (اي المشروع كله تسجيل دخول واضافة بيانات واستعلام ) ومن ثم سوف نقوم بالتطوير عليه من ناحية التعديل والحذف
النقطة الثانيه :
2- إنشاء قاعدة بيانات ( اكسس )
في هذه المهم سوف ننشأ الجداول المطلوبة لعمل هذا المشروع وسوف تكون كالتالي
1 - جدول الموظفين
2 - جدول المستخدمين
ملاحظة : اسم قاعدة البيانات اجعلها db1
شرح تركيبة الجداول
1- جدول الموظفين ... اتبع التالي عمل جدول الموظفين بهذه البيانات
إنشا جدول باسم Emp ويحتوي على الحقول التالية :
Name
Job
sal
ونوع الحقل اجلهم كلهم من نوع Text لكي يكون لديك الجدول بهذا الشكل

احفظ الشغل ثم إنشأ جدول آخر للمستخدمين وسوف يكون اسمه USERS ويحتوي على الحقول التالية :
USERNAME
PASSWORD
ونوع الحقل اجلهم كلهم من نوع Text لكي يكون لديك الجدول بهذا الشكل

الان قم بتعبأة جدول المستخدمين وضع فيه اسم مستخدم انا وضعت فيه هذا الشكل
USER NAME : ALI
PASSWORD : ALI
الان انتهينا من تصميم القاعدة وهذي هي اول خطوة نخطوها إلى عالـــــــــــــم الـ ASP.NET
طبعا ملاحظة : قاعدة البيانات سوف نرفقها مع المشروع لتصميم الصفحة فيما بعد ..
النقطة الثالثة :
3- تصميم الصفحات في بيئة عمل Microsoft Visual Studio 2005
شغل الفيجوال ستيديوا دوت نت واختر منه مشروع ASP.NET

اضغط على New Web Site لكي تظهر لك هذه النافذة التالية

طبعا عند الضغط على زر موافق راح يحفظ لك المشروع في المسار الافتراضي وهو في المستندات في مجلد Visual Studio 2005 طبعا عشان يكون شغلنا مرتب ومافيه اي كمفيوز تشويش لنشا لنا مجلد داخل ملجد الـ Visual Studio 2005 باسم خاص لنا .. لعمل هذا المشروع اضغط على زر براوز Browse وانشأ مجلد باسم hiarab Team كما في الصورة التالية

اضغط على زر Open ثم سوف ترجع إلى النافذة الاولى اضغط على زر OK
سوف تلاحظ انه تم انشاء صفحة باسم Default.aspx سوف نقوم بتغير هذا الاسم إلى Login.ASPX لتغير اسم الصفحة اعمل التالي انظر جهة اليمين من بيئة عمل الفيجوال ستيديوا لكي ترى كلمة Solution Explorer وسوف ترى اسم الصفحة اضغط عليها ضغط واحدة او ضغطتني سريعتني على الكلام وليس الايقونه لكي يحرر النص وتكتب الاسم الجديد لكي يظهر لديك الشكل النهائي بعد تغير الاسم كالتالي

الان عرفنا كيف نغير الاسم للصفحة والان لدينا فقط صفحة واحدة في المشروع سوف نضيف كذلك صفحتين الاولى ستكون للاضافة والثانية للاستعلام طبعا مجموع الصفحات ثلاث
الاولى تسجيل الدخول
الثانيه لأضافة بيانات
الثالثة للاستعلام
اذا لنضيف صفحة ثانيه اتبع التالي لكي تضيف صفحة ثانيه انظر في التول بار شريط الادوات الي تحت القوائم سوف تجد ايقونه على شكل مربع وفيها مربعات صغار ملونين انظر للصورة للتوضيح

اضغط على كلمه Add New Item لكي تظهر لك الشاشة التالية لكي تختار صفحة جديدة

حدد النموذج المحدد في الصورة الذي حمل اسم Web Form ثم غير اسمه وسوف تجد اسمه الافتراضي Default.aspx غير الاسم إلى addNew.aspx كما هو في الصورة السابقة
ثم اضغط على زر موافق لكي يتم اضافة الصفحة في المشروع
ملاحظة : احفظ المشروع كل بين فترة " انا تعلمت هذا الشيء من يوم كنت اعمل في مشروع التخرج ما احفظ المشروع ومن ثم تاتي مشكلة في الجهاز ويروح كل شيء هههه " ولذا كل عملية تسويها احفظ المشروع اضغط على زر save
لو تلاحظ انه بعد اضافة الصفحة ظهرت لدينا في الاعلى اسمها مع الصفحة الاخرى انظر إلى الصورة التالية

وسوف تتنقل بين الصفحات من خلال التبويبات الموجودة في الأعلى.. من الصفحة الاولى والثانية والثالثة
الان قم بإضافة صفحة ثالثة كما عملنا في السابق وقم بتسميتها كالتالي Query.aspx كما في الصورة التالية

بعد الانتهاء من اضافة الصفحة لاحظ في الاعلى انه لدينا ثلاث صفحات كما في الصورة

الان انتهينا من إضافة الصفحات " وليس من تصميم الصفحاات " احفظ المشروع لكي نبدأ بالخطوة التالية ...
في شغلة مهمه جدا وهي لكي تستطيع تحريك الادوات على الصفحة بحرية مطلقة يجب عليك عمل التالي
إذهب من خلال القائمة Layout واختر منها Position ثم Auto-position Options..

اضغط على Auto-position Options.. لكي تظهر لك الشاشة التالية

ضع ( صح ) على الشيك لكي تتفعل الكمبو بوكس واجعل الخيار الافتراضي Absolutely Positioned
اضغط على زر موافق Ok لكي تغادر هذه النافذة الان اصبحت بيئة العمل اكثر متعة في تحريك الادوات والتحكم فيها من حيث الموقع للاداة .. احفظ المشروع للخطوة التالية
أذهب إلى صفحة login.aspx واجعلها هي المحددة حالية كما شرحنا مسبقاً كيفة الانتقال بين الصفحات من خلال التبويب
طبعا بما انه مشروع صغير لا نريد الكثير من التعقيدات في التصميم ولذا سوف يكون التصميم سهل جداً لكي الكل يستفيد ومن ثم تشغيل المهارات فيما بعد,,,
سوف نضيف في الصفحة حقلين وزر واحد وسوف نقوم بالكتابة في الصفحة كما انك تكتب في الفرونت بيج ..
لكي تضيف ادوات على الصفحة اتبع التالي
انظر جهه اليسار من بيئة التصميم لكي ترى كلمه ToolBox مرر الماوس عليه لكي تنفتح لك قائمة الادوات

اضف التالي على الصفحة
TextBox -- اضف ثلاثة
Button -- اضف واحد
Label --اضف ثلاثة
لكي يكون الشكل كالتــالي :

الان سوف نقوم بضبط االادوات وتغير بعض خصائصها ونبدأ اولا بالليبل Label
حدد الليبل الاول الذي في الاعلى Label1 ثم اضغط عليه بالزر الايمن ثم اختر منه خصائص Properties لكي تظهر لك النافذة الخاصة بالخصائص وسوف تجهدها في اليمين كما في الصورة التالية

عند الخاصية Text اكتب النص التالي
Please Enter User Name And Password to login:
بالعربي
فضلا ادخل اسم المستخدم وكلمه المرور للدخول
بما انه الان عرفت كيف تغير التكست الموجود في الليبل غير الليبل 2 و 3 لكي يكون كالتالي
Label2-->> Text = User Name
Label3-->> Text = Password
Button1-->> Text = OK
لكي يكون لديك الشكل النهائي كما في الصورة التالية

واذا صار شغلك نفس هذا الشغل .. انا اقول لك مبروك خلصنا الصفحة الاولى لتسجيل الدخول طبعا خلصنا التصميم فقط للصفحة الاولى وباقي لدينا صفحتين
إذهب إلى الصفحة addNew.aspx واضف فيها هذه الادوات التالية
Label -- أضف اربعه
TextBox -- اضف ثلاثة
Button -- اضف واحد
لكي يظهر لك الشكل التالي

قم بتغير خصائص الادوات كالتالي بالترتيب
Label1-->> Text = Please Enter Information For Employee
Label2-->> Text = Name
Label3-->> Text = Job
Label4-->> Text = Salary
Button1-->> Text = Save
لكي يصبح الشكل النهائي للصفحة بهذا الشكل التالي

مبرووك الان انتهينا من تصميم صفحة الاضافة addNew.aspx
انتقل إلى التويب الأخير للصفحة الاخيرة وهي Query.aspx صفحة الاستعلام
قم بوضع الادوات التالية على الصفحة
Label -- أضف اثنان
TextBox -- اضف واحد
Button -- اضف واحد
GridView-- اضف واحده
لكي يظهر لك الشكل التالي

لو تلاحظ اننا استخدمنا اداة جديدة وهي الـ GridView اذا لم تعرف اين موقعها في الأدوات انظر إلى الصورة التالية لتوضح موقعها لكي تضيفها على الصفحة

اضبط الادوات التي على الصفحة كالتالي :
Label1-->> Text = Please Enter Name for Search
Label2-->> Text = Name
Button1-->> Text = Find
الدتا قريد فيوا.. هنا سوف نضبط الوانها اتبع التالي حدد الداتا قريد وسوف ترى الوسم السحري في الجانب اليمن من الداتا قريد اضغط عليه وسوف تظهر هذه الخصائص

اضغط على الكلمه Auto Format.. لكي تظهر لك الشاشة التالية لاختيار شكل للداتا قريد

لو تلاحظة في جهه اليسار Select a Scheme هنا عدة اشكال للداتا قريد اختر اي لون يعجبك ثم بعد ذلك اضغط على زر موافق .. لكي يكون الشكل النهائي للصفحة بهذا الشكل التالي

اوكي بهذا الشكل انتهينا من تصميم الصفحات بشكل مبسط بدون صور ويبقى لنا الان الكودنق كتابة الاكواد
قبل البدأ في كتابة الاكواد يجب عليك ان تعرف شيء مهم عندما تغلق المشروع وتريد ان تفتحه مرة اخرى .. طبعا احنا سمينا المشروع تبعنا hiarab Team وهذا هو اسم المجلد تبعنا الذي تم انشائة في المستندات لو تذهب إلى المستندات My Documents\Visual Studio 2005 سوف ترى التالي في جهازك انظر الصورة

طبعا الصفحات راح تكون كلها في الملجد الي اسمه hiarab Team
والمشروع المجمع راح يكون في ملجد Project لما تفتحه سوف ترى هذه الصورة

طبعا المشروع المجمع لكل الصفحات سوف يكون تحت المجلد hiarab Team يعني كل مرة تريد ان تفتح المشروع تاتي من هنا لكي ترى جميع الصفحات انظر الصورة التالية

باختصار شديد عندما تريد ان تفتح المشروع ادخل على هذا المجلد لكي ترى المجمع للمشروع وافتحه لكي تحصل على جميع الصفحات
ربما ياتي في بالك اخي القارئ سؤال وهو التالي : لماذا في المستندات في داخل مجلد الفيجوال ستيديوا دوت نت 2005 مجلد شبية آخر اسمه hiarab Team غير المشروع المجمع ؟ الجواب .. افتح المجلد السابق الذي في المستندات
My Documents\Visual Studio 2005\hiarab Team
انظر إلى الصورة

هنا صفحات المشروع كلها بدون المشروع المجمع لاظهار الملفات طبعا من خلال هذا المجلد تقدر تاخذ الصفحات ثم ترفعهم على السيرفر IIS الي مركز راح يفهم معي القصد طبعا بما اننا هنا في هذا المجلد
ربما تذكر اخي القارئ اننا صممنا قاعدة بيانات اكسس للمشروع قم بنسخها ثم ضعها في المجلد الذي يحمل اسم App_Data لكي تكون القاعدة في هذا المسار
My Documents\Visual Studio 2005\hiarab Team\App_Data
انظر الصورة

بهذه الطريقة انتهينا من الاعدادات الاولية التي يجب على كل مبرمج يريد الدخول في عالم الاي اس بي اكس ان يعرفها ..

وغداً باذن الله الجبار اذا الله احيانا نكمل المشروع وكتابة الاكواد البرمجية

تحياتي لكم اخوكم فنكشون سستم

2007-06-13, 09:27 PM	#1 (permalink)
FunctionSys عميد كلية تحت التدريب الجنس: ذكـــر الجنسية: المملكة العربية السعودية بلد الإقامة: السعودية الوظيفة: تكنلوجيا المعلومات - برمجة المؤهل الدراسي: البكلوريوس التخصص العلمي: كيف عرفت عن موقعنا: عن طريق صديق تاريخ التسجيل: Jun 2005 المشاركات: 633 شكراً: 16 تم شكره 9 مرة في 6 مشاركة معدل تقييم المستوى:5	مشروع ASP.NET 2.0 قواعد بيانات من الصفر إلى الاحتراف .بأذن الله مشروع ASP.NET قواعد بيانات من الصفر إلى الاحتراف .بأذن الله بسم الله الرحمن الرحيم اللهم صلي على محمدٍ وآل محمد الطيبين الطاهرين .. نبدة عن لغة الـ ASP.NET 2.0 : لغة الاي اس بي دوت نت .. تعتبر لغة قوي جداً فهي تتعامل مع قواعد البيانات والاكواد البرمجية كما انك تتعامل مع برنامج Appliaction والحماية فيها عالية جداً .. طبعا لو تلاحظون انه اغلب المواقع بلغة الـ PHP وقليل ماتشوف ASPX ولكن الاغلب المواقع التي تحتاج حماية عالية وكذلك جلب بيانات من قاعدة البيانات ومعالجتها تستخدم لغة الاي اس بي اكس.. طبعا لابد تتعلم هذه اللغة الممتازة لانه اغلب الشركات في سوق العلم تطلب مبرمجين لغة الأي اس بي اكس.. ويجب ان تكون محترف فيها لكي تكون فعلا مبرمج ASP.NET مشروع ASP.NET قواعد بيانات سوف نقوم بشرح بعض الطرق المهمه لكي تمكنك في الدخول في عالم الـ ASP.NET وترشدك إلى الطريق الممتع في البرمجة لفهمها بشكل رائع ويكون فيها البرمجة هواية وليس تعقيد وتملل... متطلبات المشروع : 1- برنامج الاوفيس Microsoft Office بالاخص Microsoft Office Access 2003 2- برنامج التطوير Microsoft Visual Studio 2005 3- معرفة سطحية لكلا البرنامجين فقط معرفه ::: المـهام التي سوف نقوم بعملها في هذا المشروع ::: 1- تحليل قاعدة البيانات ( بشكل مبسط جدا جدا) 2- إنشاء قاعدة بيانات ( اكسس ) 3- تصميم الصفحات في بيئة عمل Microsoft Visual Studio 2005 4- كتابة الكود مع الشرح لكل كود 5- تطوير الصفحة وإكسائها بصور من خلال الادوبي فوتوشوب 6- رفع الصفحة على السيرفر IIS وتجربتها 7- مناقشات في المشروع واقتراحات وافكار لعمل مشروع بفكرة ممتازة طبعا لا اخفي عليكم سراُ انا مبتدء كذلك في لغة الاي اس بي اكس وليس محترف ... ولكن الحماس ذابحني والشوق للبرمجة ماخذني .. ( ليس عن الحبايب هههه ) الان البدأ في المشروع ونتوكل على الله العزيز الجبار .. النقطة الاولى : 1- تحليل قاعدة البيانات ( بشكل مبسط جدا جدا) طبعا كما قلنا .. تحليل بسيط وليس معمق جداً .. المشروع سوف يكون برنامج يقوم بخدمه موظف ما في ادخال البيانات إلى الصفحة ومن ثم يستطيع الاستعلام عن البيانات التي ادخلها وطبعا هذا الموظف مايقدر يدخل الصفحة الا بباسورد ويوزر نيم . وكذلك ادارة الصفحات اي لا يمكن الدخول على الصفحة الرئيسية قبل الدخول على صفحة تسجيل الدخول .. العمل الاساسي للمشروع كالتالي : يدخل المستخدم على الصفحة ومن ثم يطلب منه اسم المستخدم وكلمه المرور وسوف يتحقق منها من خلال قاعدة البيانات اذا كان الاسم موجود فعلا ومطابق للاسم المدخل والباسورد سوف يدخله على الصفحة التالية .. وفي الصفحة التالية سوف يكون هناك نموذج اداخل البيانات وحفظ البيانات في قاعدة بيانات وكذلك سوف يكون هناك صفحة اخرى للبحث عن شخص معين ومن ثم جلب المعلومات الخاصة به .. (اي المشروع كله تسجيل دخول واضافة بيانات واستعلام ) ومن ثم سوف نقوم بالتطوير عليه من ناحية التعديل والحذف النقطة الثانيه : 2- إنشاء قاعدة بيانات ( اكسس ) في هذه المهم سوف ننشأ الجداول المطلوبة لعمل هذا المشروع وسوف تكون كالتالي 1 - جدول الموظفين 2 - جدول المستخدمين ملاحظة : اسم قاعدة البيانات اجعلها db1 شرح تركيبة الجداول 1- جدول الموظفين ... اتبع التالي عمل جدول الموظفين بهذه البيانات إنشا جدول باسم Emp ويحتوي على الحقول التالية : Name Job sal ونوع الحقل اجلهم كلهم من نوع Text لكي يكون لديك الجدول بهذا الشكل احفظ الشغل ثم إنشأ جدول آخر للمستخدمين وسوف يكون اسمه USERS ويحتوي على الحقول التالية : USERNAME PASSWORD ونوع الحقل اجلهم كلهم من نوع Text لكي يكون لديك الجدول بهذا الشكل الان قم بتعبأة جدول المستخدمين وضع فيه اسم مستخدم انا وضعت فيه هذا الشكل USER NAME : ALI PASSWORD : ALI الان انتهينا من تصميم القاعدة وهذي هي اول خطوة نخطوها إلى عالـــــــــــــم الـ ASP.NET طبعا ملاحظة : قاعدة البيانات سوف نرفقها مع المشروع لتصميم الصفحة فيما بعد .. النقطة الثالثة : 3- تصميم الصفحات في بيئة عمل Microsoft Visual Studio 2005 شغل الفيجوال ستيديوا دوت نت واختر منه مشروع ASP.NET اضغط على New Web Site لكي تظهر لك هذه النافذة التالية طبعا عند الضغط على زر موافق راح يحفظ لك المشروع في المسار الافتراضي وهو في المستندات في مجلد Visual Studio 2005 طبعا عشان يكون شغلنا مرتب ومافيه اي كمفيوز تشويش لنشا لنا مجلد داخل ملجد الـ Visual Studio 2005 باسم خاص لنا .. لعمل هذا المشروع اضغط على زر براوز Browse وانشأ مجلد باسم hiarab Team كما في الصورة التالية اضغط على زر Open ثم سوف ترجع إلى النافذة الاولى اضغط على زر OK سوف تلاحظ انه تم انشاء صفحة باسم Default.aspx سوف نقوم بتغير هذا الاسم إلى Login.ASPX لتغير اسم الصفحة اعمل التالي انظر جهة اليمين من بيئة عمل الفيجوال ستيديوا لكي ترى كلمة Solution Explorer وسوف ترى اسم الصفحة اضغط عليها ضغط واحدة او ضغطتني سريعتني على الكلام وليس الايقونه لكي يحرر النص وتكتب الاسم الجديد لكي يظهر لديك الشكل النهائي بعد تغير الاسم كالتالي الان عرفنا كيف نغير الاسم للصفحة والان لدينا فقط صفحة واحدة في المشروع سوف نضيف كذلك صفحتين الاولى ستكون للاضافة والثانية للاستعلام طبعا مجموع الصفحات ثلاث الاولى تسجيل الدخول الثانيه لأضافة بيانات الثالثة للاستعلام اذا لنضيف صفحة ثانيه اتبع التالي لكي تضيف صفحة ثانيه انظر في التول بار شريط الادوات الي تحت القوائم سوف تجد ايقونه على شكل مربع وفيها مربعات صغار ملونين انظر للصورة للتوضيح اضغط على كلمه Add New Item لكي تظهر لك الشاشة التالية لكي تختار صفحة جديدة حدد النموذج المحدد في الصورة الذي حمل اسم Web Form ثم غير اسمه وسوف تجد اسمه الافتراضي Default.aspx غير الاسم إلى addNew.aspx كما هو في الصورة السابقة ثم اضغط على زر موافق لكي يتم اضافة الصفحة في المشروع ملاحظة : احفظ المشروع كل بين فترة " انا تعلمت هذا الشيء من يوم كنت اعمل في مشروع التخرج ما احفظ المشروع ومن ثم تاتي مشكلة في الجهاز ويروح كل شيء هههه " ولذا كل عملية تسويها احفظ المشروع اضغط على زر save لو تلاحظ انه بعد اضافة الصفحة ظهرت لدينا في الاعلى اسمها مع الصفحة الاخرى انظر إلى الصورة التالية وسوف تتنقل بين الصفحات من خلال التبويبات الموجودة في الأعلى.. من الصفحة الاولى والثانية والثالثة الان قم بإضافة صفحة ثالثة كما عملنا في السابق وقم بتسميتها كالتالي Query.aspx كما في الصورة التالية بعد الانتهاء من اضافة الصفحة لاحظ في الاعلى انه لدينا ثلاث صفحات كما في الصورة الان انتهينا من إضافة الصفحات " وليس من تصميم الصفحاات " احفظ المشروع لكي نبدأ بالخطوة التالية ... في شغلة مهمه جدا وهي لكي تستطيع تحريك الادوات على الصفحة بحرية مطلقة يجب عليك عمل التالي إذهب من خلال القائمة Layout واختر منها Position ثم Auto-position Options.. اضغط على Auto-position Options.. لكي تظهر لك الشاشة التالية ضع ( صح ) على الشيك لكي تتفعل الكمبو بوكس واجعل الخيار الافتراضي Absolutely Positioned اضغط على زر موافق Ok لكي تغادر هذه النافذة الان اصبحت بيئة العمل اكثر متعة في تحريك الادوات والتحكم فيها من حيث الموقع للاداة .. احفظ المشروع للخطوة التالية أذهب إلى صفحة login.aspx واجعلها هي المحددة حالية كما شرحنا مسبقاً كيفة الانتقال بين الصفحات من خلال التبويب طبعا بما انه مشروع صغير لا نريد الكثير من التعقيدات في التصميم ولذا سوف يكون التصميم سهل جداً لكي الكل يستفيد ومن ثم تشغيل المهارات فيما بعد,,, سوف نضيف في الصفحة حقلين وزر واحد وسوف نقوم بالكتابة في الصفحة كما انك تكتب في الفرونت بيج .. لكي تضيف ادوات على الصفحة اتبع التالي انظر جهه اليسار من بيئة التصميم لكي ترى كلمه ToolBox مرر الماوس عليه لكي تنفتح لك قائمة الادوات اضف التالي على الصفحة TextBox -- اضف ثلاثة Button -- اضف واحد Label --اضف ثلاثة لكي يكون الشكل كالتــالي : الان سوف نقوم بضبط االادوات وتغير بعض خصائصها ونبدأ اولا بالليبل Label حدد الليبل الاول الذي في الاعلى Label1 ثم اضغط عليه بالزر الايمن ثم اختر منه خصائص Properties لكي تظهر لك النافذة الخاصة بالخصائص وسوف تجهدها في اليمين كما في الصورة التالية عند الخاصية Text اكتب النص التالي Please Enter User Name And Password to login: بالعربي فضلا ادخل اسم المستخدم وكلمه المرور للدخول بما انه الان عرفت كيف تغير التكست الموجود في الليبل غير الليبل 2 و 3 لكي يكون كالتالي Label2-->> Text = User Name Label3-->> Text = Password Button1-->> Text = OK لكي يكون لديك الشكل النهائي كما في الصورة التالية واذا صار شغلك نفس هذا الشغل .. انا اقول لك مبروك خلصنا الصفحة الاولى لتسجيل الدخول طبعا خلصنا التصميم فقط للصفحة الاولى وباقي لدينا صفحتين إذهب إلى الصفحة addNew.aspx واضف فيها هذه الادوات التالية Label -- أضف اربعه TextBox -- اضف ثلاثة Button -- اضف واحد لكي يظهر لك الشكل التالي قم بتغير خصائص الادوات كالتالي بالترتيب Label1-->> Text = Please Enter Information For Employee Label2-->> Text = Name Label3-->> Text = Job Label4-->> Text = Salary Button1-->> Text = Save لكي يصبح الشكل النهائي للصفحة بهذا الشكل التالي مبرووك الان انتهينا من تصميم صفحة الاضافة addNew.aspx انتقل إلى التويب الأخير للصفحة الاخيرة وهي Query.aspx صفحة الاستعلام قم بوضع الادوات التالية على الصفحة Label -- أضف اثنان TextBox -- اضف واحد Button -- اضف واحد GridView-- اضف واحده لكي يظهر لك الشكل التالي لو تلاحظ اننا استخدمنا اداة جديدة وهي الـ GridView اذا لم تعرف اين موقعها في الأدوات انظر إلى الصورة التالية لتوضح موقعها لكي تضيفها على الصفحة اضبط الادوات التي على الصفحة كالتالي : Label1-->> Text = Please Enter Name for Search Label2-->> Text = Name Button1-->> Text = Find الدتا قريد فيوا.. هنا سوف نضبط الوانها اتبع التالي حدد الداتا قريد وسوف ترى الوسم السحري في الجانب اليمن من الداتا قريد اضغط عليه وسوف تظهر هذه الخصائص اضغط على الكلمه Auto Format.. لكي تظهر لك الشاشة التالية لاختيار شكل للداتا قريد لو تلاحظة في جهه اليسار Select a Scheme هنا عدة اشكال للداتا قريد اختر اي لون يعجبك ثم بعد ذلك اضغط على زر موافق .. لكي يكون الشكل النهائي للصفحة بهذا الشكل التالي اوكي بهذا الشكل انتهينا من تصميم الصفحات بشكل مبسط بدون صور ويبقى لنا الان الكودنق كتابة الاكواد قبل البدأ في كتابة الاكواد يجب عليك ان تعرف شيء مهم عندما تغلق المشروع وتريد ان تفتحه مرة اخرى .. طبعا احنا سمينا المشروع تبعنا hiarab Team وهذا هو اسم المجلد تبعنا الذي تم انشائة في المستندات لو تذهب إلى المستندات My Documents\Visual Studio 2005 سوف ترى التالي في جهازك انظر الصورة طبعا الصفحات راح تكون كلها في الملجد الي اسمه hiarab Team والمشروع المجمع راح يكون في ملجد Project لما تفتحه سوف ترى هذه الصورة طبعا المشروع المجمع لكل الصفحات سوف يكون تحت المجلد hiarab Team يعني كل مرة تريد ان تفتح المشروع تاتي من هنا لكي ترى جميع الصفحات انظر الصورة التالية باختصار شديد عندما تريد ان تفتح المشروع ادخل على هذا المجلد لكي ترى المجمع للمشروع وافتحه لكي تحصل على جميع الصفحات ربما ياتي في بالك اخي القارئ سؤال وهو التالي : لماذا في المستندات في داخل مجلد الفيجوال ستيديوا دوت نت 2005 مجلد شبية آخر اسمه hiarab Team غير المشروع المجمع ؟ الجواب .. افتح المجلد السابق الذي في المستندات My Documents\Visual Studio 2005\hiarab Team انظر إلى الصورة هنا صفحات المشروع كلها بدون المشروع المجمع لاظهار الملفات طبعا من خلال هذا المجلد تقدر تاخذ الصفحات ثم ترفعهم على السيرفر IIS الي مركز راح يفهم معي القصد طبعا بما اننا هنا في هذا المجلد ربما تذكر اخي القارئ اننا صممنا قاعدة بيانات اكسس للمشروع قم بنسخها ثم ضعها في المجلد الذي يحمل اسم App_Data لكي تكون القاعدة في هذا المسار My Documents\Visual Studio 2005\hiarab Team\App_Data انظر الصورة بهذه الطريقة انتهينا من الاعدادات الاولية التي يجب على كل مبرمج يريد الدخول في عالم الاي اس بي اكس ان يعرفها .. وغداً باذن الله الجبار اذا الله احيانا نكمل المشروع وكتابة الاكواد البرمجية تحياتي لكم اخوكم فنكشون سستم __________________ اِلهى قَدْ جُرْتُ عَلى نَفْسي فِي النَّظَرِ لَها فَلَهَا الْوَيْلُ اِنْ لَمْ تَغْفِرْ لَها اِلهى لَمْ يَزَلْ بِرُّكَ عَلَىَّ اَيّامَ حَياتي فَلا تَقْطَعْ بِرَّكَ عَنّى فى مَماتي اِلهى كَيْفَ آيَسُ مِنْ حُسْنِ نَظَرِكَ لى بَعْدَ مَماتي وَاَنْتَ لَمْ تُوَلِّني اِلاّ الْجَميلَ فى حَياتي http://hajhamid.com/flash/sound.swf

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

LinkBacks (?) LinkBack to this Thread: http://www.hiarab.net/article14320.html
أرسلت بواسطة	For	Type	التاريخ
مشروع ASP.NET 2.0 قواعد بيانات من الصفر إلى الاحتراف .بأذن الله - برمجة - شبكات - كمبيوتر - منتديات الفريق العربي للبرمجة	This thread	Refback	2008-10-18 10:17 AM
مشروع ASP.NET 2.0 قواعد بيانات من الصفر إلى الاحتراف .بأذن الله - برمجة - شبكات - كمبيوتر - منتديات الفريق العربي للبرمجة	This thread	Refback	2008-09-17 09:59 AM
مشروع ASP.NET 2.0 قواعد بيانات من الصفر إلى الاحتراف .بأذن الله - برمجة - شبكات - كمبيوتر - منتديات الفريق العربي للبرمجة	This thread	Refback	2008-08-19 08:22 AM