|
|
|
 | |||
| أرشيف المقالات عدد المقالات ( 1 ) | |||
|
| |||
|
صمم سجل زوار بنفسك .... |
|
بسم الله الرحمن الرحيم هذا هو الدرس الأول من دروس ال ASP طبعا كما قلنا ان الدروس النظريه لن تأتي بفائده لذا قررت ان تكون سلسة الدروس عمليه بحته مع شرح للكود فأنت لن تحتاج في يوم من الأيام ان تقوم بتعريف ال ASP او من هي الشركه التي تدعمها او او او .... كل ما تحتاجه فعلا هو ان تصنع موقعاً بها هذا ما يهمنا . اولا / مبدأ عمل سجل الزوار ... الصفحه الأولى يوجد بها الفورم الذي يقوم زائر الصفحه بتعبئته عند الإنتهاء من تعبئته يضغط على زر Submit أو " ارسل " .. الذي يحدث في الواقع هو أن بياناته التي قام بتعبئتها تخزن في جدول من جداول قاعدة البيانات إلى هنا انتهت عملية التوقيع في سجل الزوار . لنأتي لعملية مشاهدة سجل الزوار إذن سنحتاج لتصميم صفحه اخرى كي تقوم بطباعة الداتا الموجوده في جدول قاعدة البيانات بشكل نحن الذي نحدده . ثانيا / عدد الصفحات التي سنستخدمها في هذا العمل .. .. 1 . قاعدة بيانات من نوع أكسس . 2 . صفحة عادية جدا إتش تي إم إل تحوي الفورم الذي سيقوم الزائر بتعبئته ... 3 . الصفحة الرئيسية و هي شاهد سجل الزوار ... 4 . سنحتاج لصفحه لن يشاهدها الزائر تكون ايضاً إيه إس بي ولكن ما فائدة هذه الصفحه ؟؟ عندما قلنا ان الزائر عندما ينتهي من تعبئة بياناته ويرسلها تخزن في جدول قاعة البيانات من الذي يقوم بهذا العمل ؟؟؟ إذن نحتاج لزيادة صفحه تقوم بتخزين المعلومات المرسله في القاعده ... في البدايه نتفق على مسميات الصفحات ثم نقوم بتصميمها واحده تلو الأخرى .. ثالثا / مسميات الصفحات التي سنقوم بإنشاؤها .. |
|
|
قاعدة البيانات : |
DB. .mdb |
|
صفحة التوقيع : |
Singe.htm |
|
شاهد سجل الزوار : |
Show.asp |
|
تعبئة القاعده : |
Fill.asp |
| 1 . تصميم قاعدة البيانات : في هذه القاعده لن نحتاج سوى لجدول واحد سأفترض ان لديك ولو خلفيه بسيطه عن تصميم قواعد البيانات . ومع ذلك سأشرح تصميم القاعده خطوه خطوه . افتح برنامج الأكسس واختر : New >> BlanckDatabase قم بتسمية القاعده وحدد مكانها وليكن في مجلد اسمه Lesson1 من الصندوق الذي سيظهر لك اختر " Create table in design View” في العمود الأول الذي يحمل اسم Field Name قم بكتابة : 1- Name 2- Mail 3- Masg على التوالي وفي العمود الثاني الذي يحمل اسم : data type قم بأختيار : 1- Text 2- Text 3- Memo ايضاً على التوالي .. الذي قمنا بعمله هو مايلي : قمنا بتصميم جدول يحوي ثلاثة اعمده العمود الأول name ويخزن فيه الأسم و العمود الثاني mail ويخزن فيه البريد العمود الثالث masg وتخزن في الرساله . . . . اما بالنسبه للـText و ال Memo فأنت عندما تصنع عمود في جدول يجب ان تحدد نوع البيانات التي سوف تخزن به في العمود الأول والثاني نوع البيانات Text اما النوع الأخر Memo فتعني النص الكبير النوع Text ينفع للنصوص القصيره اما Memo فهي للنصوص الكبيره. عند اغلاق المربع سيطلب من تسمية الجدول قم بتسميته Gust . انتهينا الأن من تصميم قاعدة البيانات لنكمل باقي الصفحات 2 . تصميم صفحة التوقيع : إفتح الفرونت بيج و صمم صفحة توقيع علي ذوقك لتناسب موقعك اليس كذلك .... الخطوة الأولي " إضغط إنسرت ,, فورم ,, تيكست بوكس و إنسخ مربع كتابة النص ثلاث مرات و نسقهما أمام الأولي النيم ,, الميل ,, الماسج ... قم بتغيير مربع النص الأول الذي بجانب الأسم ليكون اسمه " NameText” وذالك بالنقر عليه مرتين وكتابة اسمه الجديد مكان T1 قم بتغيير اسم مربع النص الذي بجانب البريد إلى "MailText " ومربع الرساله إلى "MasgText " بنفس الطريقه . و yضغط علي السب ميت مرتين و غير الأكشن كالتالي : Action=Fill.asp” " وفائدة الخاصيه action التي تأتي مع الفورم هي انه عندما يضغط الزائر على زر ارسل اين ستذهب المعلومات التي بالفورم؟؟؟؟؟ ستذهب للصفحه التي كتبتها في مكان action .. تصميم صفحة تعبئة القاعده : (Fill.asp ) ... قم بفتح الفرونت بيج وامسح جميع كود الـ HTML الموجود وأكتب : <%
Dim ConnectionString Dim ADO
ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;" & "Data Source=" & Server.MapPath("DB.mdb") Set ADO=Server.CreateObject("ADODB.Connection ) ADO.ConnectionString =ConnectionString ADO.Open
SQL="Insert INTO Gust (name,mail,masg) Values ('" & Request.Form("NameText") & "','" & Request.Form("MailText")&"','" & Request.Form("MasgText")&"');" ADO.Execute SQL response.redirect("Sign.htm") %> احفظ الصفحه في نفس مجلد قاعدة البيانات بأسم Fill.asp ويجب كتابة .asp بعد الأسم Fill . شرح الكود : العلامه : <%فائدة هذه العلامه واضحه جدا ولا يحتاج لشرح هذه العلامه تخبر المتصفح ان المكتوب بعدها عباره عن كود ASP تماما الجزء الأخضر : الجزء الأخضر مسؤل عن فتح الأرتباط بقاعدة البيانات و هنا ربطنا قاعدة البيانات بالصفحه عن طريق هذا الكود .. هذا الكود هو كود ربط قاعدة البيانات من نوع ACCESS مع صفحة الـ ASP كل ما تقوم بتغييره هو اسم القاعده ومكانها . الكود الأزرق : هذا الكود من جمل الـ SQL المشهوره جدا لكن مامعنى SQL ؟؟ هي بأختصار شديد جداً لغة التعامل مع قواعد البيانات اخر جمله : response.redirect("Sign.htm") وهي أمر للمتصفح ان يذهب للصفحه Sign.htm وبهذا لن يرى الزائر هذه الصفحه أي صفحة الـ Fill.asp لن القيم ستذهب لها من الفورم وفي اخر سطر سيرجع المتصفح لصفحة الفورم . تصميم صفحة شاهد سجل الزوار:(Show.asp ) افتح الفرونت بيج واكتب : <% Dim ConnectionString Dim ADO
ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;" & "Data Source=" & Server.MapPath("DB.mdb") Set ADO=Server.CreateObject("ADODB.Connection") ADO.ConnectionString =ConnectionString ADO.Open selectSQL="select * from Gust"
set rs=ADO.execute(selectSQL)
%> < table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="246"> <tr> <td width="90%" height="19"> <p align="right"><%=rs("name")%></td> <td width="10%" height="19"> <p align="right"><span lang="ar-sa"> <font size="5" face="Tahoma" color="#FF0000">الأسم</font></span></td> </tr> <tr> <td width="90%" height="19"> <p align="right"><%=rs("Mail")%></td> <td width="10%" height="19"> <p align="right"><span lang="ar-sa"> <font face="Tahoma" size="5" color="#FF0000">البريد</font></span></td> </tr> <tr> <td width="90%" height="206" valign="top"> <p align="right"><%=rs("Masg")%></td> <td width="10%" height="206"> <p align="right"><span lang="ar-sa"> <font face="Tahoma" size="5" color="#FF0000">التعليق</font></span></td> </tr> </table> <p align="right"> </p> <hr color="#000000" width="60%"> <%
ADO.close
%> و إحفظها بإسم Show.asp
و إلي هنا قد إنتهينا من تصميم سجل الزوار .... تحياتي للجميع مع تحيات الكاتب كريم علي مصطفي
|
|
جميع الحقوق محفوظة لموقع كيدو دوت نت