تصميم المواقع باستخدام isapi - نسخة قابلة للطباعة +- delphi4arab منتديات دلفي للعرب (https://delphi4arab.net/forum) +-- قسم : منتديات دلفي الأخرى (https://delphi4arab.net/forum/forumdisplay.php?fid=4) +--- قسم : برمجة الويب بدلفي وDelphi .NET و Oxygen (https://delphi4arab.net/forum/forumdisplay.php?fid=29) +--- الموضوع : تصميم المواقع باستخدام isapi (/showthread.php?tid=3241) |
تصميم المواقع باستخدام isapi - زكيري عبدالعالي - 27-06-2011 المطلوب 1- تثبيت MYSQL و انشاء الجدولين 2- تثبيت IIS 3- بالطبع الدلفي 4- محرر لHTML مثل edit++ كود : http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1233518412.jpg كود : http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1233518598.jpg كود : http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1233518904.jpg المطلوب صنع صفحة HTML اسمها INDEX.HTML بها المعلومات التالية بســم الله الـرحمــن الرحيــم مرحبا بكم اسمي <#NOM> ثم تجريي الصفحة دون عمل كود الدلفي على جهازك عن طريق localhost كود : http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1233519689.jpg تصميم المواقع باستخدام isapi - زكيري عبدالعالي - 27-06-2011 اذا كتبنا localhost نتحصل على الصفة المطلوبه اي اسمي على اذا نجحت في ذلك نمر الى 4- وضع متغيرة NOM في الصفحة بالشكل كود : اسمي <#NOM> مكان NOM كيف ذلك كود : file--> new-->other..-->webserverapplication-->ispai === WebModule1 كود : nternet--->PageProducer === PageProducer1 كود : HTMLFile -- > مسار الملف و اسمه كود : ONHTMLTag كود : Producer1HTMLTag(Sender: TObject; Tag: TTag; const TagString: Strin الان سنضيف اكشن التي ستنفذ لنا عملية عرض الصفحة. لا حظ الصورة ثم نكتب الكود التالي في الحدث كود : PROCEDURE TWebModule1.WebModule1gotoindexAction(Sender: TObject; Request: TWebRequest; Response نضع هذا الملف في المسار الذي تريده و مثالنا سنضعه في C:\Apache\htdocs\bin حيث اضف bin مجلد جديد [IMG]http://www.arabteam2000-forum.com/uploads/monthly_02_2009/ post-1034-1233862980.jpg[/IMG كود : ] http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1233862986.jpg كود : http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1233863335.jpg II- كيفية فتح ملف html بواسطة ACTION ISAPI --------------------------------------------------------------------------------- *- الان سنقوم بانشاء صفحة اشتامل ولنسميها مثلا myhtmlfile.html *-نضع الملف في C:allsourcehtml نضع المكون PageProducer1 في الخاصية HTTPFILE نكتب كود : C:\allsourcehtmlmyhtmlfile.html PageProducer1HTMLTag نكتب كود : procedure TWebModule1.PageProducer1HTMLTag(Sender: TObject; Tag: TTag; const TagString: String; تصميم المواقع باستخدام isapi - زكيري عبدالعالي - 27-06-2011 3- مرحلة الثالثة منادات اكشن من رابطة ملف html فبي المثال الاول تعلمنا كيف نكتب سكريبت اشتمل في داخل الدلفي و عرضه في المستكشف اما المثال الثاني تعلمنا كيف نفتح صفحت اشتمل بواسطة اكشن اما الان سنقوم بعمل رابطة تسمح بمنادات اكشن والتي بدورها تقوم بفتح صفحة جديدة اشتمل . 1- ننشا ملف اشتمل جديد اسمه مثلا كود : C:\allsource\html\my2htmlfile.html PageProducer2 نربطه مع الملف الجديد فب الخاصية HTMLFILE و في الحدث نكتب كود : procedure TWebModule1.PageProducer2HTMLTag(Sender: TObject; Tag: TTag; const TagString: String; في الخاصية PATHINFO نكتب /GOTO2 وفي الحدث ONACTION نكتب كود : procedure TWebModule1.WebModule1Goto2htmlfilAction(Sender: TObject; Request: TWebRequest; Respo نغير في الملف الاشتمل الاول و الذي سميناه myhtmlfile.html نكتب نغير في الكود اسم المتغيرة كود : IF UpperCase(TagString)='MSG' THEN ReplaceText:='View file of the student :zekiri abdelali';[/CODE تصميم المواقع باستخدام isapi - زكيري عبدالعالي - 27-06-2011 بســم الله الـرحمــن الرحيــم بعد هذه المقدمت سنيدا المشروع بحول الله و كما قلت انه لتعليم وبعدها ان كان الوقت و الصحت نعرفه ليصبح احترافي . اولا انشاء قاعدة البيانات 1- نقوم بتثبيت mysql-5.1.31-win32.msi 2- ايضا SQL Manager for MySQL 3-انشاء القاعدة GEST_COMPTE كود : http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1233954821.jpg 1- افتح مشروع جديد 1- سمي الواب مودبل باسم WebM 2-اضف الاكشن التالية *- Login => / الاكشن 1 يفتح لنا صفحة واب يطلب فيها ادخال اسم المستخدم و كلمة السر ------------------------------------ *- Admin_OP => /listop *-AddUpdateOP => /addupop *-ValidAdupOP =>/validop 2 نعرض فيها قائمة العمليات مرتبة حسب التاريخ 3 اكشن يقوم بعرض صفحة الاضافة و التغيير للعملية الواحدة 4اكشن ياكد التغيير على مستوى القاعدة. ------------------------------------ *-Admin_C => /listc *-AddUpdateC=>/addupc *-ValidAdUpc =>/validc -قاءمت المؤسسات او اي فاعل حدث سحب او ادخال مال الى الرصيد عرض صفحه الاضافة و التغيير تاكيد الحفظ ------------------------------------- 3-صفحات الاشتمل HTML login.html فيها نجد اسم المستخدم و كلمت السر و زر المزافقه listop.html فيه نجد جدول به جميع حقول جدول العمليات في شكل قاءمة addupop.html فيه نجد به جميع حقول جدول العمليات في شكل عناصر ادخال txtbox listc.html // addupc.html // ------------------------------------- 3-المكونات ضع مكون الاتصال مع قاعدة اليانات و اجري الربط SQLConnection1 ضع 5 مكونات ربط صفحات الاشتمل PageProducer1 تغير الاسم PgP...... مثال PgPlistc و اجري الربط ------------------------------------ ملاحظ نترك CSS et js في الاخير اذا اصبحت الامور كما في الصورة اما عن طريقة الربط مع مي اسكل ان افضل مكونات مايداكDAC و هي كا التالي الصورة 2 كود : http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1234115876.jpg كود : http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1234115774.jpg لقد اضفت تسجيلات في الجدول لتضهر النتيجه الصورة تبين دلك كود : {==============================================================================}{ UwebmGestC : aaplication ISAPI DELPHI sur APACHE . @ - ZEKIRI ABDELALI . @- 07-02-2009 .{==============================================================================}unit UwebmGestC;{------------------------------------------------------------------------------}interface{------------------------------------------------------------------------------}uses SysUtils, Classes, HTTPApp, DBXpress, DB, SqlExpr, HTTPProd, ADODB,DBAccess, MyAccess;{------------------------------------------------------------------------------}type TWebM = class(TWebModule) PgpLogin : TPageProducer; ConGestCompt: TMyConnection; Pgplistc : TPageProducer; Pgplistop : TPageProducer; Pgpaddupop : TPageProducer; Pgpaddupc : TPageProducer; {------------------------------------------------------------------------------}{################### ALL TAG #################################################{------------------------------------------------------------------------------} procedure PgplistcHTMLTag(Sender: TObject; Tag: TTag;const TagString: String; TagParams: TS كود : <html> ابع الان سنقوم بانشاء صفحة CSS لتضهر النتيجة في شكل جيد gestc.css نضع هذا الملفي في مجلد جديد اسمه css في المسار C:\allsource\html\css\gestc.css نظيف في اعلى الملف html كود : table.blue { المطلوب كتابة الكود في الدلفي كي يعرض الجدول الازرق و الاسطر ازرق تارة و ابيض تارة اخرا زهنا انتم بحاجة الى MOD 2 = 0 ; ------------------------- كي تسهل الامور في الوهلة الاولي ضع الملف Css في HTML ملاحضة-------------------------------- يمكنك سرقت احد اعضاء مبرمجين الواب لمساعدتك في هذه المرحة هم اصحاب الخبرة ولان خبرتي محدودة في الانماط كود : http://www.arabteam2000-forum.com/uploads/monthly_02_2009/post-1034-1234220288.jpg تصميم المواقع باستخدام isapi - hasob2000 - 28-06-2011 اشكرك اخ زكيري على الموضوع الرائع و المهم جدا لمن يريد تشغيل التطبيق عن طريق الانترنت لكن الموضوع يتطلب المزيد من التوضيح لأنة يحتوي على معلومات كثيرة معتمده على بعضها البعض بالنسبة الي استخدمت isapi عن طريق Datasnap و هي اسهل في الاستخدام تصميم المواقع باستخدام isapi - زكيري عبدالعالي - 28-06-2011 الحقيقة اني كتبت الموضوع مذوا فترة في منتداي الاخر لكني احببت اك اعيده هنا لافيد به اعضاء المتدي الغالي اما عن ISAPI و CGI DATASNAP و حتى محركات XML المتتجة بالدلفي وObjet COM ASP كلها ادوات برمج مواقع الويب قديمة جدا . صح اضيف الكثير في DATASNA لكن مازال يعيد عن البرمجة البسيطة التي يةفرها دلفي بريسم . سانقل الدروس المتبقة لاحقا كي نناقشها اما عن ISAPI HTML ابدا ان كنت ترغب تجربة المثال و ان شاء الله اكون هنا لمساعدتك . تصميم المواقع باستخدام isapi - زكيري عبدالعالي - 28-06-2011 مواقع من انشائي بهذه التقنية 1- كود : http://register.compubase.net/login?part=&lang=E |