إنشاء موقع لبيع برامج المنتدى - نسخة قابلة للطباعة +- منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب (http://vb4arb.com/vb) +-- قسم : قسم برمجة وتطوير المواقع (http://vb4arb.com/vb/forumdisplay.php?fid=51) +--- قسم : قسم ASP.NET (http://vb4arb.com/vb/forumdisplay.php?fid=52) +---- قسم : قسم مقالات ASP.NET (http://vb4arb.com/vb/forumdisplay.php?fid=54) +---- الموضوع : إنشاء موقع لبيع برامج المنتدى (/showthread.php?tid=8479) |
إنشاء موقع لبيع برامج المنتدى - ربيع - 14-04-13 نحمده ونصلي على رسوله الكريم السلام عليكم ورحمة الله
نبدأ مشروع جديد من نوع ASP.NET Web Application اسمه VB4ArbPrograms، ثم بعد ذلك نقوم بإضافة قاعدة بيانات للمشروع من خلال:نضيف جدول اسمه Titles: * لتخزين عنوان الموقع ونص الحقوق. الأعمدة كما يلي: لا ننسى أن نجعل خاصية العمود ID مفتاح اساسي وترقيم تلقائي، بالضغط على العمود برز الفأرة الأيمن: ثم من الخصائص أسفل الصفحة: نضيف جدول آخر اسمه EMailOptions: * لتخزين بيانات الإيميل، التي سوف نحتاجها عند التواصل مع الزبائن. وجدول آخر اسمه UserInfo: * لتخزين بيانات المستخدمين. وآخر اسمه Websites: * مواقع مفيدة. وآخر اسمه Guestbook: * سجل الزوار. وآخر اسمه ContactUs: * اتصل بنا. وآخر اسمه Parts: * أقسام الموقع، سواء الرئيسية أو الفرعية. وآخر اسمه Programs: * برامج المستخدمين وبياناتها. وآخر اسمه Orders: * طلبات الزبائن. والأخير اسمه Details: * جدول فرعي تابع لطلبات الزبائن، قد يشتري الزبون أكثر من برنامج دفعة واحدة. الآن ننتقل للعلاقات: قم بإضافة الجداول التالية: اضغط على حقل ID من جدول Part واسحبه على حقل PID من جدول Programs. اضغط موافق بعد التأكد من الاعمدة الظاهرة في النموذج، ثم عدل الخيارات كما يلي: ثم حقل ID من جدول Orders اسحبه على حقل OID من جدول Details، واصنع كما سبق. نذهب لجدول Titles ونضغط بزر الفأرة الأيمن، ثم نختار: ثم ندخل بيانات افتراضية عليه: HeaderText: برامج منتدى فجوال بيسك لكل العرب. FooterText: جميع الحقوق محفوظة © 2013. إنشاء موقع لبيع برامج المنتدى - مبرمج أوتار - 15-04-13 شراح رائع انا متابعك يا اخ الغالي ... إنشاء موقع لبيع برامج المنتدى - learning.net - 15-04-13 احمد ربى ان لى صديق اسمه الاستاذ ربيع (DreamsDotNet) لما به من صفات تجعل الانسان يحترمه ويحبه. ذادك الله من علمه وبارك فيك اخى ربيع والى الامام دائماّ إنشاء موقع لبيع برامج المنتدى - Sajad - 15-04-13 السلام عليكم جزاك الله كل خير اخي ربيع بارك الله فيك موفق ان شاءالله بانتظار تكملة الموضوع إنشاء موقع لبيع برامج المنتدى - ربيع - 15-04-13 من الـ Solution Explorer، نختار المشروع ونضيف اليه مجلدات جديدة: مجلد باسم: Admin وآخر باسم: Programmers وآخر باسم: Programs نعود لتحديد المشروع، ثم نختار: * الخطوات التالية، للحماية وإضافة الصلاحيات على الموقع. قم بتحميل أدوات Ajax Control Toolkit، واضفهن لصندوق الادوات. إنشاء موقع لبيع برامج المنتدى - ربيع - 16-04-13 نذهب لصفحة Site.Master، داخل كود HTML الخاص بالصفحة نضع Label بدل العنوان الافتراضي:[HTML]<div class="title"> <h1> <asp:Label ID="title" runat="server" Text="برامج منتدى فجوال بيسك لكل العرب"></asp:Label> </h1> </div> [/HTML]ونضع Label آخر في ذيل الصفحة:[HTML]<div class="footer"> <asp:Label ID="footer" runat="server" Text="جميع الحقوق محفوظة © 2013"></asp:Label> </div> [/HTML] نرجع لعنوان الصفحة، من داخل التصميم وليس من كود الـ HTML، نضع بجانبه أداة LoginView، ثم نعدل فيها كما يلي: داخل الأداة - وبعد أن نختار منها العرض بصلاحيات Admin - نضع أداة Image (سوف ارفق الصورة المطلوبة إن شاء الله)، وأداة Panel، وداخل الـ Panel نضع جدول: في الصف الثاني من الجدول وفي الحقل الأول نضع Label نصه: نص العنوان. وفي الحقل الثاني نضع أداة TextBox خاصية الـ ID = tbox وبجانبها أداة RequiredFieldValidator: خاصية الـ ErrorMessage = مطلوب. وخاصية الـ ControlToValidate = tbox في الحقل الثاني من الصف الأخير، نضع زرين، الأول نصه (حفظ) والثاني نصه (إلغاء الأمر). نرجع للصف الأول وندمج الحقلين مع بعضهما، بعد تحديدهما: ثم نضع بداخله أداة Panel، وداخل الـ Panel نضع Label نصه: عنوان الموقع. لنضبط الشكل قليلا، من الـ Solution Explorer نذهب لمجلد الـ Styles ثم نضيف إليه عنصر جديد من نوع Style Sheet، ليكن اسمه Config. سوف ارفقه مع المشاركة إن شاء الله. الآن نحدد الصورة التي وضعناها فيما سبق، ثم نذهب لصندوق الأدوات، ونضغط مرتين على أداة ModalPopupExtender التابعة لحزمة أدوات Ajax Control Toolkit: وبعد ذلك نتوجه لنافذة الخصائص، سنجد فيها خاصية جديدة مدرج تحتها مجموعة من الخصائص: قم بتغيير الخصائص كما الصورة. نختار زر (حفظ) ونضغط عليه مرتين لنكتب الكود التالي: في أعلى الكود وخارج الإجراءات نكتب: :#C
كود : [align=left][SIZE=4]private DB.ProgramsDB db = new DB.ProgramsDB(); :VB
كود : [align=left][SIZE=4]private DB.ProgramsDB db = new DB.ProgramsDB()[/SIZE][/align] وفي حدث تحميل الصفحة Page_Load نكتب: :#C
كود : [align=left][SIZE=4]if (IsPostBack) return; :VB
كود : [align=left][SIZE=4]If IsPostBack Then Exit Sub وفي حدث ضغط زر (حفظ): :#C
كود : [align=left][SIZE=4]try :VB
كود : [align=left][SIZE=4]Try سوف نصنع مع ذيل الصفحة كذلك، وسأكتفي بشرح ما السابق، وأرفق الملفات.... * اعتمدت على مترجم لترجمة الكود من C# لـ VB. * ضع الملفات والمجلدات المرفقة كما هي داخل المشروع، وقم باستبدال القديم. إنشاء موقع لبيع برامج المنتدى - ربيع - 16-04-13 لنضيف صفحة لاستعراض القسم باسم Part: وصفحة أخرى لاستعراض البرنامج باسم Program، بنفس الطريقة. عند طلب احدى هذه الصفحات لابد وأن نرسل لها رقم القسم أو البرنامج لاستعراضه، من خلال الـ QueryString، وسيكون العنوان كما يلي: http://localhost/Part.aspx?id=38
هناك خاصية في الـ asp.net اسمها urlrewrite، ماذا تعني هذه الخاصية؟ تعني أن يصبح الرابط السابق بهذا الشكل:http://localhost/Program.aspx?id=641 http://localhost/Part/38
سوف نستخدم هذه الخاصية في تطبيقنا إن شاء الله، وذلك بالذهاب لملف Global.asax من نافذة Solution Explorer، ثم نضع الإجراء التالي بداخله:http://localhost/Program/641 :#C
كود : [align=left][SIZE=4]public static void RegisterRoutes(RouteCollection routeCollection) :VB
كود : [align=left][SIZE=4]Public Shared Sub RegisterRoutes(ByVal routeCollection As RouteCollection) وفي إجراء Application_Start نضع: :#C
كود : [align=left][SIZE=4]RegisterRoutes(RouteTable.Routes);[/SIZE][/align] :VB
كود : [align=left][SIZE=4]RegisterRoutes(RouteTable.Routes)[/SIZE][/align] إنشاء موقع لبيع برامج المنتدى - ربيع - 17-04-13 سوف نخصص صفحة الخطأ 404 في تطبيقنا: نضيف صفحة جديدة للمشروع اسمها 404.aspx ترث من الـ Site.Master. ثم نكتب الكود التالي داخل ملف Web.config، بين:[HTML]<system.web> </system.web> [/HTML]في أي مكان:[HTML]<customErrors> <error statusCode="404" redirect="~/404.aspx"/> </customErrors> [/HTML]في صفحة الـ Default.aspx نضيف جدول من صف واحد وعمودين، في الحقل الأول نضع Label اسمه parts، وفي الحقل الثاني نضع Label اسمه newprog، نجعل النص فارغ في كلا الـ Label، ثم نذهب للكود لنكتب: :#C
كود : [align=left]private DB.ProgramsDB db = new DB.ProgramsDB(); :VB
كود : [align=left]Private db As New DB.ProgramsDB() في صفحة الـ Part نضع Label فقط، خالي من النص واسمه: viewer، ثم نكتب الكود التالي داخل الصفحة: :#C
كود : [align=left]private DB.ProgramsDB db = new DB.ProgramsDB(); :VB
كود : [align=left]Private db As New DB.ProgramsDB() في صفحة الـ Program: الكود الخاص بالصفحة: خارج أي إجراء: :#C
كود : [align=left]private DB.ProgramsDB db = new DB.ProgramsDB(); :VB
كود : [align=left]private db As new DB.ProgramsDB() في حدث تحميل الصفحة: :#C
كود : [align=left]if (IsPostBack) return; :VB
كود : [align=left]If IsPostBack Then Exit Sub في حدث ضغط الـ LinkButton: :#C
كود : [align=left]Session[RouteData.Values["id"].ToString()] = 1; :VB
كود : [align=left]Session(RouteData.Values("id").ToString()) = 1[/align] إنشاء موقع لبيع برامج المنتدى - ربيع - 20-04-13 غفلت عن أمر مهم، والتمس عذرا منكم :o اعتمدت في المشروع تقنية اللينك linq في التعامل مع قاعدة البيانات، نسيت ذكرها بعد أن أنشأنا قاعدة البيانات، فلنقم بذلك الآن: نضيف عنصر جديد للمشروع من نوع LINQ to SQL Classes، اسمه ProgramsDB، ثم من Server Explorer نسحب جميع الجداول اليه: نضغط في مكان فارغ من محتوى البيانات، ونختار خصائص Properties، ثم نغير الخصائص التالية: Context Namespace = DB
Entity Namespace = DB Name = ProgramsDB إنشاء موقع لبيع برامج المنتدى - ربيع - 20-04-13 نضيف صفحة جديدة للمشروع اسمها Basket، سوف يكون فيها من الأدوات ما يلي: نختار أداة GridView ونجعل اسمها: viewer، ثم نضيف إليها عمود لإزالة البرنامج من السلة: في حدث تحميل الصفحة نكتب: :#C
كود : [align=left]try :VB
كود : [align=left]Try داخل حدث RowCommand التابع للأداة GridView والتي اسميناها viewer: نكتب: :#C
كود : [align=left]if (e.CommandName == "remove") :VB
كود : [align=left]If e.CommandName = "remove" Then |