مشروع مركز دعم فني كامل بثلاث طرق مختلفة للدعم - خطوة بخطوة ان شاء الله

[redmond way]

الحمد لله اخى
كدة البرنامج شغال تمام ورسالة الخطاء ظهرت من ال installer لأنك نسخت الاسطوانة فا ما قدر يتعامل مع ملف التركيب اما الأن فالبرنامج نجح تركيبة .. وان شاء الله تتقنة قريبا . وعند اى مشكلة
حاول الأستعانة بالمساعدة الملحقة معة فهي مفيدة ...
والله يوفقك دايما واياك .

[asp2asp]

شكراً لمتابعتك أخي الكريم ..

وبانتظار الدروس .. والله يكتب الذي فيه الخير .. ويستفيد الجميع من هذه الدورة المصغرة ..

ونسأل الله العلي القدير أن يجعل إجتماعنا على طاعته ...

ومن خلال تجربة بسيطة لبيئة فيجوال ستديو .. وجدتها رائعة جداً .. وسهلة إلى حد كبير .. أتمنى أن تكون جميع الأمور بنفس السهولة ..

فالتركيبات النحوية متشابهه لحد كبير ..

تحياتي لكم جميعاً ..

[nothing4u]

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

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

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


ملاحظة مهمه :- الافضل ان لا ننتقل للخطوة التالية مالم ننجح في الخطوة الحالية يعني الي عنده اي اسئلة حول هذا الموضوع او المقدمة الرجاء يسالها ولا يخلي سؤاله لوقت ثاني لان في الدروس القادمة رح يكون هناك اسئلة اخرى فلا تدع الاسئلة تتراكم وان شاء الله ننتقل للخطوة الثانية لما نكون جاهزين باذن الله




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

نبدأ على بركة الله اول درس في هذا المثال والذي سيكون عبارة عن تخطيط للمشروع بشكل كامل ,, ينقسم الي قسمين اولاً تخطيط صفحات المشروع وثانياً تخطيط قاعدة البيانات .

المشروع هو عبارة عن مركز دعم فني بثلاث طرق مختلفة للدعم هي بالترتيب

دعم فني بواسطة الاسئلة والاجوبة (الاسئلة الشائعة)
دعم فني بواسطة التذاكر (بطاقات الدعم الفني)
دعم فني مباشر (دردشة مباشرة بين موظفين الدعم الفني والزبائن)

في مثالنا سنفترض اننا نقوم بتصميم مركز الدعم الفني هذا كجزء من موقع الكتروني تابع لشركة او مؤسسة معينه , مثلا شركة استضافة وتصميم
يقوم الزبرون بالتسجيل في الموقع بواسطة بريده الالكتروني وكلمة مرور ليحصل على حساب في الموقع خاص به يدخل من خلاله للوحة التحكم والتي يوجد بها امور متعدده من بينها مركز الدعم الفني هذا , اذا سوف يكون المركز خاص للمسجلين في الموقع وسيكون لدينا صفحات تسجيل عضو جديد وتسجيل دخول وفقدان كلمة المرور ... الخ


تخطيط صفحات الموقع التي سنصممها هي بالشكل التالي :-

اولاً :- المجلد الرئيسي للموقع (ويحتوي على الصفحات التالية)

الصفحة الرئيسية default.aspx
صفحة تسجيل عضو جديد registration.aspx وهلي الصفحة التي يتم من خلال الحصول على عضوية جديدة في الموقع
صفحة تسجيل الدخول signin.aspx وهي الصفحة التي يستخدمها الاعضاء المسجلين للدخول لحسابهم
صفحة فقدان كلمة المرور ومعلومات العضوية senddetails.aspx وهي الصفحة التي تستخدم في ارسال كلمة المرور في حال فقدانها واي تفاصيل اخرى
صفحة عرض رسائل المعلومات detailspage.aspx وهي الصفحة التي يتم بها عرض تفاصيل العمليات مثلا نجاح التسجيل او فشل العملية او نجاح نشر الموضوع .... الخ


ثنانياً :- مجلد لوحة تحكم الاعضاء الفرعي عن المجلد الرئيسي للموقع (ويحتوي على الصفحات التالية)

الصفحة الرئيسية للوحة التحكم default.aspx
صفحة الاطلاع على التفاصيل الشخصية myprofile.aspx وهي الصفحة التي يتم من خلالها الاطلاع على تفاصيل المعلومات الشخصية التي اعتمدها المستخدم عند التسجيل
صفحة تحديث الملف الشخصي myprofile_edit.aspx ويتم من خلالها تحديث المعلومات الشخصية
صفحة تغيير البريد الالكتروني وكلمة المرور myprofile_mail_pass.aspx وهي الصفحة التي يتم من خلالها تغيير البريد الالكتروني وكلمة المرور للحساب


ثالثاً:- مجلد الدعم الفني الفرعي عن مجلد لوحة تحكم الاعضاء (ويحتوي على الصفحات التالية)

الصفحة الرئيسية default.aspx
صفحة الاسئلة والاجوبة faq.aspx ويتم بها عرض مجموعات الدعم الفني وعند اختيار مجموعة يتم عرض جميع الاسئلة المقترحه داخل هذه المجموعة وعند اختيار سؤال يتم عرض الجواب عليه
صفحة التحكم في التذاكر support-system.aspx ويتم بها عرض جميع التذاكر التي قام العضو بفتحها عنوانها وتاريخ النشر وعدد الردود ووو وعند الضغط على احد هذه التذاكر يتم استعراض التذكرة من خلال صفحة استعراض التذاكر
صفحة استعراض التذاكر show-request.aspx ويتم بها استعراض محتويات التذكرة من ردود عليها كم يمكن اضافة رد او اغلاق التذكرة او فتحها او خذفها نهائياً
صفحة حذف التذكرة delete-request.aspx ويتم بها عرض رسالة تأكيد لى عملية حذف التذكرة فاذا اكد المستخدم رغبته في حذفها يتم حذف التذكرة وجميع الردود عليها من قاعدة البيانات
صفحة اضافة تذكرة جديدة add-request.aspx ويتم من خلالها اضافة تذكرة جديده لنظام الدعم الفني بواسطة التذاكر
صفحة دخول نظام الدعم الفني المباشر live-support.aspx وهي الصفحة التي سوف يدخل من خلال المستخدم للدردشة المبسطة بينه وبين موظفين الدعم الفني


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


تخطيط قاعدة البيانات :-

1 – جدول المستخدمين TUsers
ويختص بتخزين معلومات المستخدمين والاعضاء في الموقع ويحتوي على الحقول التالية


اسم الحقل نوع الحقل وصف الحقل
UID Bigint
مفرد لايمكن تكراره وترقيم تلقائي رقم العضو
GID bigint رقم مجموعة العضو
Email text البريد الالكتروني
Pass text كلمة المرور
FullName text الاسم الكامل
CompanyName text اسم الشركة
Address text العنوان
City text المدينة
Country text البلد
WebSiteUrl text عنوان موقع الكتروني مرتبط
Telephone text رقم الهاتف
Fax text رقم الفاكس
Note text ملاحظات اضافية
ReDate Datetime تاريخ ووقت التسجيل



2 – جدول مجموعات الاعضاء TUsersGroups
ويحتوي على ثلاث مجموعات اساسية مجموعة المدراء والاعضاء والموقوفين ويحتوي على الحقول التالية



اسم الحقل نوع الحقل وصف الحقل
GID Bigint
مفرد لايمكن تكراره وترقيم تلقائي رقم المجموعة
GName text اسم المجموعة



3 – جدول مجموعات الدعم الفني TSSystemGroups
ويحتوي على انواع مجموعات الدعم الفني المختلفة والتي ستم تقسيم التذاكر والاسئلة والاجوبة في داخلها حسب اختيار المدير لنوع السؤال او اختيار العضو لنوع التذكرة , ويجتوي على الحقول التالية


اسم الحقل نوع الحقل وصف الحقل
SSGroupID Bigint
مفرد لايمكن تكراره وترقيم تلقائي رقم المجموعة
GroupName text اسم المجموعة




4- جدول الاسئلة والاجوبة TFaq
ويحتوي على الاسئلة والاجوبة المقترحة والتي يتم عرضها في صفحة الاسئلة والاجوبة ويحتوي على الحقول التالية



اسم الحقل نوع الحقل وصف الحقل
FaqID Bigint
مفرد لايمكن تكراره وترقيم تلقائي رقم السؤال
SSGroupID bigint رقم مجموعة الدعم الفني التي يتبع لها هذا السؤال
FaqTitle text عنوان السؤال
FaqBody text نص السؤال والجواب






5– جدول التذاكر TSSystemRequests
خاص بالتذاكر التي يقوم الاعضاء بفتحها من خلال صفحة الدعم الفني بالتذاكر ويحتوي على الحقول التالية



اسم الحقل نوع الحقل وصف الحقل
SSRequestID Bigint
مفرد لايمكن تكراره وترقيم تلقائي رقم البطاقة
SSGroupID bigint رقم المجموعة التابعة لها البطاقة
SSRequestOwnerID bigint رقم عضوية مالك التذكرة
SSRequestSubject text عنوان التذكرة
SSRequestBody text نص التذكرة
SSRequestDate datetime تاريخ نشر التذكرة
SSRequestStatus text حالة التذكرة اما open or close




6– جدول الردود TSSystemReplys
ويحتوي على الردود على تذاكر الدعم الفني , يحتوي على الحقول التالية



اسم الحقل نوع الحقل وصف الحقل
SSRReplyID Bigint
مفرد لايمكن تكراره وترقيم تلقائي bigint
SSRequestID bigint رقم البطاقة او التذكرة التابع لها هذا الرد
SSReplyOwnerID bigint رقم عضوية صاحب الرد
SSReplyTitle text عنوان الرد
SSReplyBody text نص الرد
SSReplyDate datetime تاريخ نشر الرد





هكذا نكون قد انتهينا من تخطيط قاعدة البيانات وتخطيط ملفات الموقع وان شاء الله في الدرس القادم سوف نبدأ بتصميم صفحات التسجيل وفقدان كلمة المرور وصفحة تسجيل الدخول وصفحة التعليمات (وهي الصفحات التي ستكون موجوده في داخل المجلد الرئيسي للمشروع)



ملاحظة مهمة :- بعد تصميم كل جدول من الجداول التالية يجب ان تقوم باعطائه الصلاحيات من ال SQL Server
في البداية تقوم بانشاء قاعدة بيانات جديدة ومن خلال منطقة الاعضاء بها Users
تقوم بانشاء عضو جديد او مستخدم جديد للقاعدة وهذا المستخدم يكون غالبا بهذا الاسم XP/ASPNET
حيث ان XP هو اسم جهازك

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




لتحميل ملف الشرح بتنسيق الجداول ووو بالمرفقات (الافضل تطلع عليه لانه مرتب اكثر من الموضوع)

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


في امان الله

[nothing4u]

تعقيب :- طريقة انشاء الصفحات ووضع الادورات عليها وانشاء الجداول والحقول في قاعدة البيانات افترضت مسبقا انك قد نجحت في عملها فاذا اي واحد ماقدر يعملها الرجاء ان يقول هذا وان شاء الله شارح الطريقة


في امان الله وحفظة

[asp2asp]

أشكرك أخي الكريم على هذه البداية القوية ..

والحقيقة أنني لم أتعامل مع قواعد بيانات sql server من قبل ..

وأرفق صورة لأحد الجداول التي قمت بتصميمها .. فلا أدري أهكذا تريد أم هناك طريقة أخرى ؟

[nothing4u]

أشكرك أخي الكريم على هذه البداية القوية ..

والحقيقة أنني لم أتعامل مع قواعد بيانات sql server من قبل ..

وأرفق صورة لأحد الجداول التي قمت بتصميمها .. فلا أدري أهكذا تريد أم هناك طريقة أخرى ؟

تعم اخي هذه هي الطريقة ان شاء الله

لكن تذكر ان الحقول الي مكتوب عليها ترقيم تلقائي ومنفرد هذه لازم تكون ترقيم تلقائي وعدم تكرار



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

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

في امان الله

[asp2asp]

لا حول ولا قوة إلا بالله .. إن لله وإنا إليه راجعون ..

أحسن الله عزائك أخي الكريم ..

وإن شاء الله تكون آخر الأحزان ..


وخذ راحتك أخي الكريم .. وقلوبنا معاك ..

بالنسبة لـ

لكن تذكر ان الحقول الي مكتوب عليها ترقيم تلقائي ومنفرد هذه لازم تكون ترقيم تلقائي وعدم تكرار

فأنا وضعتها مثل ما أنت وضعتها في الجدول bigint .. فهل هذا صحيح؟ .. أم هناك تعديل ؟

تحياتي لك ..

[nothing4u]

لا حول ولا قوة إلا بالله .. إن لله وإنا إليه راجعون ..

أحسن الله عزائك أخي الكريم ..

وإن شاء الله تكون آخر الأحزان ..


وخذ راحتك أخي الكريم .. وقلوبنا معاك ..

بالنسبة لـ


فأنا وضعتها مثل ما أنت وضعتها في الجدول bigint .. فهل هذا صحيح؟ .. أم هناك تعديل ؟

تحياتي لك ..

لازم تضغط على الحقل بالزر اليمين وتختار Primary Key
ومن خصائص الحقل تحت عند الخاصية Identity
تختار نعم

وكذا يكون ترقيم تلقائي وعدم تكرار ان شاء الله

[asp2asp]

تم بحمد الله إتمام إضافة الجداول ..

وكل هذا يعود بعد الله إليك nothing4u..

والآن جاهزون للدروس ..

وعندي تساؤل .. هل بإمكاني تصدير الجداول وأستوردها من جهاز آخر ..؟

تحياتي لك ..

[nothing4u]

تم بحمد الله إتمام إضافة الجداول ..

وكل هذا يعود بعد الله إليك nothing4u..

والآن جاهزون للدروس ..

وعندي تساؤل .. هل بإمكاني تصدير الجداول وأستوردها من جهاز آخر ..؟

تحياتي لك ..

ان شاء الله بكره اخوي بنشر الدرس القادم

نعم يمكنك تصدير واستيراد قاعدة بيانات اختر بالزر اليمين على القاعده ومن داخل ال
ALL Tasks

اختر Import Data
او Exposrt Data

بعدين تطلع لك شاشة الاستيراد او التصدير

ملاحظة قاعدة بياناتك تجدها في هذا المسار
C:\Program Files\Microsoft SQL Server\MSSQL\Data

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

يوم تتصل مع قاعدة البيانات في الاستضافة الموجوده على الانترنت فهناك طريقة من نفس ال SQL Server
لكي تتصل من خلالها مع القاعده في الانترنت وهكذا تفتح لك القاعدة داخل البرنامج كانها
قاعدة موجوده في جهازك مثل باقي القواعد وتقدر تصدر لها او تستورد
منها قواعد اخرى او حقول او جداول او ... الخ يعني تحكم كامل
مثل اي قاعدة اخرى موجوده على الجهاز ان شاء الله نذكرها فيما بعد

[nothing4u]

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


نبدأ بالدرس الثاني باذن الله تعالى


ملاحظة : يمكنك تخطي جميه الردود التي بها الدرس
الثاني وهو هذا الرد والرد الثاني والثالث في هذه الصفحة وتحميل الشرح مباشرة
من الرد الرابع في هذه الصفحة وهذا عنوانه
http://www.swalif.net/softs/showpost...0&postcount=29



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

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

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

قد يطول الدرس قليلا فلا بأس من التمعن فيه وقرأته مرة ومرتين وثلاثه ومن ثم نستقبل ان شاء الله تعالى اية اسالة عليه ولن ننتقل الي الخطوة التي تلية مالم ننهي فهمه بالكامل ان شاء الله


في مجلد الموقع الرئيسي انشئنا في الدرس السابق صفحة باسم
registration.aspx

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

معلومات الحساب , البريد الالكتروني وكلمة المرور
وهي المعلومات التي سيستخدمها العضو لتسجيل دخوله في الموقع حيث يكون البريد الالكتروني هنا بمثابة اسم المستخدم للعضو

ننشىء على النموذج اربع ادوات من نوع
TextBox
ونضع بجانب كل ادارة منها اداة اخرى من نوع
Label
لكتابة التلميحات التي بجانب كل اداة , مثلا في جانب ادارة البريد الالكتروني نكتب ادخل بريدك الالكتروني وهكذا
والاربع ادوات تكون بالتريب التالي :-
البريد الالكتروني
إعادة البريد الالكتروني
كلمة المرور
إعادة كلمة المرور

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

اسفل هذه الحقول نقوم بانشاء حقول اخرى من اجل المعلومات الشخصية والتي تكتون بالترتيب بهذا الشكل
الأسم الكامل
أسم الشركة
العنوان الكامل
المدينة
الدولة
الموقع الالكتروني
رقم الهاتف
رقم الفاكس

كما ستحتوي الصفحة على ثلاثة ازرار
Button
واحد للتسجيل والثاني لالغاء العملية والثالث لافراغ الحقول او اعادة تهيئتها

كما ستحتوي على اداة من نوع
Label
اسمها البرمجي هو
ErrorLabel
من اجل عرض رسائل الخطأ في داخلها

(( كما هو موضع في الصورة 1 في المرفقات ))
http://www.swalif.net/softs/attachme...id=29615&stc=1


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

من بين هذه الخصائص يوجد خاصية هامة جدا وهي التي تحمل اسم
(ID)
وهذا هو الاسم البرمجي لهذه الاداة فعند كتابتنا للكود وعندما نتعامل مع هذه الاداة فسوف نستدل عليها من خلال اسمها البرمجي هذا فسوف تلاحظ اني قد غيرت الاسماء الافتراضية في المثال فمثال الحقل الخاص بالبريد الالكتروني قمت بتتسميته ب
EmailB
والحقل الخاص باعادة البريد الالكتروني قمت بتسميته ب
REmailB

وهكذا من اجل سهولة تذكرها عند التعامل معها في الكود


ملاحظة اخرى :- الصفحة نفسها يوجد لها مجموعة من الخصائص من بينها تغيير لون الخلفيه او تغيير اتجاه الصفحة من اليمين لليسار او اليسار لليمين .... الخ

وكذلك الحقول الخاصة بكلمة المرور يوجد لها خاصية هامة جدا وهي باسم
textmode
يمكنك هناك من اختيار نوع الحقل هل باسوورد ام متعدد السطور او سطر واحد

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

(( اطلع على الصورة 2 في المرفقات ))
http://www.swalif.net/softs/attachme...id=29616&stc=1


ملاحظة : الدولة سوف نستخدم لها الاداة من نوع
DropDownList
وهي القائمة المنسدلة وسوف نقوم بتعبئتها من خصائص هذه الاداة بجميع اسماء الدول العربية

(( اطلع على الصورة رقم 3 في المرفقات ))
http://www.swalif.net/softs/attachme...id=29617&stc=1

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

اذا حتى الان صفحتنا تنفسم لقسمين صفحة العرض وصفحة مصدر كود ال
HTML

(( اطلع على صورة رقم 4 في المرفقات ))
http://www.swalif.net/softs/attachme...id=29618&stc=1

ويبقى القسم الثالث من الصفحة وهو اهم قسم ومجال تعلمنا هنا وهو مايسمى بالكود الخلفي او المنطقة التي تقوم انت بكتابة كودك البرمجي في داخلها ويخزن هذا الكود في صفحة مستقلة فاذا كان اسم صفحتك هو
index.aspx
فسوف يتم تخزين الكود الخلفي في صفحة اسمها
index.aspx.vb
وفي مصدر كود ال
Html
سوف تلاحظ انه قد تم استدعاء صفحة الكود الخلفي في اول سطر في صفحة ال
HTML
حيث يتم تعريف اللغة المستخدمة كذلك

من اجل دخول صفحة الكود الخلفي اضغط مرتين على اي اداة في داخل النموذج او اضغط مرتين على اي منطقة فارغه على الصفحة لتفتح لك صفحة جديده باسم
registration.aspx.vb
وهي صفحة الكود الخلفي والتي سنقوم بكتابة الكود داخلها
او اختر بالزر اليمين على اسم الصفحة في قائمة
Solution Explorer
واختر
View Code

(( اطلع على صورة رقم5 في المرفقات ))
http://www.swalif.net/softs/attachme...id=29619&stc=1

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

حيث ان
SignUpButton
هو الاسم البرمجي لاداة الزر والذي قمنا بالتعريف به في بداية هذا الشرح

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

Private Sub SignUpButton_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles SignUpButton.Click

End Sub

نقوم بكتابة الكود الذي نرغب ان يتم تطبيقة عند حدوث هذا الحدث
والحدث الذي طلباه هنا ستجده في نهاية تعريف بداية الدالة وهو
Handles SignUpButton.Click
اي عند النقر مرة واحد على هذه الاداة ولتغيير الحدث ستجد في اعلى صفحة الكود الخلفي قائمتين منسدلتين الاولى تختار منها اسم الاداة والثاني تختار منها الحدث الذي ترغب بتنفيذ الكود عند حدوثه
وتختلف الاحداث لكل اداة على حسب نوعها


الان نحن نملك صفحة نموذج عليها اداوات وحقول من اجل استخدامها لادخال المعلومات من قبل المستخدم وبعد انتهاء المستخدم من ادخال هذه المعلومات سوف يضغط على زر التسحيل واسمه البرمجي هو
SignUpButton
ليتم عملية تسجيله . مايحصل عند ضغط المستخدم مرة واحده على الزر انه يتم الانتقال للكود الخلفي للصفحة ومن ثم البحث عن دالة حدث النقر مرة واحد على الزر وينفذ الكود الخاص بهذا الحدث

اذا كودنا البرمجي الكامل لعملية التسجيل سيكون داخل حدث النقر مرة واحده على زر التسجيل


تخطيط الكود سيكون بالشكل التالي

1- التاكد من ان المستخدم ادخل البريد الالكتروني
2- التاكد من ان المستخدم اعاد ادخال البريد الالكتروني
3- التاكد من ان البريد الالكتروني متطابق في الحقلين
4- التاكد من ان المستخدم ادخل كلمة المرور
5- التاكد من ان المستخدم قد اعاد عملية ادخال كلمة المرور
6- التاكد من ان كلمة المرور متطابقة في الحقلين
7- التاكد من ان كلمة المرور المدخله لا تقل عن ستة احرف وهي اقل طول مسموح به

8- في حالة عدم ادخال المستخدم لاسمه الكامل نقوم بتعبئة قيمة افتراضية هي
N/A
داخل حقل اسم المستخدم
ونكرر الخطوة السابقة مع اسم الشركة وووو حتى نهاية بقية الحقول الاخرى

9- الاتصال مع قاعدة البيانات وتعريف ادوات الاتصال
10 - التأكد من ان البريد الالكتروني المدخل غير مستخدم من قبل عضو اخر
11- نقوم بتخزين معلومات العضو في قاعدة البيانات
12- نقوم بتحويل المستخدم لصفحة المعلومات ونخبره بان عملية تسجيلك في الموقع قد تمت بنجاح


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

جميع الخطوات السابقة يتم كتابتها داخل حدث النقر مرة واحده على زر التسجيل
اضغط مرتين على زر التسجيل واسمه البرمجي هو
SignUpButton
سينقل بك البرنامج الي داخل صفحة الكود الخلفي والي يكون اسمها
registration.aspx.vb
وسينشىء دالة تحمل حدث النقر على الزر مرة واحده اي ان الكود سيتم تطبيقة عند النقر مرة واحده على الزر

الدالة التي سينشئها هي التالية

    Private Sub SignUpButton_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles SignUpButton.Click

هنا نكتب الكود البرمجي الخاص بنا

    End Sub

في المكان المخصص وبين بداية الدالة ونهايتها نكتب كودنا البرمجي وهو كالتالي


1- التاكد من ان المستخدم ادخل البريد الالكتروني

If EmailB.Text = Nothing Then
            ErrorLabel.Text = "الرجاء ادخال البريد الالكتروني"
            Exit Sub
        End If

تحليل الكود : في اول سطر استخدمنا جملة شرطية من اجل التحقق من ان الاداة التي تحمل اسم برمجي
EmailB
قد تم ادخال نص في داخلها
Emailb.Text
هذه تعني النص الموجود داخل الاداة او القيمة المدخله داخلها
Nothing
تعني لا شيء

ErrorLabel.text = ""
هنا نقوم باسناد نص رسالة الخطأ للاداة التي تحمل الاسم البرمجي
ErrorLabel
ومن ثم نقوم باخراجه من الدالة كاملة باستخدام الامر
Exit Sub
وذلك لكي نمنعه من تنفيذ بقية الكود




2- التاكد من ان المستخدم اعاد ادخال البريد الالكتروني

If REmailB.Text = Nothing Then
            ErrorLabel.Text = "الرجاء اعادة ادخال البريد الالكتروني في المكان المخصص له"
            Exit Sub
        End If

3- التاكد من ان البريد الالكتروني متطابق في الحقلين

If EmailB.Text <> REmailB.Text Then
            ErrorLabel.Text = "البريد الالكتروني غير متطابق في الحقلين"
            Exit Sub
        End If

EmailB.Text <> REmailB.Text
هذه تعني ان النص المدخل في الاداة التي تحمل اسم
EmailB
لا يساوي النص المدخل في الاداة التي تحمل الاسم البرمجي
REmail



يـــــــــــ في الرد التالي ــتــــبع

[nothing4u]

4- التاكد من ان المستخدم ادخل كلمة المرور
5- التاكد من ان المستخدم قد اعاد عملية ادخال كلمة المرور
6- التاكد من ان كلمة المرور متطابقة في الحقلين

If PassB.Text = Nothing Then
            ErrorLabel.Text = "ادخل كلمة المرور في المكان المخصص"
            Exit Sub
        End If
        If RPassB.Text = Nothing Then
            ErrorLabel.Text = "اعد ادخال كلمة المرور في المكان المخصص"
            Exit Sub
        End If
        If PassB.Text <> RPassB.Text Then
            ErrorLabel.Text = "كلمة المرور غير متطابقة في الحقلين"
            Exit Sub
        End If

7- التاكد من ان كلمة المرور المدخله لا تقل عن ستة احرف وهي اقل طول مسموح به

If PassB.Text.Length < 6 Then
            ErrorLabel.Text = "كلمة المرور يجب ان تكون على الاقل ستة احرف او ارقام"
            Exit Sub
        End If

في الكود استخدمنا
PassB.Text.Length
وهذه تعني طول النص المدخل في الاداة التي تحمل الاسم
PassB



8- في حالة عدم ادخال المستخدم لاسمه الكامل نقوم بتعبئة قيمة افتراضية هي
N/A
داخل حقل اسم المستخدم
ونكرر الخطوة السابقة مع اسم الشركة وووو حتى نهاية بقية الحقول الاخرى

If FullNameB.Text = Nothing Then
            FullNameB.Text = "N/A"
        End If
        If CompanyNameB.Text = Nothing Then
            CompanyNameB.Text = "N/A"
        End If
        If AddressB.Text = Nothing Then
            AddressB.Text = "N/A"
        End If
        If CityB.Text = Nothing Then
            CityB.Text = "N/A"
        End If
        If WebSiteUrlB.Text = Nothing Then
            WebSiteUrlB.Text = "N/A"
        End If
        If TelephoneB.Text = Nothing Then
            TelephoneB.Text = "N/A"
        End If
        If FaxB.Text = Nothing Then
            FaxB.Text = "N/A"
        End If

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



نأتي الان الي اهم مرحلة في هذا الدرس وهي مرحلة الاتصال مع قاعدة البيانات وتعريف ادوات الاتصال مع القاعدة

9- الاتصال مع قاعدة البيانات وتعريف ادوات الاتصال
للاستفاده اكثر ارجع لهذا الموضوع
http://www.swalif.net/softs/showthread.php?t=160382

الاتصال مع قاعدة البيانات في ال
Ado.Net
يتكون من اربعة مراحل هي كالتالي

- مرحلة تعريف نص الاتصال ومتغير الاتصال
- اسناد نص الاتصال لمتغير الاتصال وهكذا يكون لدينا متغير للتحكم بقاعدة البيانات من فتح واغلاق .. الخ
- تعريف جملة السكويل
SQL Strring
وهي الجملة التي سوف نطبقها على قاعدة البيانات وتكون اما اضافة على القاعده او حذف او تعديل ...الخ

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


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

- تعريف الادابتر الذي سنعود بالبيانات العائده جراء تنفيذ جملة السكويل من القاعدة من خلاله
- تعريف داتا ست نفرغ في داخلها البيانات

وسوف نذكر هاتين الخطوتين بالتفصيل في وقته ان شاء الله

الان في مثالنا هذا سوف نحتاج لتعريف متغير اتصال ونسند له نص الاتصال مع قاعدة البيانات ومن ثم تعريف جملة السكويل ومن ثم تنفيذ جملة السكويل (جملة الاضافة) على قاعدة البيانات

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

تعريف المتغيرات يكون بالشكل التالي

'تعريف متغير الاتصال
        Dim Con As SqlClient.SqlConnection = New SqlClient.SqlConnection
        'تعريف نص الاتصال
        Dim ConStr As String = "Integrated Security=SSPI;Persist Security Info=False;Initial Catalog=RuDataBase;Data Source=XP9"
        'اسناد نص الاتصال لمتغير الاتصال
        Con.ConnectionString = ConStr

        'تعريف متغير نسند له جملة ال SQL
        Dim SQLStr As String = ""
        'تعريف الكومند والذي بواسطته سنقوم بتنفيذ جملة السكويل على القاعدة في خطوة لاحقه
        Dim Cmd As SqlClient.SqlCommand = New SqlClient.SqlCommand

لاحظ ان نوع متغيرات الاتصال والكومند كان من النوع
SqlClient
وهذا لاننا نتصل مع قاعدة بيانات من نوع
SQL
في حالة اننا كنا نتصل مع قاعدة بيانات من نوع اخر يجب ان نقوم بتغرف المتغيرات الخاصه بهذا النوع مثلا في حالة قاعدة بيانات اكسس فان نوع المتغير يكون
oledb

وهكذا

نص الاتصال والذي عبرنا عنه بالمتغير
ConStr
هذا كذلك يختلف على حسب نوع القاعدة التي نتصل معها وفي نص الاتصال اعلاه فان ال
XP9
هذه اسم الجهاز و ال
RuDataBase
هذه اسم قاعدة البيانات

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




10 - التأكد من ان البريد الالكتروني المدخل غير مستخدم من قبل عضو اخر

في هذه الخطة سوف نستخدم جملة
SQL
من نوع اختيار بيانات من القاعدة
Select
ننفذها على القاعده ومن ثم نعود بالبيانات المرسلة بواسطة الادابتر ومن ثم نفرغها في داتا ست

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

'ننفذ جملة SQL
        'في قاعدة البيانات
        SQLStr = "Select UID From TUsers where Email Like '" + EmailB.Text + "'"
        'نرسل الجملة بواسطة الكومند
        Cmd.CommandText = SQLStr
        Cmd.Connection = Con
        'نفتح الاتصال مع القاعدة
        Con.Open()
        'اعادة النتائح في الادابتر
        Adap.SelectCommand = Cmd
        'افراغ النتائح في داخل الداتاست
        Adap.Fill(DataSetSE)
        'اغلاق الاتصال
        Con.Close()

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

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

If DataSetSE.Tables(0).Rows.Count <> 0 Then
            ErrorLabel.Text = "البريد الالكتروني مستخدم من قبل عضو اخر"
            Exit Sub
        End If

الداتا ست تستوعب اي عدد من الجداول واي عدد من الحقول في مثالنا السابق قمنا باختيار حقل واحد من جدول واحد في قاعدة البيانات في جملة السكويل لهذا فان رقم الجدول الذي اخترناه هو صفر في الداتا ست لان الترقيم فيها يبدأ من الصفر ولو كنا اخترنا جدولين فان الجدول الثاني سيكون رقمه واحد وهكذا

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




11- نقوم بتخزين معلومات العضو في قاعدة البيانات

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

'اسناد جملة السكويل لللمتغير الخاص بالجملة
        SQLStr = "insert into TUsers(GID,Email,Pass,FullName,CompanyName,Address,City,Country,WebSiteUrl,Telephone,Fax,ReDate) Values(2,'" + EmailB.Text + "','" + PassB.Text + "','" + FullNameB.Text + "','" + CompanyNameB.Text + "','" + AddressB.Text + "','" + CityB.Text + "','" + CountryList.SelectedItem.Text + "','" + WebSiteUrlB.Text + "','" + TelephoneB.Text + "','" + FaxB.Text + "','" + Date.Now + "')"
        'تنفيذ الجملة بواسطة الكومند
        Cmd.CommandText = SQLStr
        Cmd.Connection = Con
        'فتح القاعدة
        Con.Open()
        'تنفيذ الجملة على القاعدة
        Cmd.ExecuteNonQuery()
        'اغلاق القاعدة
        Con.Close()

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

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

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

الرقم 2 في الجملة هو رقم المجموعة الافتراضية التي يتم اضافة الاعضاء الجدد فيها

النصوص التي اضفناها قمنا بوضعها في داخل هذه الرموز
'"++"'
طوتيشن واحده ثم دبل كوتيشن ثم اشارة زائد ثم اشارة زائد ثم دبل كوتيشن ثم كوتيشن واحده

وهذا يعني اننا سوف نقوم بزرع نص سترينج داخل هذا الحقل وبين اشارت الزائد نضع المتغير



يـــــــــــ في الرد التالي ــتــــبع

[nothing4u]

12- نقوم بتحويل المستخدم لصفحة المعلومات ونخبره بان عملية تسجيلك في الموقع قد تمت بنجاح
اطلع على هذا الدرس وهو طريقة ارسال متغيرات بواسطة الرابط
http://www.swalif.net/softs/showthread.php?t=159869

في صفحة عرض الرسائل مثل نجاح التسجيل او نجاح تسجيل الخروج وهي باسم
detailspage.aspx
سوف نصع اداة ليبل
label
واسمها البرمجي هو
ShowLabel
لنعرض في داخلها رسائل التعليمات

اسلوب عمل هذه الصفحة يكون بالشكل التالي

اولا نستقبل القيمة المرسله بواسطة الرابط ومن ثم نخزنها في متغير
بعد ذلك نعرض رسالة للمستخدم بناء على القيمة المرسلة بواسطة الرابط
فمثلا لو كانت القيمة المرسلة هي كلمة تم التسجيل
فاننا سنعرض له رسالة تخبره بنجاح تسجيل ويمكنك دخول لوحة تحكم من هنا وووو ... الخ
واذا كانت القيمة المرسلة هي تم تسجيل الخروج
فسوف نعرض له رسالة تخبره تم تسجيل خروجك بنجاح

وهكذا

اذا اولا بعد انتهاء عملية التسجيل بنجاح سوف نحولة لصفحة التعليمات وسوف نرسل مع الرابط كلمة
SignUpSuccess
ومن ثم في صفحة التعليمات نستقبل الكلمة المرسلة مع الرابط ونفحصها فاذا كانت الكلمة هي
SignUpSuccess
سوف تعرض له رسالة تخبره بنجاح تسجيله لان هذا يعني انه قادم لنا من صفحة التسجيل وبعد انتهاء عملية تسجيله وزرع بياناته الجديده في قاعدة البيانات

نقوم بتحويل المستخدم لصفحة التعليمات

Response.Redirect("detailspage.aspx?SInfo=SignUpSuccess")

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


الان في صفحة
detailspage.aspx

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

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

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

    End Sub

كودنا سنكتبه في حدث تحميل الصفحة اي انه سيتم تنفذه عند فتح الصفحة مباشرة

في البداية نعرف متغير من نوع نص ومن ثم نستقبل فيه القيمة التي تم ارسالها بواسطة الرابط بهذه الطريقة

Dim RInfo As String = Request.Item("SInfo")

عرفنا متغير واستقبلنا في داخله القيمة التي تم ارسالها بواسطة الرابط وتحديدا في داخل المتغير
SInfo

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

If RInfo = "SignUpSuccess" Then
            ShowLabel.Text = "لقد تم تسجيلك في الموقع بنجاح"
            Exit Sub
        End If

المثال في المرفقات
http://www.swalif.net/softs/attachme...id=29606&stc=1


من اجل تشغيل المثال على جهازك قم اولا بوضع المجلد الخاص بالمثال في داخل المسار
C:\Inetpub\wwwroot
بعد ذلك اذهب وفعل المثال من ال
IIS
من ادخل ال
Control Panel - Administrative Tools
قم بتشغيل
Internet Information Services
واختر بالزر اليمين على اسم المجلد الذي يحتوي على المشروع
ومن ثم اختر خصائص
ومن ثم
Create

(( اطلع على الصورة رقم 6 في المرفقات ))
http://www.swalif.net/softs/attachme...id=29620&stc=1


هكذا نكون قد انتيهنا من هذه الصفحه بانتظار اي اسالة

في امان الله وحفظة



أنــــتهى الدرس الثاني

[nothing4u]

لتحميل الدرس الثاني مع الصور والاطلاع عليه من جهازك
حملة من المرفقات في هذا الرد
http://www.swalif.net/softs/attachme...id=29607&stc=1


المثال العملي موجود في المرفقات في الرد السابق
http://www.swalif.net/softs/attachme...chmentid=29606

في امان الله وحفظة ولاتنسونا من دعائكم ابدا




اخي redmond way
لو لك اي تعليقات او راي او فكرة ياريت تشارك بها وبنكون شاكرين لك -- خبرتك بالغة اكيد رح تفيدنا جميعا مع جزيل الشكر

[AbuFars]

السلام عليكم
بصراحة ابداع جزاك الله خير اول مرة اشوف موضوع طويل مثل هذا وبه اكثر من 25 رد في هذا القسم هذا بفضل الله ثم بفضلك اخي nothing4u