ادارة نظام كامل للتجارة الاكترونية asp.net mvc - الجزء الاول

في هذه الدورة نقدم شرح كامل لنظام تسوق الاكتروني المتمثلة باختيار المنتجات من الصفحة الموقع وطلبها ثم القيام بعملية الشراء بربطها بموقع الـ PayPal انشاء المشروع نظام التسوق الاول - asp.net mvc-

كيفية فتح مشروع من نظام فيجوال ستوديو واختيار تقنية asp.net mvc وشرح مجلدات وملفات النظام

انشاء مساحات للبرمجة الموقع -areas لنظام التسوق الاول -ASP.NET MVC هذه الـ areas تفيد في تقسيم المشروع وخاصة المشاريع الكبيرة ونظيمه وتسهل عملية البحث وعمل الصيانة للمشروع كل منطقة لها بنية control - model - view

شرح طريقة بناء قاعدة البيانات في برنامج sql server لموقع التسوق الاول -- asp.net  حيث يتم ربط الجدول مع نظام first shopping مشروع التسوق الاول والذي صمم بنظام asp.net mvc يعتمد على تحليل البيانات من خلال نظرة تصورية للصفحة المطلوبة وعناوينها

يتم انشاء كلاس من النوع DTO لنظام التسوق | اعادة انشاء قاعدة البيانات لجدول الصفحات | الاتصال بقاعدة بيانات sql server | شرح DBContext من اهدف المحاضرة : مفهوم الكلاس وما الهدف من إنشاؤه . انشاء كلاس يعبر عن جدول الصفحات وانشاء الخصائص فيه مفهوم الكلاسات من النوع DTO و View Model كتابة كلاس يسمى Page DTO و كلاس اخر من النوع Page VM ووضع كل نوع في مجلد مستقل مفهوم الـ validation Role وماهي المكتبة التي تحتويها كتابة validation عل الخصائص وذكر الغرض من عمل ذلك

هذه المحاضرة ستكون اولى حلقاتنا في بناء صفحات التحكم بالموقع ولبندأ بانشاء الصفحة الرئيسية او ما يسمى بـ dashboard سنشرح فيها امور كثيرة مثل الـ Bandel

ومن اهداف هذه المحاضرة :

ان يضيف المبرمج controller في نظام first shopping

ان يذكر المبرمج فائدة الكنترولر وعلاقتها مع رابط الـ URL ان يضيف المبرمج View باسم دالة الـ Index في نظام First Shopping ان يذكر المبرمج فائدة الخاصية View Bag

ان يذكر المبرمج فائدة التعليمية البرمجية Render Body, Render Section

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

1- انشئ كنترولر باسم

dashboard 2- انشء فيو للكنترلر من النوع

empty 3- ماهو المسار المتبع لقراءة صفحة الـ

dashboard 4- ما مفهوم style bundle , scripts bundle

هدفنا ان يلم المبرمج في نهاية المحاضرة بالأهداف التالية

مفهوم الكلاس وما الهدف من إنشاؤه .

انشاء كلاس يعبر عن جدول الصفحات وانشاء الخصائص فيه مفهوم الكلاسات من النوع DTO و View Model

كتابة كلاس يسمى Page DTO و كلاس اخر من النوع Page VM ووضع كل نوع في مجلد مستقل مفهوم الـ validation Role وماهي المكتبة التي تحتويها كتابة validation عل الخصائص عرفنا كلا من وظيفة الكلاس DTO وأيضا الكلاس من النوعView Model تعلمنا

ما فائدة الـ validation role

من اهداف المحاضرة :

1- انشاء controller باسم Pages 2- العلاقة بين Controller ورابط الـ Url والعلاقة بين Controller والكلاس PageVM 3- كتابة كود برمجي لقراءة كل الصفحات من جدول الـ Pages في دالة الـ Index 4- أنشاء فيو من دالة الـ Index يقرأ بياناته من الكلاس PageVm 5-

عرض بيانات الصفحات في جدول يقرأ من جدول الصفحات

6- تنسيق جدول العرض للصفحات بحيث تحتوي رابط التعديل والحذف شرح لكيفية انشاء الكنترولر controller Page وكتابة التعليمات البرمجية والخاصة بعرض صفحات النظام في دالة index وبعد عمل التعليمات البرمجية نقوم بارسالها الى الـ view وبعد ذلك نقوم بانشاء الفيو والذي يعتمد على الـ class : Page VM لنقوم بعمل بعض التعليمات البرمجية في الفيو وتقيدها ببعض الشروط وتنسيق جدول العرض للصفحات على النظام باضافة روابط لاضافة صفحة جديدة وكذلك التعديل لصفحة موجودة واظهار التفاصيل والحذف للصفحة وانشاء الله في المحاضرات القادمة سوق نقوم بعمل اضافة للصفحة وكتابة بعض التعليمات البرمجية لاضافة الصفحة اسئلة التقييم في المحاضرة : انشئ controller باسم Pages اذكر العلاقة بين Controller ورابط الـ Url والعلاقة بين Controller والكلاس PageVM اكتب كود برمجي لقراءة كل الصفحات من جدول الـ Pages في دالة الـ Index انشئ فيو من دالة الـ Index يقرأ بياناته من الكلاس PageVm قم بعرض بيانات الصفحات في جدول يقرأ من جدول الصفحات في الفيو الخاص بعرض الصفحات قم بتنسيق جدول العرض للصفحات بحيث تحتوي رابط التعديل والحذف

التسوق الاول نتحدث فيه عن اضافة اداة ckEditor للـ Text Area Box بحيث يستطيع المستخدم اضافة نصوص وتنسيقها واضافة روابط او صور او ملفات فيديو

يتم شرح كيفية تعديل صفحة اتصل بناء للطلب من النوع http get ضمن دروس تعلم دروس asp.net mvc واستخدام قاعدة بيانات sql server دروس ومشاريع برمجية من الصفر حتى النهاية لتؤهلك بالعمل في الشركات باستخدام entity frame work -  نشرح فيه asp.net , asp.net mvc ,

اهداف المحاضرة

1- ان يوضح المبرمج الفكرة من كتابة كود التعديل على صفحة اتصل بنا

2- ان يكتب المبرمج تعليمة برمجية وظيفتها جلب صفحة اتصل بناء داخل دالة التعديل تستقبل طلب من النوع

http post 3- ان يكتب المبرمج تعليمة برمجية و ظيفتها التاكد من عدم تكرار الصفحة داخل دالة التعديل تستقبل طلب من النوع http post 4- ان يكتب المبرمج دالة التعديل باسم Edit Page تستقبل طلب من النوع http post وظيفتها تنفيذ التعديل على بيانات صفحة اتصل بنا .

5- ان يكتب المبرمج كود برمجي وظيفته عرض رسالة تفيد بنجاح عملية التعديل

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

1- ان يوضح المبرمج فكرة كتابة الكود لحذف بيانات صفحة اتصل بنا

2- ان يكتب المبرمج كود لا خفاء رابط الحذف لـ صفحة اتصل بنا

3- ان يكتب المبرمج كود بالجافا سكريبت لعرض نافذة تاكيدة لعملية الحذف

4- ان ينشئ المبرمج دالة حذف صفحة اتصل بناء

1- ان يوضح المبرمج فكرة كتابة الكود لترتيب الصفحات

2- ان يكتب المبرمج كود بالجافا سكريبت وظيفته التاثير على الصفوف بالسحب والافلات

3- ان يكتب المبرمج دالة تستقبل طلب من النوع post في الـ controller وظيفتها حفظ التعديلات لاعادة ترتيب الصفحات

4- ان يكتب المبرمج كود بملف scrips وظيفتها تنسيق الصف الذي يتم سحبه من اجل اعادة ترتيبه وعرضها في الصحة الرئيسية

نناقش في هذه المحاضرة كيفية اظهار تفاصيل الصفحة والانتقال اليها من نموذج ادارة الصفحات .. وكيفية التحكم في اكواد الـ Html الضاهرة .. باستخدام الامر row من اكواد html helper \ ومن اهداف المحاضرة ..

1- ان يكتب المبرمج دالة تستقبل طلب من النوع http get ومحملا برقم الصفحة اتصل بنا

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

3- ان ينشئ المبرمج فيو محملا ببيانات صفحة اتصل بنا

الشريط الجانبي للتحكم باظهارها او اخفاؤها في الصفحة - تطبيق نظام التسوق الاول - دروس ومشاريع برمجية . ضمن سلسلة دروس asp.net mvc من البداية حتى النهاية بانشاء موقع للتجارة الاكترونية .

من اهداف المحاضرة

ان ينشئ المبرمج جدول باسم tblSidebar يحتوى على عمودين ( id , body)

ان ينشئ المبرمج كلاس يسمى sidebarDto يحتوي على خاصيتين ( id,body)

ان ينشئ المبرمج كلاس يسمى sidebarVm يحتوي على خاصية (body) يوضح الغرض من ان استخدام الكلاس sidebarvm على الـ view

ان يكتب المبرمج دالة تسمى sidebar وظيفتها استقبال طلب من النوع http get انشاء view لعرض نموذج تفاصيل الشريط الجانبي side bar مصدره الكلاس side bar vm

ان يكتب المبرمج دالة تستقبل طلب من النوع http post وظيفتها التعديل على تفاصيل الشريط الجانبي

نشرح في هذه المحاضرة كيفية انشاء جدول باسم side bar والتحكم بمحتوى التفاصيل للمحتو

الجزء الاول -ادارة المجموعات - موقع التسوق الاول - ضمن سلسلة دروس asp.net mvc - دروس ومشاريع برمجية نناقش في هذه المحاضرة .. كيفية انشاء جدول للمجموعات يحتوي على الاعمدة التالية اسم الصفحة بالعربي ، اسم الصفحة بالانجليزي ، ترتيب الصفحة وكذلك انشاء كلاس من النوع dto يسمى category dto تحتوي على خصائص تحاكي جدول المجموعات . وهذا الكلاس يتبادل البيانات بينه وبين كلاس اخر يسمى category vm . من بداية هذه المحاضرة سوف ندخل ببرمجة وتصميم نماذج البيع والشراء shopping وعمل البزنس الحقيقي والذي يهدف اليه تطبيقنا بعمل نظام متكامل للتجارة الاكترونية او العمل على البيع والشراء من خلال الموقع . فلدينا عدة اشياء سوف نناقشها في هذه المحاضرة والمحاضرات القادمة تتعلق بإنشاء المجموعات وانشاء المنتجات واظهار تفاصيل هذه المنتجات وفي النهاية كيفية الشراء من الموقع بربطه بموقع الـ PayPal . في البداية سوف نقوم بالعمل على المجموعات وكيفية ادارة هذه المجموعات والتحكم بالاضافة والتعديل والحذف . هذهالمحاضرة سوف نتقسم الى اكثر من جزء .. وسوف نشرح كل شئ بالتفصيل حتى تتم الفائدة ان شاء الله اهداف المحاضرة في هذا الفيديو كالتالي : 1- ان يوضح المبرمج الفكرة من عمل المجموعات في موقع التسوق الاول 2- ان ينشئ المبرمج جدول للمجموعات يحتوي على ( Category_Ar_name – Category_En_Name – Category_Sorting) 3- ان ينشئ المبرمج categoryDTO يحتوي على الخصائص التالية ( Category_Ar_name – Category_En_Name- Category_Sorting 4- ان ينشئ المبرمج categoryVM يحتوي على الخصائص التالية ( Category_Ar_name – Category_En_Name- Category_Sorting

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

1- ان ينشئ المبرمج controller باسم Shop controller لإدارة نموذج المجموعات

2- ان يكتب المبرمج دالة تسمى categories تستقبل طلب من النوع Http Get تحتوي على تعليمات برمجية لإعادة قائمة من المجموعات

3- ان ينشئ المبرمج view مصدرها Category VM موضحا فيها قائمة من المجموعات

4- ان يعرض المبرمج قائمة من المجموعات في نموذج إدارة المجموعات

5- ان يستخدم المبرمج تعليمات برمجية باستخدام الـ java script لإضافة مجموعة جديدة من نفس النموذج وهذه المحاضرة ضمن دروس انشاء موقع متكامل من الصفر الى النهاية اسميناه التسوق الاول

الجزء الاول -اضافة مجموعة - ضمن سلسلة دروس بناء موقع تسوق معنا بـ asp.net mvc -دروس ومشاريع برمجية نناقش في هده المحاضره كيقية إضافة مجموعة من نفس النموذج عن طريق اكواد الجكويري بطريقه جميلة . إذا يتوقع من المبرمج في نهاية المحاضرة ان يحقق الاهداف التالية :

1- ان يوضح فكرة إضافة تفاصيل المجموعة وإعادة عرض قائمة المجموعات في نفس نموذج إدارة المجموعات.

2- ان يكتب تعليمة برمجية بالـ jQuery وظيفتها إضافة تفاصيل المجموعة ثم عرضها في جدول في نفس النموذج.

3- ان يكتب تعليمة برمجية بالـ jQuery تمنع من تكرار اسم المجموعة في جدول المجموعات

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

1- ان يوضح فكرة إضافة تفاصيل المجموعة وإعادة عرض قائمة المجموعات في نفس نموذج إدارة المجموعات.

2- ان يكتب تعليمة برمجية بالـ jQuery وظيفتها إضافة تفاصيل المجموعة ثم عرضها في جدول في نفس النموذج.

3- ان يكتب تعليمة برمجية بالـ jQuery تمنع من تكرار اسم المجموعة في جدول المجموعات

الجزء الثالث - اضافة مجموعة باستخدام الـ jQuery - سلسلة دروس موقع تسوق معنا - دروس ومشاريع برمجية إذا يتوقع من المبرمج في نهاية المحاضرة ان يحقق الاهداف التالية :

1- ان يوضح فكرة إضافة تفاصيل المجموعة وإعادة عرض قائمة المجموعات في نفس نموذج إدارة المجموعات.

2- ان يكتب تعليمة برمجية بالـ jQuery وظيفتها إضافة تفاصيل المجموعة ثم عرضها في جدول في نفس النموذج.

3- ان يكتب تعليمة برمجية بالـ jQuery تمنع من تكرار اسم المجموعة في جدول المجموعات

في هذه المحاضرة نناقش كيفية تعديل المجموعة باستخدام الـ jQuery وباستخدام اكواد الـ asp.net mvc وايضا نتطرق الى شروط اضافة المجموعة بعدم تكرار اسم المجموعة في الجدول واظهار رسائل نجاج التعديل او عدم التعديل بحدوث مشكلة ماء حدثت ومن اهداف المحاضرة الموجة للمبرمج :

1- ان يوضح فكرة كيفية عمل التعديل بواسطة اكواد الجكويري

2- ان يكتب المبرمج تعليمة برمجية وظيفته منع التكرار بواسطة كود الـ jQuery 3

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

4- ان يكتب المبرمج تعليمة برمجية وظيفتها تعديل تفاصيل المجموعة في دالة تسمى rename category وتسقبل كل من اسم المجموعة بالعربي واسم المجموعة بالانجليزي وكذلك رقم المجموعة .

في هذه المحاضرة نناقش كيفية تعديل المجموعة باستخدام الـ jQuery وباستخدام اكواد الـ asp.net mvc وايضا نتطرق الى شروط اضافة المجموعة بعدم تكرار اسم المجموعة في الجدول واظهار رسائل نجاج التعديل او عدم التعديل بحدوث مشكلة ماء حدثت ومن اهداف المحاضرة الموجة للمبرمج :

1- ان يوضح فكرة كيفية عمل التعديل بواسطة اكواد الجكويري

2- ان يكتب المبرمج تعليمة برمجية وظيفته منع التكرار بواسطة كود الـ jQuery 3-

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

4- ان يكتب المبرمج تعليمة برمجية وظيفتها تعديل تفاصيل المجموعة في دالة تسمى rename category وتسقبل كل من اسم المجموعة بالعربي واسم المجموعة بالانجليزي وكذلك رقم المجموعة .

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

1- ان يوضح فكرة كود السحب والافلات لتنفيذ إعادة ترتيب المجموعات

2- ان يكتب تعليمة برمجية بالـ jQuery وظيفتها ارسال طلب من النوع post محملا بقائمة المجموعات الى دالة Reorder Category 3- ان يكتب دالة تسمى Reorder Category تستقبل طلب من النوع post محملا بمصفوفة ارقام المجموعات وظيفتها التعديل على عمود

Category Sorting 4- ان يكتب تعليمات برمجية بالـ jQuery وظيفتها ارسال رقم مجموعة ماء الى دالة تسمى Delete Category لغرض حذف المجموعة .

5- ان يكتب دالة تسمى Delete Category تستقبل طلب من النوع post محملا برقم المجموعة وظيفتها حذف المجموعة من قاعدة البيانات سنتعلم إعادة ترتيب قائمة المجموعات والتحكم بحفظ الترتيب من نفس النموذج وأيضا سنتعلم كيفية حذف مجموعة ماء في نفس النموذج أيضا . في عملية إعادة ترتيب قائمة المجموعات سنستخدم طريقة السحب والافلات مستفيدين من اكواد الـ jQuery .

بنهاية هذه المحاضرة، يجب أن يكون المبرمج قادرًا على:

1- فهم أساسيات تحميل الملفات (الصور) في تطبيقات الويب:

•معرفة كيفية إعداد واجهة المستخدم لقبول تحميل الصور.

•فهم كيفية التعامل مع ملفات الصور في الخلفية (Back-end) باستخدام ASP.NET MVC.

2- تنفيذ عملية التحقق من صحة امتداد الصورة (Validation):

•تعلم كيفية التحقق من امتداد الصورة (مثل jpg, png, gif) في جانب العميل (Client-side) باستخدام JavaScript وjQuery.

•تطبيق تحقق إضافي في جانب الخادم (Server-side) للتأكد من قبول الملفات الصحيحة فقط.

3- إدارة عملية تخزين الصور:

•معرفة كيفية تخزين الصور في مسار محدد على الخادم.

•التعرف على كيفية التعامل مع الصور التي يتم تعديلها أو حذفها من واجهة المستخدم.

4- عرض الصور الديناميكي في واجهة المستخدم:

•تعلم كيفية عرض الصور المحملة في واجهة المستخدم بعد عملية التحميل دون الحاجة لإعادة تحميل الصفحة.

•فهم كيفية دمج الصور مع البيانات الأخرى المرتبطة بالمجموعة في جدول عرض البيانات.

•

5 - تحسين تجربة المستخدم من خلال استخدام مكتبات مثل SweetAlert:

•تطبيق التنبيهات التفاعلية لتحسين التفاعل مع المستخدم أثناء عمليات التحميل، التعديل، أو الحذف

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

في هذه المحاضرة نناقش انشاء نموذج اضافة منتج لموقع التسوق الاول بانشاء جدول للمنتجات وضافة كلاس الـ DTO وكذلك اضافة كلاس ViewModel وكذلك انشاء دالة لجلب قائمة المجموعات وعرضها على نموذج اضافة المنتج من اهداف المحاضرة :

1- ان ينشئ المبرمج جدول باسم tblProduct يحتوي على الاعمدة التالية ) Id,ProductArName,ProductEnName,Description,Price,CategoryName,CategoryId,ImageName)- 2- ان ينشئ المبرمج كلاس يسمى ProductDTO تحتوي على ) Id,ProductArName,ProductEnName,Description,Price,CategoryName,CategoryId,ImageName)  -3- ان يكتب خاصية Products في الملف db كـ Reference من اجل التفاعل مع قاعدة البيانات

4- ان ينشئ كلاس Product vm يحتوي على خصائص مصدر الـ views ويذكر الغرض من كتابة الخاصية CategoryList فيه .

5- ان ينشئ المبرمج controller باسم Product Controller يحتوي على دالة تسمى Get Products تحتوي على تعليمة برمجية وظيفتها للحصول قائمة المجموعات .

6- ان ينشئ المبرمج view لعرض الحقول التالية ( اسم المنتج بالعربي ، اسم المنتج بالإنجليزي ، وصف المنتج ، ثمن المنتج ، المجموعة ، صورة المنتج( . نسعى من هذه المحاضرة من انشاء موقع الكتروني اسميناه التسوق الاول .. وهو موقع لشراء المنتجات من خلال الموقع الالكتروني

الجزء الثاني من محاضرة انشاء نموذج اضافة منتج - نناقش في هذه المحاضرة كيفية عرض الصورة باستخدام اكواد الـ jQuery بعد عمل upload لها من نفس النموذج عند حدث التغير change ونوصل المفهوم للمبرمج عن فكرة عمل الكود ومن اهداف هذه المحاضرة 1- ان يوضح المبرمج فكرة عرض الصورة بعد عمل upload لها من أداة الـ file upload 2- ان يكتب المبرمج كود بالـ jQuery وظيفته عرض الصورة بعد عمل upload لها من جهاز الكمبيوتر هذه المحاضرة ضمن دروس انشاء موقع تجارة الكترونية اسميناه موقع التسوق الاول ضمن دروس ومشاريع برمجية

في هذا الفيديو نناقش اشياء مهمة عن كيفية اضافة المنتج الى قاعدة البيانات بارسال الطلب من النوع post حيث ننفد في دالة تسمى add product عدة شروط قبل حفظ بيانات الطلب منها التاكد من صحة المدخلات الـ validation server وكذلك التاكد من عدم تكرار اسم المنتج سواء كان بالعربي او الانجليزي .. وبعدها نقوم باسناد القيم الاتية من الفيو ونرسلها الى كلاس الـ DTO ليتفاعل مع ملف الـ DB context لكي تتم عملية الاضافة ..

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

1- ان يوضح فكرة عمل الكود البرمجي لتنفيذ عملية حفظ المنتج في جدول المنتجات.

2- ان يكتب دالة تسمى add Product تستقبل طلب من النوع post وظيفتها حفظ المنتج في جدول المنتجات

3- ان يكتب تعليمات برمجية في دالة الـ add Product وظيفتها التحقق من شروط المدخلات وكذلك التحقق من عدم تكرر اسم المنتج

4- ان يكتب تعليمات برمجية في دالة الـ add product وظيفتها انشاء مجلدات لحفظ الصور التي تم رفعها من نموذج إضافة منتج.

في هذا الفيديو نناقش اشياء مهمة عن كيفية اضافة المنتج الى قاعدة البيانات بارسال الطلب من النوع post حيث ننفد في دالة تسمى add product عدة شروط قبل حفظ بيانات الطلب منها التاكد من صحة المدخلات الـ validation server وكذلك التاكد من عدم تكرار اسم المنتج سواء كان بالعربي او الانجليزي .. وبعدها نقوم باسناد القيم الاتية من الفيو ونرسلها الى كلاس الـ DTO ليتفاعل مع ملف الـ DB context لكي تتم عملية الاضافة .. وكذلك التحكم بالصور المضافة في نموذج اضافة منتج وكيفية انشاء مجلدات لها في ملفات المشروع حيث ان كل مجلد يسمى بنفس اسم الرقم المعرف للمنتج وكتابة اكواد برمجية لانشاء المسارات ثم حفظ الصور في هذه المجلدات

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

1- ان يوضح فكرة عمل الكود البرمجي لتنفيذ عملية حفظ المنتج في جدول المنتجات.

2- ان يكتب دالة تسمى add Product تستقبل طلب من النوع post وظيفتها حفظ المنتج في جدول المنتجات

3- ان يكتب تعليمات برمجية في دالة الـ add Product وظيفتها التحقق من شروط المدخلات وكذلك التحقق من عدم تكرر اسم المنتج

4- ان يكتب تعليمات برمجية في دالة الـ add product وظيفتها انشاء مجلدات لحفظ الصور التي تم رفعها من نموذج إضافة منتج.

تتبع الكود بشكل تفصيلي خطوة بخطوة في هذا الفيديو نناقش اشياء مهمة عن كيفية اضافة المنتج الى قاعدة البيانات بارسال الطلب من النوع post حيث ننفد في دالة تسمى add product عدة شروط قبل حفظ بيانات الطلب منها التاكد من صحة المدخلات الـ validation server وكذلك التاكد من عدم تكرار اسم المنتج سواء كان بالعربي او الانجليزي .. وبعدها نقوم باسناد القيم الاتية من الفيو ونرسلها الى كلاس الـ DTO ليتفاعل مع ملف الـ DB context لكي تتم عملية الاضافة .. من اهداف هذه المحاضرة تتكون من ثلاثة فيديو نناقش فيها الاهداف التالية اذا في هذه المحاضرة سنتطرق الى الأهداف التعليمية والتي من المتوقع ان يلم بها المبرمج في نهاية المحاضرة 1

- ان يوضح فكرة عمل الكود البرمجي لتنفيذ عملية حفظ المنتج في جدول المنتجات.

2- ان يكتب دالة تسمى add Product تستقبل طلب من النوع post وظيفتها حفظ المنتج في جدول المنتجات

3- ان يكتب تعليمات برمجية في دالة الـ add Product وظيفتها التحقق من شروط المدخلات وكذلك التحقق من عدم تكرر اسم المنتج

4- ان يكتب تعليمات برمجية في دالة الـ add product وظيفتها انشاء مجلدات لحفظ الصور التي تم رفعها من نموذج إضافة منتج.

الأهداف التعليمية – تعديل منتج (Get)

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

ان يكتب المبرمج تعليمات برمجية تقوم بالوظائف التالية (جلب المجموعات وعرضها على dropdown list )

انشاء الصفحة الخاصة بتعديل البيانات وتحميل البيانات الخاصة والصور المصغرة وعرضها في حالة الاستعلام .

الأهداف التعليمية

– تعديل منتج (HTTP POST ) ان ينشئ المبرمج دالة تستقبل طلب من النوع HTTP POST تستقبل Object , httpPostFileBase -ان يكتب المبرمج تعليمات برمجية تقوم بالوظائف التالية ( التأكد من صحة البيانات – عرض المجموعات في الـ dropdown list - عرض الصور المصغرة

- ان يكتب المبرمج تعليمات برمجية تقوم بالوظائف التالية ( التأكد من عدم وجود المنتج – تنفيذ التعديل – عرض رسالة تفيد بالحفظ ) ان يكتب المبرمج تعليمات برمجية لمعالجة الصور تقوم بالوظائف التالية (التأكد من وجود ملف للصورة – السماح للصور من النوع jpg, JPEG, Jif– عرض رسالة في عدم التقيد بامتداد الصورة

- ان يحفظ المبرمج الصور في مجلد الـ images والصور المصغرة في مجلد الـ thumps حفظ المعلومات في قاعدة البيانات

شرح التعامل مع الصور .. عن التعديل باضافة اداة جميلة تسمى dropzone وتحميل اكثر من صورة مصغرة مرفقة مع صورة المنتج الاساسية - هذه الدورة ضمن سلسلة دروس بناء موقع متكامل بتقنية asp.net mvc - دروس ومشاريع برمجية