تصميم موقــع اخبــاري

النسخ

1 الجزء األول إعداد المهندس : محمد الساعدي م سان - العراق

2 بسم هللا الرحمن الرح م المقدمة الصبلة و السبلم على س د المرسل ن نب الرحمة السبلم( محمد ( عل ه و على اله أفضل الصبلة و اما بعد : اقدم لك اخ القارئ هذا الكت ب البس ط )دورة تصم م موقع اخباري ب ) asp.net الذي ضم ب ن دفت ه عدة مواض ع مهمة و بس طة لكل من ر د الغوص ف بحر asp.net و هو عبارة عن سلسلة دروس كنت قد قدمتها ف منتدى فجول ب سك لعدة اشهر و هذا الكت ب هو الجزء األول و إن شاء هللا سؤقوم بكتابة الجزء الثان عندما تسنح ل الفرصة و س تناول مواض ع متقدمة ب Asp.net كاألمان ( )Security الخ باإلضافة إلى دروس عن مواض ع أخرى مثل Sql Server 2012 عز زي القارئ قبل كتابة هذه الدروس قمت بالبحث ف كث ر من المنتد ات العرب ة ك اطلع على العد د من األسئلة و احت اجات المبتدئ ن حتى استط ع تقد م ش ء بس ط و مف د ف Asp.net و بسبب قلة المصادر العرب ة عن تقن ة Asp.net فقد حفزن هذا األمر أن استمر ف كتابة هذه الدروس. و هذا الكتاب مجان %011 و ال جوز ب عه و لكن ضر بته ه قراءة سورة الفاتحة على روح اب ( رحمه هللا ) اهداء: هذا العمل البس ط هو أقل ما نقدمه إلى وجه هللا سبحانه و تعالى و رسول اإلنسان ة ابا القاسم محمد )صلى هللا عل ه و آله و سلم( و إلى الت افنت ح اتها ف سب ل )أم (. و إلى أبناء شعب العراق ف بغداد و الموصل و البصرة و م سان و كركوك و الرمادي و النجف و باق المدن االخرى و إلى أمتنا العرب ة و اإلسبلم ة و إلى األحرار و المظلوم ن ف العالم. و إلى اصدقائ األعزاء :محمد فرحان و عمر المستشار و صفاء البطاط و ثامر الموسوي و أحمد رح م و عل الع دان و باق االخوان و األصدقاء. ال تنسونا بصالح الدعاء ف الغ ب المهندس / محمد الساعدي م سان العراق على بركة هللا نتوكل 1

3 الدرس األول بسم هللا الرحمن الرح م اللهم صل على محمد وآل محمد السبلم عل كم ورحمة هللا وبركاته : أما بعد... نفتح برنامج الفجول ستود و او برنامج الو ب دفلوبرو من File Add new Web Site وننشئ مشروع نسم ه Web( )My كما ف الصورة 2

4 ثم Rightعلى Click الExplorer Solution ونختار Add New Item ونختار SQL Server Database كما ف الصورة سوف تظهر لك رسالة تخبرك هل تر د ان تضاف قاعدة الب انات داخل المجلد Add انقر على )App_Data( ثم نذهب الى Serverوننقر Explorer على + الذي بجانب قاعدة الب انات الت انشئناها و Rightعلى Click Tablesونختار Addnew Table 3

5 ثم اضف الحقول التال ة داخل الجدول: Nid(int) وهو رقم الخبر وال تنسى هو المفتاح االساس ومقدار الز ادة ف ه= 0 (100 Title(Nvarchar وهو عنوان الخبر Sub(Nvarchar200) وهو جزء من الخبر Details(Nvarchar1000) وهو تفاص ل الخبر Photo(Nvarchar50) وهو لحفظ امتداد صورة الخبر Viewer(Int) وهو لحساب عدد المشاهد ن لكل خبر Home(Bit) وهو اذا اردنا الخبر ف الصفحة الرئ س ة او ال. Line(Bit) وهو اذا اردنا الخبر ف الشر ط االخباري او ال. ثم أحفظ الجدول وسم ه )News( االن انتهى جدول االخبار سنعود لبناء باق الجداول ف ما بعد. 4

6 ثم نذهب الى ال Solutionونحذف Explorer صفحة الت اسمها Default Master1.master ثم نض ف ماستر ب ج ونسم ها.aspx ثم ننشئ مجلد داخل ال Solutionونسم ه Explorer صفحات االدمن من االضافة والحذف والتعد ل Adminوستكون داخلة و Rightعلى click مجلد االدمن ونض ف الصفحات التال ة: ونض ف صفحة جد دة form( )Web واجعلها تتورث من الMaster1.master. ثم اضف ماستر ب ج داخل مجلد االدمن وسم ه Admin.master Admin.master واضف وسم ها Webداخل form مجلد االدمن واجعلها تورث من Control_News أضف Webوسم ه user control Menu_Admin 5

7 االن نفتح الصفحة الت اسمها Menu_Admin.ascx ف الصورة: و نض ف جدول داخله كما ح ث عدد االسطر =0 وعدد االعمدة =0 وجعلناه ف منتصف الصفحة واالتجاه من ال م ن الى ال سار الننا سوف نستخدم اللغة العرب ة )من ال م ن الى ال سار(. ومن قائمة االدوات) Tools ( نض ف Hyberlink ونذهب الى خصائصه وف الحقل Textنكتب أدارة االخبار وف الحقل Navigation URL ننقر عل ه ونختار الصفحة الموجودة داخل المجلد Adminالت اسمها Control_News.aspx وننقر على زر حفظ الذي ف االعلى ونغلق صفحة الMenu_Admin.ascx. 6

8 مبلحظة )الزال عملنا داخل المجلد.)Admin نفتح الصفحة Admin.master ونحذف منها ال Contentالذي Place Holder سنض فة ف ما بعد )حذفناه حتى نستط ع ان نعمل براحتنا ) ثم ندرج جدول بنفس الطر قة السابقة لكن عدد العمدة =2 وعدد االسطر =3. 7

9 ثم ندمج السطر االول. وندمج السطر االخ ر. وكما تبلحظ سم نا كل خل ة بؤسم ثم ضع المإشر داخل الخل ة ( ) Menuوف الزاو ة ال سرى س ظهر حرف ن هما tdانقر عل هما نقره واحدة وأذهب الى 8

10 الخصائص ومن Widthاكتب 20% لك كون عرض هذه الخل ة %21 من عرض الجدول )حتى من نرفع الموقع ال تشوه شكله(. ثم أسحب Menu_Admin.ascx وضعه ف الخل ة الت سم ناه Menu وف السطر االول أكتب ف منتصفها Panel( )Control وأكتب ف Pooterما تر د مثبل انا كتبت Name( )Designed By Your وف الحقل )content( نسحب من االدوات )tools( االداة Content place Holderالذي قد حذفناه ف بدا ة تصم م هذه الصفحة.االن انته نا من صفحة.Admin.master نفتح الصفحة جدول )Control_News.aspx( ونذهب الى التصم م ونض ف داخلها عدد االسطر 2=)rows( وعدد االعمدة) 3=)Column وف السطر االول : الخل ة االولى Width=33% الخل ة الثان ة width=34% الخل ة الثالثة width=33% ف الخل ة الى نض ف Buttonونسم ه أضافة خبر وف الخل ة الثان ة كذلك نض ف Buttonونسم ة تعد ل االخبار وف الخل ة الثالثة نض ف كذلك Button ونسم ه حذف خبر. اما السطر الثان الذي حوي على ثبلثة خبل ا ندمجهن ونض ف االدارة Multiviewوكذلك نض ف ثبلثة من االداة Viewالت التعمل اال بداخل المولت ف و.كما ف الصورة ادناه: 9

11 ف الView1 نض ف داخله جدول وف ه Rows=8 Column=2 مبلحظة جدآ مهمة// أي جدول تعمله وف ه عدد من االسطر واالعمده جب عل ك ان تضبط عرض الخبل ا ف ه حتى ال تشوه الموقع بعد رفعه. Textbox1 Textbox2 Textbox3 File upload1 Textbox Checkbox Checkbox label عنوان الخبر جزء من الخبر تفاص ل الخبر الصورة عدد المشاهدات ف الصفحة الرئ س ة ف الشر ط االخباري button 10

12 وكما ف الصورة: اآلن انتهى هذا الفصل ولم نكتب أي كود نلق كم ف الدرس الثان الذي س كون ف ه بعض االكواد ف آمان هللا وحفظه 11

13 الدرس الثان بعد ان بن نا ه كل صفحة أضافة خبر نكمل بناء االكواد لكن قبل ان نشرع بالبناء هناك مبلحظة أحببت ان انوه لها وه لقد استخدمنا ف صفحة Control_News.aspx االداة Multiviewولذلك لك نقلل عدد الصفحات بالموقع فمثبل بدال ان نبن ثبلثة صفحات لبلخبار وه )أضافة خبر+تعد ل الخبر+حذف خبر (أستخدمنا االداة Multiviewوف ها ثبلثة Viewالت أغنتنا عن بناء هذه الصفحات الثبلثة. نكمل: Stored االن نذهب الى Procedure Serverومنها Explorer نختار قاعدة ب اناتنا ونض ف 12

14 ونمسح أي كتابة باللون االخضر return وكلمة ونكتب الكود التال ة CREATE PROCEDURE Add_News Bit ) AS insert into News (Title,Sub,Details,Photo,Viewer,Home,Line) Values (@Title,@Sub,@Details,@Photo,@Viewer,@Home,@line) ALTER ثم تنقر على زر الحفظ فسترى كلمة حفظ البروس جر CREATEتحولت الى كلمة معناه تم ح ث سم نا البروس جر Add_News تعط نا مرونة ف العمل. واستخدمنا البروس جر ألسباب امن ة وكذلك 13

15 االن نض ف الى مشروعنا نحتاجها: Classونبق ه بنفس االسم لك نكتب داخله االكواد الت سوف تضهر لك رسالة تخبرك هل تر د ان تضع الكبلس ف مجلد اسمه App_Code أنقر على نعم.ونحذف أي كبلم باللون االخضر. نستدع ال Nameالخاص space بقواعد الب انات SQL VB: Imports System.Data.SqlClient وف ه نعرف االتصال بقاعدة الب انات VB: Public Class Class1 Public con As New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename= DataDirectory \Database.mdf;Int egrated Security=True;User Instance=True") End Class 14

16 Stored Procedure ثم نحتاج ان نكتب كود الضافة عملنا ف الكبلس( خبر أعتمادآ على ))مازال VB: Public Sub Add_News(ByVal Title As String, ByVal [Sub] As String, ByVal Details As String, ByVal Photo As String, ByVal Viewer As Integer, ByVal Home As Boolean, _ ByVal Line As Boolean) con.open() Dim cmd As New SqlCommand("Add_News", con) cmd.commandtype = Data.CommandType.StoredProcedure cmd.parameters.addwithvalue("@title", Title) cmd.parameters.addwithvalue("@sub", [Sub]) cmd.parameters.addwithvalue("@details", Details) cmd.parameters.addwithvalue("@photo", Photo) cmd.parameters.addwithvalue("@viewer", Viewer) cmd.parameters.addwithvalue("@home", Home) cmd.parameters.addwithvalue("@line", Line) cmd.executenonquery() con.close() End Sub ثم نذهب الى مشروعنا ونض ف ف ه مجلد نسم ه Picture االخبار وهو لحفظ صور ثم ننقر على زر الحفظ ونفتح الصفحة Control_News.aspx مزدوجة على البوتون)أضافة خبر( ونكتب ف ه وننقر نقره VB: MultiView1.ActiveViewIndex = 0 حتى نضهر الView1 الخاص بعمل ة االضافة. VB: نرجع الى التصم م وننقر على البوتون )حفظ( ولكن نوع Stringف الصفحة لحفظ مسار الصورة: قبل جب تعر ف متغ ر من Public Path As String 15

17 االن نكتب الكود التال داخل البوتون )حفظ( VB: Try If FileUpload1.HasFile AndAlso FileUpload1.PostedFile.ContentLength > 0 Then Path = ("~/Picture/" + FileUpload1.FileName) FileUpload1.SaveAs(Server.MapPath(Path)) End If Dim Add As New Class1() Add.Add_News(TextBox1.Text, TextBox2.Text, TextBox3.Text, Path, Convert.ToInt16(TextBox4.Text), CheckBox1.Checked, _ CheckBox2.Checked) " تم الذفظ" = Label1.Text TextBox1.Text = "" TextBox2.Text = "" TextBox3.Text = "" TextBox4.Text = "" Catch ex As Exception Label1.Text = ex.message End Try فقد وضعنا شرط ف البدا ة وهواذا كان الفا ل ابلود ف ه ملف وهذا الملف حجمة اكبر من صفر ثم حفظنا مسار الصورة داخل المجلد Picture وحفظنا الصورة ف المجلد. بعد ذلك عرفنا متغ رAdd من نوع Class1 لك نستط ع التعامل مع الكبلس واستدع نا الدالة Add_News واسندنا لها الق م الموجودة داخال مربعات النصوص والمتغ ر Pathالى الصورة وكذلك قمنا بتحو ل ال Textbox4.text الى Int وهو لعدد المشاهدات لكل خبر الذي ف ما سبق عرفنا كint.ثم أفرغنا ستضهر لنا رسالة تخبرنا بتم الحفظ وافرغنا محتو ات مربعات النصوص. 16

18 االن أستعرض الصفحة وشاهد ذلك ودائما اسند الى عدد المشاهدات صفر حتى بدأ العد من الصفر. 17

19 الدرس الثالث ف الدرس السابق قمنا ببناء صفحة اضافة خبر.وكان عملنا بالكود فقط ان شاء هللا سنحاول ان ننته من أدارة االخبار )التعد ل والحذف (وس كون مز ج ب ن استخدام االكواد واستخدام Wizerd وبعون هللا س كون الدرس ف ه بعض السهوله. نكمل: نفتح مشروعنا) MyWeb ( ونفتح الصفحة )Control_News( ونذهب الى وضع التصم م وننقر على بوتون تعد ل االخبار نقرة مزدوجة لتفتح لنا صفحة الكود.ونكتب ف ه الكود التال : VB: MultiView1.ActiveViewIndex = 1 مبلحظة// تتذكرون اننا اضفنا داخل الMultiview1 ثبلثة من االداة View فترق م هذه االدوات الثبلثة بدأ من الصفر ثم واحد ثم أثن ن كما تبلحظون ف الكود اعبله قد اردنا فتح الView2 لذلك كان االندكس =0. االن نذهب الى الView2 وندرج داخله جدول Rows=11 Column=2 وندرج ما ل : السطر االول: DropDownlist السطر الثان : ندمجة ونض ف ف ه: Role Horizontal Html الموجود تحت قائمة السطر الثالث: ندمجه ونض ف ف ه Detailsوهو View لعرض االخبار. السطر الرابع :ندمجة ونض ف ف ه Horizontal كما ف السطر الثان. السطر الخامس والسادس والسابع نض ف ف هم فقط TextBox 18

20 السطر الثامن نض ف ف ه File Upload السطر التاسع والعاشر نض ف االداة Checkbox السطر الحادي عشر ف ه بوتون نسم ة )تحد ث(وكذلك ل بل كما ف الصورة ادناه: نضع المإشر على DropDownlist1 س ظهر بجانبه سهم صغ ر ننقر عل ه وانقر على المربع المقابل PostBack( )Enable Auto ثم أختر Chooseستضهر Data Source لك صفحة تخبرك ان تختار قاعدة الب انات 19

21 Database أختر New Data Source ستظهر لك صفحة اخرى أختر منها ثم ستظهر لك صفحة اخرى تطلب منك ان تختار الكونكشن سترنك أنقر على السهم الصغ ر كما ف الصورة واختر الكونكشن سترنك الموجود ف ها 20

22 Title أختر الجدولNews ومنه أختر فقط ثم ثم Next OK ثم ستظهر لك الصفحة الت ظهرت أوال أنقر على.Finish 21

23 الى االن قد ربطنا الدروب داون مع عنوان االخبار بق ان نستعرض الباق ف الد ت لس ف و.ولعملها كما ل : كذلك نضع المإشر عل ه وننقر على السهم الصغ ر أختر Newكما data source ف الصورة اعبله. ستضهر لك صفحة أختر منها Database ثم OKثم تظهر صفحة أخرى أختر الكونكشن سترنك مثل الطر قة السابقة الى ان نصل الى أخت ار الجدول والحقول. نختار الجدول Newsونختار جم ع الحقول 22

24 ستظهر لنا صفحة أخرى أختر كما ف الصورة أدناه Finish Ok ثم أنقر على الزر Add Nextثم ثم ثم أستعرض وشاهد. أوك دعنا نرتب الد ت لس ف و. أنقر على السهم الصغ ر Taq( )Smart واختر Edit Field 23

25 ل فتح لنا صفحة ونحذف Nidكما ف الصورة وكذلك أحذف الحقل Photo وغ ر اسماء الحقول الباق ة 24

26 ثم أضف Image Field كما ف الصورة 25

27 . Photo ثم أختر الحقل Data Image url Field واختر منها 26

28 Ok ثم أنقر على Convert this field into atemplatefield ثم ثم مرة اخرى انقر على السمارت تاك للد ت لس ف و واختر Edit template واختر منها الحقل الذي حولناه الى ت مبل ت كما ف الصورة: واختر Itemس ظهر template لك الت مبل ت وف ه صورة صغ ره حاول ان تكبرها ثم انقر على Endاستعرض Template وشوف. 27

29 نكمل بناء ادارة االخبار نفتح الصفحة Control_Panel.aspx View2 عملنا ف لكن قبل ذلك ننشئ Storedونكتب procedure ف ها الكود التال : CREATE PROCEDURE Update_News Bit ) AS UPDATE News SET Title Sub Details Photo Home Line WHERE (Title ح ث استخدمنا هنا Title1 للشرط الذي سوف ساوي ماموجود ف ال DropDownlist ف صفحة. Control_News.aspx نفتح بعد ذلك صد قنا الClass1.cs ونض ف ف ه الدالة التال ة وهو لتحد ث الخبر: VB: Public Sub Update_News(ByVal Title As String, ByVal [Sub] As String, ByVal Details As String, ByVal Photo As String, ByVal Home As Boolean, _ ByVal Line As Boolean, ByVal Title1 As String) con.open() Dim cmd1 As New SqlCommand("Update_News", con) cmd1.commandtype = Data.CommandType.StoredProcedure cmd1.parameters.addwithvalue("@title", Title) cmd1.parameters.addwithvalue("@sub", [Sub]) cmd1.parameters.addwithvalue("@details", Details) cmd1.parameters.addwithvalue("@photo", Photo) cmd1.parameters.addwithvalue("@home", Home) cmd1.parameters.addwithvalue("@line", Line) cmd1.parameters.addwithvalue("@title1", Title1) cmd1.executenonquery() con.close() End Sub 28

30 بعد ذلك نعود الى الصفحة Control_News.aspx البوتون)تحد ث( ونعرف ف ه متغ ر من نوع Class1 ونقره مزدوجة على VB: Try Label2.Text = "" Dim update As New Class1() If FileUpload2.HasFile AndAlso FileUpload2.PostedFile.ContentLength > 0 Then Path = ("~/Picture/" + FileUpload2.FileName) FileUpload2.SaveAs(Server.MapPath(Path)) End If update.update_news(textbox5.text, TextBox6.Text, TextBox7.Text, Path, CheckBox3.Checked, CheckBox4.Checked, _ DropDownList1.SelectedValue) DetailsView1.DataBind() DropDownList1.DataBind() "التعديل تم" = Label2.Text Catch ex As Exception Label2.Text = ex.message End Try ربما الكود واضح لكن وضعنا شرط ف الستور د بروس جر )Title1( الذي اخذ الق مه الموجودة ف الدروب داون لست الخاص بعرض عناو ن االخبار. االن انته نا من تعد ل االخبار ننتقل الى حذف خبر. ننقر على البوتون )حذف خبر ) وكالعادة نكتب ف ه الكود التال : VB: MultiView1.ActiveViewIndex = 2 لك نفتح الView3 ثم داخل الView3 نض ف ف ه االداة GridView ومن خصائصه أجعل العرض )Width=100%(. ثم على السمارت تاك الخاص بالكردف و نختار Chooseومنها Data Source نختار New Data Source وكما تعلمنا سابقا ك ف نربط القاعدة مع الد ت لز ف و كذكل الحال مع الكرد ف و واختر الجدول News وكل العناصر ف ه ثم انقر على Advance 29

31 ستظهر لك الصفحة ادناه:.Finish Ok ثم ثم Nextثم ( مبلحظة : حتى تفعل خصائص advanced:insert, شرطان: جب ان تحقق 0- أن حتوي الجدول على برا مري ك )مفتاح رئ س ( 2- ان كون البرا مري ك من ضمن الحقول المختارة من الجدول ) 30

32 ثم نرجع الى الكرد ف و وننقر على السمارت تاك ونضع عبلمة صح امام Enable Deleting بعد ذلك ننقر على Edit Column حتى تفتح لنا الصفحة التال ة ونحذف الحقول التال ة : Nid,Details,Photo,Viewer وأعد تسم ة باق الحقول اما الحقل Delete نجعله Button من الخاص ه Convert this into template field Buttonثم Type ننقر على 31

33 ثم Ok نعود الى السمارت تاك ونختار منه Edit Template وف الحقل Itemنضع Template المإشر على البوتون Deleteونذهب الى خصائصه سوف نجد الخاص ه On Client Click نكتب ف ها ("هل أنت متاكد ") return confirm وقد عملنا هكذا حتى عندما نر د ان نحذف أي خبر سوف سئلنا ح ث ربما ف بعض االح ان نحذف خبر سهوآ مباشرة لذلك استخدمنا هذا الكود لك ننتبه الي ش نحذفه. ثم من السمارت تاك للكرد ف و أختر. Template End 32

34 الدرس الرابع هذا الدرس س كون مخصص لعمل الشر ط االخباري وكذلك سجل لعدد زوار الموقع لكن قبل ان نباشر بهذا الدرس هناك عدة مبلحظات احببت ان انوه لها : ف الدرس الثالث )حذف خبر ) قد تعمدت ان احذف بعض الحقول من الGridview1 لك اب ن لكم انه سوف ال قوم بالحذف اال بعد ادراج جم ع الحقول لك قوم ال Gridview1 بالحذف ادرج جم ع الحقول وحاول ان تحذف ستجد الفرق. كذلك هناك نقطة جدا مهمة اال وه صح ح نحن نحذف الخبر وتفاص له وكذا وكذا ولكننا نحذف فقط مسار الصورة الذي خزناه ف قاعدة الب انات ولكننا لم نحذف الصورة وكما قد وضحت ف احدى تعل قات عن هذا الموضوع )منتدى ف جول ب سك/قسم دورات المنتدى /دورة تصم م موقع اخباري)موضوع متجدد( ح ث امامنا خ ار ن لحذف الصورة اما دو ا ح ث كلما نحذف الخبر سنذهب الى المجلد Pictureونحذف الصورة دو ا وهذا الى حد ما صعب على الشخص الذي س د ر الموقع الن كلما تكثر االخبار ستزداد الصعوبة وال أنصحكم بهذا.اما الخ ار الثان وهو ربما صعب على البعض ان نكتب كود قرأ امتداد الصورة من قاعدة الب انات ثم حذفها من المجلد pictureاعتمادا على االسم والمسار الخاص بكل صورة ف قاعدة الب انات وس كون بنفس اسلوب تعد ل االخبار لكن بدل التعد ل سنقوم بالحذف.وان شاء هللا اذا بق نا اح اء سؤخصص درس كامل لهذا الموضوع. على هللا االتكال... نفتح مشروعنا )MyWeb( نذهب الى Solution Explorer ومن Add new item نض ف الى مشروعنا web user control.ascx ونسم ه News_Line ونذهب الى وضع التصم م وندرج ف ه جدول كما ف الصورة: 33

35 ح ث جعلنا عرض الجدول %011 وارتفاعه 51 بكسل وهذا المقدار كاف للشر ط االخباري :ثم ندرج داخله االداة.Repeater مبلحظة // االدارة repeaterله templates مثل اله در واال تم والبوتر ولكننا النستط ع التعامل معها اال عن طر ق اكواد.html نات لربط الر ب تر بقواعد الب انات Data base ننقر على السمارت تاك ونختار Choose new data source ثم نختار جم ع الحقول ف الجدول News ثم 34

36 .Finish ثم Nextوبعد ذلك الى االن قد درجنا جم ع االخبار ف الشر ط االخباري واذا تتذكرون قد وضعنا حقل لك نستخدمه الضافة الخبر للشر ط االخباري او ال وهو Lineف جدول االخبار ف قاعدة ب اناتنا.ج د سنستخدمه لك نضع شرط وشرطنا س كون اذا كان هذا الحقل حمل الق مه واحد فس ظهر الخبر ف الشر ط االخباري واذا صفر سوف ال ظهر. أنظر الى مشروعك ح ثمن ربطت الرب ت ر مع قاعدة الب انات تولدت اوتومات ك ا مصدر ب انات Sqlف الصفحة.نضع المإشر عل ها ونذهب الى خصائصها سنجد احد الحقول اسمه select Quiery ننقر عل ها. 35

37 SELECT Nid, Title, Sub, Details, Photo, Viewer, Home, Line FROM News WHERE (Line = 1) نكتب الكود اعبله ف حقل select command. ثم اوك هكذا قد وضعنا الشرط االن نضع المإشر على Repeater1 ونذهب الى وضع Source ونضع الكود التال ة لكن انتبه ح ث لغة Aspحساسه لبلحرف الكب رة والصغ رة وحتى الفراغات : <marquee ID=Marquee1 direction=right dir="ltr" onmouseover=this.stop() onmouseout=this.start() scrolldelay=2 scrollamount=2> <asp:repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1"> <ItemTemplate > <A href ='Details.aspx?Nid=<%#DataBinder.Eval(Container.DataItem,"Nid") %>'> <%#DataBinder.Eval(Container.DataItem,"Title") %> </A> </ItemTemplate> </asp:repeater> </marquee> لقد اضفنا ماركو وهو لتحر ك االخبار وله عدة خصائص منها اتجاه الماركو والحركة ستكون من ال سار الى ال م ن وعندما نضع الموشر على الخبر ستتوفق حركة الخبر واذا تركناه س تمر بالحركة وكما قلت قبل قل ل ان للرب تر ت مب لتات نستط ع التحكم بها عن طر ق كود ASP ووضعنا عدة فراغات ف بدا ة كل خبر س ظهر ف ال itemوبؤمكانك Template ان تض ف صورة 36

38 صغ رة اذا احببت ذلك ثم وضعنا الرابط لكل خبر وهو كو ري سترنك س نقلنا الى صفحة التفاص ل و نقل معه رقم الخبر عندما ننقر على الخبر وانه نا الرابط. اضف صفحة الى مشروعك وسم ها Detailsوه لتفاص ل االخبار. الى االن انته نا من عمل الشر ط االخباري. االن سنض ف عداد زوار الى الموقع. نذهب الى Solutionونض ف Explorer Global application الى مشروعنا مبلحظة //ال مكنك اضافة اكثر من واحد الى مشروعك. 37

39 ثم سنكتب االكواد التال ة : VB: Sub Application_Start(ByVal sender As Object, ByVal e As EventArgs) ' Code that runs on application startup Application("v") = 0 ح ث أعط نا متغ ر ف حدث بدا ة التطب ق قد اعط نا للمتغ ر ق مة وه صفر لك بدا العد من الصفر و تصاعد ثم ف حدث بدا ة الجلسة نض ف الكود التال VB: Sub Session_Start(ByVal sender As Object, ByVal e As EventArgs) ' Code that runs when a new session is started Application.Lock() Application("v") = (CInt(Application("v")) + 1) Application.UnLock() End Sub وف بدا ة كل جلسة س زداد هذا العداد بمقدار واحد.ف الدرس القادم سنكمل ولكن تستط ع تجربة عداد زوار كالتال : انشئ صفحة واضف ف ه Lable وف حدث تحم ل الصفحة اكتب الكود التال VB: Label1.Text = Convert.ToString(Application("v")) واستعرض هذه الصفحة اكثر من مرة وشاهد انه سوف زداد العداد.وكذلك مكن مشاهدة الشر ط االخباري بسحب News_Lineالى هذه الصفحة الت انشئناها للتجر ب واستعرض وشاهد 38

40 الدرس الخامس تح ة ط بة.. ال وم درسنا س كون عن عمل )اقرأ المز د( الت كث را ما نراها ف المواقع االخبار ة بل وحتى ف مواقع غ ر اخبار ه وه جدا مهمة لك كمطور مواقع. الفكرة//كل ما هنالك تحتاج صفحت ن احدهما نكتب ف ها االخبار والصفحة االخرى نكتب ف ها التفاص ل ومهما كان عدد االخبار. دعونا نبدأ... أذا تتذكرون قد أضفنا صفحة الى مشروعنا ه )Default.aspx( وجعلناه تتوارث من الماسترب ج )master1.master( االن نفتحها ونذهب الى وضع التصم م. فداخل ال contentنض ف place holder االداة. rtl ومن الخصائص نحول االتجاه html divالموجودة ف قائمة ادوات Data وداخل div نض ف االداة Dataالموجودة list ف قائمة كما ف الصورة ومن السمارت تاك نختار قاعدة الب انات الى نصل الى اخت ار الجدول كما تعلمنا سابقا order by وهو لتسلسل االخبار لكن قبل ان تنقر على nextانقر على 39

41 Finish ثم ثم Next مبلحظة //التنسى ان تجعل عرض الداتا لست %011. بعد ذلك نضع المإشر على Sql Data source 1 الخاص ة ونذهب الى خصائصها ونختار ننقر على select Query ونض ف داخله الكود التال : 40

42 SELECT TOP (5) Nid, Title, Sub, Details, Photo, Viewer, Home, Line FROM News WHERE (Home = 1) ORDER BY Nid DESC ح ث ف الكود اعبله اخترنا اول 5 اخبار لعرضها ف الصفحة الرئ س ة عندما كون الحقل Homeق مته 0 وكذلك جعلنا الترت ب تنازل من االعلى الى االدنى حسب رقم Nid ثم نرجع الى السمارت تاك ونختار Edit Template منه نحذف الحقول التال ه : Home,Line,Viewer,Details,Nid,Photo ونض ف داخل هذا الت مبل ت االداة Image ومن السمارت تاك لبلداة ا م ج نختار Edit Data Bind ثم نختار Image Url كما ف الصورة ادناه 41

43 Hyber link ومن خصائصها نسم ه )أقرأ Binding.. Edit Data نفس طر قة نعود الى الت بمل ت ونض ف ف ه االداة المز د( ثم من السمارت تاك لها نختار Image اعبله Custom كما تبلحظ ف الصورة اعبلة قد اخترنا Navigation Url وف الحقل Binding كتبنا الكود التال 42

44 "Details.aspx?Nid=" +Eval("Nid") استعرض وهذا هو Query String وشوف وقد ارسلنا ف ه اسم الصفحة ورقم ال Nid 43

45 الدرس السادس إن شاء هللا ال وم س كون درسنا مسل وبس ط جدا.لقد وجدت الكث ر من االخوان ف منتدانا الغال ر دون عمل صفحة لعرض االخبار كما ف بعض المواقع مثل بلكورا وغ ره. نحن ال نر د ان نكون فقط مطور ن نكتب االكواد وال نهتم لمظهر الموقع وهو احدى اهم االش اء الت تجذب الزوار فؤحببت ان اعمل هذا الش لك نض ف بعض الح و ة لموقعنا.ه ا بنا نبدأ... لقد شرحت ف الدرس السابق شرح لفكرة عمل اقرا المز د.ال وم سنستغن عنها ونعمل ما شابه لها عملنا ال وم س عتمد بالدرجة االساس على مكتبة ال) JQuery ( وه مكتبة مشتقه من لغة الجافا سكربت والجم ل ف ها تستط ع عمل اش اء قر به من الخ ال باقل عدد من االكواد ربما سطر او اثن ن من االكواد وه سهله علما ان لست متبحرا ف الج كو ري وانما قد تعرفت عل ها بصورة سطح ة بما ناسب عمل وانصحكم بتعلمها وه اقرب ما تكون لtoolkit Ajax وسهلة الفهم واالستخدام. وبامكانكم ان تعملوا ماتر دون من البوم صور وغ ر ذلك من التاث رات الجم له جدا. على هللا األتكال... نفتح مشروعنا ونفتح الصفحة Default.aspx ونمسح جم ع ما بداخلها Html ونض ف داخلها Divمن قائمة أدوات ونذهب إلى وضع ال Source 44

46 بعد ذلك نض ف لمشروعنا مجلد ونسم ة Slides Add Existing Item click right نقف على مجلد Slides داخله ثم ثم ونض ف coin-slider-styles.css coin-slider.min.js jquery js الموجودات بمجلد المرفقات االن بطر قة السحب واالفبلت نض ف هذه االش اء الثبلثة ب ن <asp:content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> و </asp:content> 45

47 ل صبح الكود بهذا الشكل: <asp:content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> <script src="slides/jquery js" type="text/javascript"></script> <script src="slides/coin-slider.min.js" type="text/javascript"></script> <link href="slides/coin-slider-styles.css" rel="stylesheet" type="text/css" /> </asp:content> ولكن بق ت كتابة دالة الج كو ري نكتبها مع الكود اعبله <script type="text/javascript"> $(document).ready(function() { $('#coin-slider').coinslider({ width: 565, height: 290,spw: 7,sph: 5, delay: 3000,sDelay: 30,opacity: 0.7,titleSpeed: 500,effect: '', navigation: true,links : true, hoverpause: true }); }); </script> ل صبح الكود النهائ بهذا الشكل: <%@ Page Language="VB" MasterPageFile="~/Master1.master" AutoEventWireup="false" CodeFile="Default3.aspx.vb" Inherits="Default3" title="untitled Page" %> <asp:content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> <script src="slides/jquery js" type="text/javascript"></script> <script src="slides/coin-slider.min.js" type="text/javascript"></script> <link href="slides/coin-slider-styles.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(document).ready(function() { $('#coin-slider').coinslider({ width: 565, height: 290,spw: 7,sph: 5, delay: 3000,sDelay: 30,opacity: 0.7,titleSpeed: 500,effect: '', navigation: true,links : true, hoverpause: true }); }); </script> </asp:content> <asp:content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <div> </div> </asp:content> 46

48 االن انته نا من بناء الج كو ري بق االستدعاء Div </div> و ب ن <div> نض ف السطر التال وهو عبارة عن <div id='coin-slider'> ثم نذهب الى وضع التصم م.ثم بعد ذلك اضف االداة DataListواربطها مع قاعدة الب انات بطر قة الوزرد كما تعلمنا سابقا و نختار جم ع الحقول ) وال تنسى اجعل التسلس للNidتنازل كما ف الصورة ثم.Ok 47

49 ثم نضع المإشر على Sql Data source Select Query ونذهب الى الخصائص ونختار ونكتب الكود التال SELECT Nid, Title, Sub, Details, Photo, Viewer, Home, Line FROM News WHERE (Home = 1) ORDER BY Nid DESC وبعد ان تنته أنقر على السمارت تاك للداتا لست واختر Edit Template لبلداة داتا لست وامسح كل ش ف ه.... ثم نعود الى وضع ال Source وداخل ال itemنض ف Template الكود التال <div> <A href ='Details.aspx?Nid=<%#DataBinder.Eval(Container.DataItem,"Nid") %>'> <asp:image ID="Image1" runat="server" ImageUrl='<%# Eval("Photo") %>' /> <span> <asp:label ID="Label2" runat="server" Text='<%# Eval("Title") %>'></asp:label> </span> </A> </div> 48

50 االن احفظ ثم استعرض وتمتع بالج كو ري للتذك ر فقط كود الصفحة بصورة كاملة اصبح بهذا الشكل Page Language="VB" MasterPageFile="~/Master1.master" AutoEventWireup="false" CodeFile="Default3.aspx.vb" Inherits="Default3" title="untitled Page" %> <asp:content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> <script src="slides/jquery js" type="text/javascript"></script> <script src="slides/coin-slider.min.js" type="text/javascript"></script> <link href="slides/coin-slider-styles.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(document).ready(function() { $('#coin-slider').coinslider({ width: 565, height: 290,spw: 7,sph: 5, delay: 3000,sDelay: 30,opacity: 0.7,titleSpeed: 500,effect: '', navigation: true,links : true, hoverpause: true }); }); </script> </asp:content> <asp:content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <div> <div id='coin-slider' dir="rtl"> <asp:datalist ID="DataList1" runat="server" DataKeyField="Nid" DataSourceID="SqlDataSource1" Width="100%"> <ItemTemplate> <div> <A href ='Details.aspx?Nid=<%#DataBinder.Eval(Container.DataItem,"Nid") %>'> <asp:image ID="Image1" runat="server" ImageUrl='<%# Eval("Photo") %>' /> <span> <asp:label ID="Label2" runat="server" Text='<%# Eval("Title") %>'></asp:label> </span> </A> </div> </ItemTemplate> </asp:datalist> <asp:sqldatasource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT Nid, Title, Sub, Details, Photo, Viewer, Home, Line FROM News WHERE (Home = 1) ORDER BY Nid DESC"> </asp:sqldatasource> </div> </asp:content> 49

51 درسنا المقبل س كون عن بناء صفحة التفاص ل وما تعلق بها من عدد المشاهدات لكل خبر وكذلك التعل قات. 50

52 الدرس السابع درسنا ال وم س كون عن عمل عدد المشاهدات لكل خبر وهو ربما س كون بس ط على البعض وف ه بعض الصعوبة على البعض االخر. نفتح مشروعنا ونض ف صفحة نسم ها Details.aspx وه لعرض تفاص ل االخبار ونجعلها ترث من الصفحة )Master1.master(. نذهب الى Serverونض ف Explorer Storedلمشروعنا Procedure ونكتب الكود التال create PROCEDURE Details int ) AS UPDATE News SET Viewer = Viewer + 1 WHERE Nid=@Nid SELECT * FROM News WHERE Nid=@Nid الكود اعبله معناه انشئنا بروس جر تحمل االسم Details وعرفنا ف ها متغ ر وهو من نوع Int وهو ال Query String ثم بعد ذلك قد استعملنا Nestedأي Query اننا استخدمنا استعبلم التحد ث واستعبلم االخت ار ف هذا البروس جر لماذا الننا نر د ان نجعل الحقل Viewer زداد بمقدار واحد كلما شاهد الخبر وهذه ه فكرة عدد المشاهدات وبامكانك ان تعملها كما تر د. ثم انقر على زر حفظ ل تم حفظ البروس جر وستبلحظ ان الكلمة Createقد تحولت الى كلمة Alter وتعن قد تم حفظها واصبحت جاهزة للتعد ل. Details View نعود الى الصفحة Details.aspx ونض ف داخلها االداة ومن السمارت تاك نختار ف الصورة ادناه Chooseونتبع Data Source الطر قة المعتادة كما 51

53 الى ان نصل الى اخت ار الجداول عندها سوف نختار كما ف الصورة: 52

54 ثم Next ستظهر لنا صفحة ادناه 53

55 كما تبلحظ قد اخترنا Stored Procedure ومنها اخترنا البروس جر الت قد انشئناها قبل قل ل الت اسمها Details ثم Next ستظهر لنا الشاشة التال ة الت تطلب منا ان نب ن ما تتذكرون قبل قل ل قلت ان هو كو ري سترنك. من القائمة Parameterنختار Source Queryكما String ف الصورة 54

56 س ظهر لك حقل جد د طلب ف الصورة منك الكو ري سترنك المرسل فسنكتب ف ه Nidكما Finish ثم ثم Next ثم ننقر على السمارت تاك واختر Edit Field واحذف جم ع الحقول ماعدا Title و Details واجعلهما للقراءة فقط واخف عنوانهما كما ف الصورة ادناه 55

57 وأضف Templateمن Field قائمة Available Fields للت مبل ت المضافة Falseكما ف التا تل والد ت لز ثم.OK وكذلك اجعل اله در بعد ذلك نعود الى السمارت تاك ومنها نختار Editس فتح Templates لنا مباشرة الت بل ت الذي اضفناه قبل قل ل نض ف داخلة االداة Imageوحاول ان تكبر حجمها من االسهم الصغ ر الت بجانبها ثم من السمارت تاك لها اختر Edite Bindings.. Data ستظهر لك الشاشة ادناه 56

58 Ok Photo كما تبلحظ قد اخترنا Imageواخترنا Url الحقل ثم Header ثم نعود الى السمارت تاك لل DetailsView Template ومن ال Displayنختار بعد ذلك داخل اله در ت بل ت نض ف االداة Divومن خصائصها نختار ال Style ونختار لون للخلف ة حسبما تر د ونكتب داخل Div عدد المشاهدات ونض ف االداة Labelومن السمارت تاك لها اختر.. Binding Edit Data ثم نربطه مع الحقل Viewerكما ف الصورة 57

59 ثم OK مبلحظة //التنسى اجعل عرض الد ت لز ف و =%011 من خصائصة. االن اذهب الى الصفحة Default.aspx واستعرض االخبار وتفاص لها اكثر من مرة وشاهد العداد )عدد المشاهدات زداد بمقدار واحد ف كل مرة 58

60 الدرس الثامن ال وم ان شاء هللا درسنا س كون ك ف نعمل عداد للمتواجد ن حال ا على الموقع وكذلك انشاء تسج ل الدخول لؤلدمن. على هللا االتكال... نفتح مشروعنا )Myweb( ومنه نفتح الملف Global.asax التال : ونكتب ف ه الكود VB: Sub Application_Start(ByVal sender As Object, ByVal e As EventArgs) ' Code that runs on application startup Application("v") = 0 Application("online") = 0 Application.Lock() Application("v") = (CInt(Application("v")) + 1) Application("online") = (CInt(Application("online")) + 1) Application.UnLock() End Sub معنى الكود اننا قد عرفنا متغ ر هو Application["online"] واعط ناه ق مة صفر ف بدا ة تنف ذ المشروع اما المتغ ر Application["v"] فهو لعداد زوار الموقع وقد تعلمنا ف درس سابق ك ف ننشئ هذا العداد لذلك س كون الشرح فقط عن المتواجد ن حال ا ولكن سنكتب كود عداد الزوار. اما الكود التال VB: Sub Session_Start(ByVal sender As Object, ByVal e As EventArgs) ' Code that runs when a new session is started Application.Lock() Application("v") = (CInt(Application("v")) + 1) Application.UnLock() End Sub فقمنا بز ادة المتغ ر الخاص بالمتواجد ن حال ا بمقدار واحد ف بدا ة الجلسة ) عن أي شخص فتح موقعنا فان عداد المتواجد ن حال ا زداد بمقدار واحد(. 59

61 ط ب اي شخص خرج من موقعنا ماذا س حدث لعداد المتواجد ن س نقص بمقدار واحد ولعمل ذلك نكتب الكود ادناه ف حدث نها ة الجلسة : VB: Application.Lock() Application("online") = (CInt(Application("online")) - 1) Application.UnLock() للتذك ر فقط شكل Global النهائ : <%@ Application Language="VB" %> <script runat="server"> Sub Application_Start(ByVal sender As Object, ByVal e As EventArgs) ' Code that runs on application startup Application("v") = 0 Application("online") = 0 End Sub Application.Lock() Application("v") = (CInt(Application("v")) + 1) Application("online") = (CInt(Application("online")) + 1) Application.UnLock() Sub Application_End(ByVal sender As Object, ByVal e As EventArgs) ' Code that runs on application shutdown End Sub Sub Application_Error(ByVal sender As Object, ByVal e As EventArgs) ' Code that runs when an unhandled error occurs End Sub Sub Session_Start(ByVal sender As Object, ByVal e As EventArgs) ' Code that runs when a new session is started Application.Lock() Application("v") = (CInt(Application("v")) + 1) Application.UnLock() End Sub Sub Session_End(ByVal sender As Object, ByVal e As EventArgs) ' Code that runs when a session ends. ' Note: The Session_End event is raised only when the sessionstate mode ' is set to InProc in the Web.config file. If session mode is set to StateServer ' or SQLServer, the event is not raised. 60

62 End Sub </script> Application.Lock() Application("online") = (CInt(Application("online")) - 1) Application.UnLock() الى هنا انتهت عمل ة انشاء العداد لكن ك ف نستدع عرض عداد الزوار او عداد المتواجد ن االمر بس ط ف أي صفحة نض ف ل بل وف حدث Load Page نكتب VB: Label1.Text = Convert.ToString(Application("online")) )) الرجاء التاكد من رقم label ف الصفحة و تضب طه مع الكود (( الى هنا انتهى القسم االول من هذا الدرس حتى االن الصفحات داخل المجلد ادمن ستط ع أي شخص ان دخل لهن وبالتال اصبح موقعنا باكمله ظاهرا للزائر ن حتى لو مانعمل أي رابط نقلنا الى الصفحات الموجودة ف المجلد Admin ط ب ماذا نعمل الحل هو نعمل تسج ل دخول الى أ ة صفحة ف االدمن ك ف نعمل هذا التسج ل نتبع الخطوات التال ة: نض ف جدول الى قاعدة الب انات اسمه Login Lid (int,primarykey) Users (nvarchar(50)) Password(nvarchar(50)) ف ه الحقول التال ة: 61

63 وننقر على زر الحفظ ونسم الجدول.Login ثم نض ف صفحة داخل المجلد )Add new item Admin )نضع المإشر عل ة وكلك م ن ونختار واسمها Control_password وه الضافة وحذف مستخدم.وجعلناها تتوارث من الماستر ب ج الموجودة ف المجلد ادمن Admin.master 62

64 وندرج داخله جدول Rows=2 و Columns=2 وف الخل ة ال منى ف السطر االول نض ف Buttonنسم ه أضافة مستخدم والخل ة ال سرى كذلك نض ف Button نسم ه حذف مستخدم والتنسى اجعل عرض كل خل ة %51 وذلك بوضع المإشر على الخل ة )td( واذهب الى خصائصها ستجد Widthاكتب ف ه 50% اما السطر الثان ندمج الخل ت ن ف ه ل صبح خل ة واحده ونض ف داخله االداة Multiview ونض ف ف ها )داخلها( اثن ن من االداة View ل صبح شكل الصفحة هكذا وداخل البوتون)اضافة مستخدم( نكتب ف ه VB: MultiView1.ActiveViewIndex = 0 63

65 وداخل البوتون )حذف مستخدم(نكتب ف ه VB: MultiView1.ActiveViewIndex = 1 االن داخل View1 نض ف االداة Detailsview الجدول Login ونربطها بطر قة الوزرد مع ونفعل عمل ات االضافة والحذف والتعد ل بالنقر على Advance ثم Finish-Next-ok نضع المإشر على الد ت لز ف و ونذهب الى الخصائص ومنها نجعل عرض الد ت لز %011 وكذلك من الخاص ة Defaultنختار Mode Insert وننقر على السمارت تاك للد ت لز ونفعل Enable insert 64

66 ثم نختار من السمارت تاك Editونغ ر Field اله در ت كست لل وزر والباسو رد )االسم كلمة السر (ثم نحولهما الى ت مبل ت و insert )لك نربطهما مع احدى ادوات الفالد شن الن اذا تركت احد الحقول فارغ ونقرت على زر Insert فس ظ ف حقل فارغ الى الجدول ) Login Edit Template ثم ok بعد ذلك نرجع الى السمارت تاك ونختار ونختار منه )االسم( نحذف الت كست بوكس الموجود ف Edite Item template وهو رقم واحد ف الصورة ادناه 65

67 وبجانب الت كست بوكس الثان الموجود ف Insertنض ف Item Template االداة RequiredFieldValidator ومن خصائصها Display=Dynamic Control to Validate =textbox1 Error Message =*** a( مجموعه اسمها Validition )عملنا Group a= ونفس الحال للباسرورد)كلمة السر( وال تنسى عندما تض ف فالد شن اجعل الفالد شن كروب =a Display=Dynamic Control to Validate =textbox2 Error Message =*** Validition Group =a ثم نختار الحقل الثالث 66

68 نضع المإشر على Insertونذهب الى خصائصه سنجد احدى خواصه اسمها Validationنكتب Group اسم المجموعه وهو a ثم End ربما Template سئل السائل لماذا عملنا مجموعة فالد شن والجواب هو ان ادوات الفالد شن تعمل تحقق مع ا ة أدات عند النقر عل ها تعمل Postback لذلك فجرب ان ال تضع اسم المجموعة وانقر على أي بوتون ستشاهد ان ادوات الفالد شن عملت تحقق ولتجنب هذا الش عملنا مجموعة ف ها ادوات الفالد شن مع الها برلنك.)Insert( بق ك ف نعمل حذف ف الView2 بس طه جدا. هذا س كون واجب للمتابع ن وطر قته تتذكرون اننا اضفنا صفحة داخل مجلد االدمن اسمها ) Default.aspx (الت جعلناها تتوارث من الماسترب ج )Master1.master( لماذا تركنا اسمها االفتراض )Default( الننا نر دف حالة االستعراض ونفتح المجلد ادمن س فتح مباشرة أي صفحة اسمها default او.Index ونفس السبب تركنا الصفحة الرئ س ة ف المشروع باسم )Default.aspx(. االن نفتح الصفحة Default.aspx الموجوده ف المجلد ادمن ونض ف داخلها جدول Rows=3 و Columns=2 )ال تنسى ان تضبط عرض كل خل ة ) 67

69 Textbox Textbox label االسم كلمة السر Button هكذا نض ف ادوات الى الجدول بنفس طر قة الجدول اعبله. بعد ذلك نقره مزدوجة على الصفحة ونعرف متغ ر االتصال والداتا ر د ر والتنسى ان تستدع فظاء االسماء space( )name VB: Imports System.Data.SqlClient VB: Public conn As New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename= DataDirectory \Database.mdf;Int egrated Security=True;User Instance=True") Public dr As SqlDataReader 68

70 ثم نات الى الكود المهم وهو قراءةحقول الجدول Login من قاعدة الب انات VB: Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Try conn.open() End Sub Dim cmd3 As New SqlCommand("Select * from Login", conn) cmd3.commandtype = Data.CommandType.Text dr = cmd3.executereader() If dr.hasrows Then dr.read() If TextBox1.Text = dr("users").tostring() Then If TextBox2.Text = dr("password").tostring() Then Response.Redirect("Control_News.aspx") Session("log") = "mohamed" Else " صذيذة غيز السز كلمة" = Label1.Text End If Else " صذيخ غيز االسم " = Label1.Text End If End If dr.close() conn.close() Catch ex As Exception Label1.Text = ex.message End Try كما تبلحظ فقد استخدمنا الداتا ر در لقراء الحقول قاعدة الب انات ثم عملنا مقارنه مع الت كست بوكس االول والثان وعرفنا متغ ر ["log"] session ل حمل ق مة االسم الذي سنستخدمه ف ما بعد للمقارنة 69

71 بعد ذلك نتجه الى الصفحة Control_news.aspx نكتب الكود التال : وف حدث ال load page VB: Try If Session("log") = "mohamed" Then Else Response.Redirect("~/Admin/Default.aspx") End If Catch ex As Exception Response.Write(ex.Message) End Try وجرب ان تستعرض هذه الصفحة فانه مباشرة س حولك الى الصفحة التسج ل وهذا الكود اعبله الذي كتبناه جب كتابته ف كل صفحات المجلد Adminما عدا صفحة التسج ل. االن انته نا من عمل صفحة التسج ل.نتجة الى ال وزر كونترول )Menu_Admin.ascx( ونض ف اسفل الها برلنك االول )ادارة االخبار( نض ف ها بر لنك ثان نسم ه )كلمة السر( ونربطه مع الصفحة )Control_password.aspx(.كما ف الصورة ادناه الى هنا انتهى الدرس الثامن نلتق كم ف الدرس التاسع. وقبل الختام اخوان االعزاء عندي طلب بس ط وهو ان تهدوا ثواب سورة الفاتحة الى والدي... 70

72 السبلم عل كم ورحمة هللا وبركاته... الدرس التاسع ف الدرس السابق عملنا صفحة تسج ل الدخول الى المجلد Admin ولكن السإال الذي طرح نفسه هل صفحة التسج ل كاف ة لمنع أي دخول الدارة الموقع بالطبع ال الن المخترق ن لهم فنون ومهارات وبرامج الختراق المواقع )ف هم اشخاص متمرس ن وخبراء بجم ع لغات برمجة المواقع( وهكذا صفحة ستط عون تجاوزها بسهولة.فك ف نمنعهم ونمنع برامجهم من الدخول الى ادارة الموقع )ربما قول البعض لماذا نركز على مجلد االدمن ونترك باق الصفحات ف الموقع, باختصار المجلد admin هو قلب الموقع(. لكن ماذا عل نا ان نعمل وحسب امكان اتنا لمنعهم هنا ستكون بعض الخطوات الت ربما قد تمنعهم. الخطوة االولى : حاول دائما ان تسم المجلد الذي ف ه صفحات ادارة الموقع أي اسم غ ر االسم Adminاو ش قر ب من هذه الكلمة. والن الموقع الذي نعمل عل ه حال ا هو لغرض الدراسة فقد سم ته Admin الخطوة الثان ة : نفتح صفحة Defaultالموجودة.aspx ف المجلد Admin نحذف ما ف ها وحتى الكود الذي كتبناه ف البوتون )دخول(. ونض ف جدول من جد د. ل صبح الجدول بهذا الشكل Textbox1 Textbox2 االسم كلمة السر الرمز Textbox3 +بوتون اسمه)تغ ر( Html من ادوات Divنض فه 71

73 Label1 Button1 كما ف الصورة : ثم نفتح الس رفر اكس بلور ر ونض ف ستور د بروس جر Register جد دة نسم ها create PROCEDURE Register /* int = datatype OUTPUT ) */ AS Select * From Login مبلحظة // ربما تتسائلون انن كل تعامل مع قواعد الب انات كون عن طر ق الستور د بروس جر النها تعط س كورت ف التعامل مع قاعدة الب انات بصورة قو ه ح ث تمنع االنجكشن وبالتال تمنع أي وصول غ ر مرخص ف ه الى قاعدة الب انات. 72

74 بعد ذلك نفتح الكبلس Class1.cs الموجود ف المجلد App_Code دالة جد دة نسم ها Login ونكتب ف ها. وننشئ ف ه VB: Public Function Login(ByVal User As String, ByVal Password As String) As String con.open() Dim dr As SqlDataReader Dim cmd3 As SqlCommand = New SqlCommand("Register", con) cmd3.commandtype = Data.CommandType.StoredProcedure dr = cmd3.executereader If dr.hasrows Then While dr.read If (User = dr("users").tostring) Then If (Password = dr("password").tostring) Then Good = "yes" Else Good = "No" End If End If End While End If dr.close() Return Good End Function الكود اعبله ف بدا ته قرئنا الجدول loginعن طر ق الستور د بروس جر )Register( وعرفنا متغ ر من نوع Sql data reader لقراء محتو ات الجدول حتى نستط ع ان نقارن مع ما كتبه المسجل ف مربعات النصوص ف صفحة التسج ل. و ال ننسى تعر ف Good ف بدا ة صفحة الكبلس: Public Good As String اخوان االعزاء هناك مبلحظة جدا مهمة اتمنى االنتباه لها اال وه ان الدول عندما نعرفها اح انا نكتب Voidوه ال تع د ق مة عن نعط ها ق م وتنفذ مباشرة String اما String فاننا نعط ها ق م وتع د لنا ق مة من نوع int وهكذا لباق االنواع. اما Int فاننا نعط ها ق م وتعط نا ق م من نوع 73

75 ثم قارنا الحقل Users صفحة التسج ل. مع الكبلم الذي س كتب ف الت كست بوكس االول ف وهكذا بالنسبة للثان.اما المتغ ر Goodهو س حمل ق مت ن اما yes اذا االسم وكلمة السر موجودة ف قاعدة الب انات او noاذا االسم وكلمة السر غ ر موجود ن.وس رجع ق مة هذا المتغ ر الى صفحة التسج ل ولكن حتى االن هل هذا كاف كس كورت ال لنمنع البرامج او السبامات من الدخول لنعمل كاباج ولكن ك ف الخطوة الثالثة: VB: نض ف صفحة الى موقعنا ونسم ها Captcha ب ج ونكتب ف ها الكود التال : وال تجعلها ترث من أي ماستر Imports System.Data Imports System.Configuration Imports System.Collections Imports System.Web Imports System.Web.Security Imports System.Web.UI Imports System.Web.UI.WebControls Imports System.Web.UI.WebControls.WebParts Imports System.Web.UI.HtmlControls Imports System.Drawing Imports System.Drawing.Imaging Imports System.Text Partial Public Class Captcha Inherits System.Web.UI.Page Private rand As New Random() Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load If Not Page.IsPostBack Then CreateImage() End If End Sub Private Sub CreateImage() Dim code As String = GetRandomText() Dim bitmap As New Bitmap(200, 150, System.Drawing.Imaging.PixelFormat.Format32bppArgb) Dim g As Graphics = Graphics.FromImage(bitmap) 74

76 Dim pen As New Pen(Color.Yellow) Dim rect As New Rectangle(0, 0, 200, 150) Dim b As New SolidBrush(Color.DarkKhaki) Dim blue As New SolidBrush(Color.Blue) Dim counter As Integer = 0 g.drawrectangle(pen, rect) g.fillrectangle(b, rect) For i As Integer = 0 To code.length - 1 g.drawstring(code(i).tostring(), New Font("Verdena", 10 + rand.[next](14, 18)), blue, New PointF(10 + counter, 10)) counter += 20 Next End Sub DrawRandomLines(g) bitmap.save(response.outputstream, ImageFormat.Gif) g.dispose() bitmap.dispose() Private Sub DrawRandomLines(ByVal g As Graphics) Dim green As New SolidBrush(Color.Green) For i As Integer = 0 To 19 g.drawlines(new Pen(green, 2), GetRandomPoints()) Next End Sub Private Function GetRandomPoints() As Point() Dim points As Point() = {New Point(rand.[Next](10, 150), rand.[next](10, 150)), New Point(rand.[Next](10, 100), rand.[next](10, 100))} Return points End Function Private Function GetRandomText() As String Dim randomtext As New StringBuilder() If Session("Cap") Is Nothing Then Dim alphabets As String = "abcdefghijklmnopqrstuvwxyz" Dim r As New Random() For j As Integer = 0 To 5 randomtext.append(alphabets(r.[next](alphabets.length))) Next Session("Cap") = randomtext.tostring() End If Return TryCast(Session("Cap"), [String]) End Function End Class 75

77 ال تخاف من هذا الكود فهو جدا بس ط كل ماف ه هو رسمنا صورة ف ها احرف وخطوط ولكن ف ه ش مهم جدا هو المتغ ر Session[Cap] الذي حمل االحرف الذي س نعرض ف الصورة لك نستخدمة ف المقارنة ف صفحة التسج ل واذا كان هذا المتغ ر حمل ق مة خال ة فان هذه الصفحة ستقوم بانشاء صورة جد ده وف ها ارقام وحروف عشوائ ة.نعود الى صفحة التسج ل Default.aspx وتتذكرون اننا اضفنا السطر الثالث )الرمز +ت كست بوكس +بوتون )تغ ر( ImageUrl ف الد ف نض ف صورة ومن خصائصها نختار ) Div+ الى هنا فقط استعرضنا الصورة الت انشئناها ف صفحة الكاباج لكن ك ف نقارن ب نها وب ن النص الذي س كتب ف الت كست بوكس الثالث داخل البوتون )دخول( نكتب الكود التال : VB: Dim Reg As New Class1() Try If Session("Cap").ToString().Equals(TextBox3.Text) Then Then If Reg.Login(TextBox1.Text, TextBox2.Text) = "yes" Session("Log") = TextBox1.Text Server.Transfer("~/Admin/Control_News.aspx") End If End If Catch ex As Exception Label2.Text = ex.message End Try اوال عرفنا كبلس من كبلس class1 ثم قارنا االحرف ف الت كست بوكس الثالث مع الس شن)االحرف واالرقام ف الصورة ) فهل ه مطابقة. 76

78 ثم قمنا بارسال الكبلم ف الت كس بوكس االول والثان لك نقارن هل موجودان ف قاعدة الب انات او ال فاذا كانا موجودان فستع د الدالة yes واال ستع د الدالة no وحفظنا ف المتغ ر Session["Log"] النص المدخل ف الت كس بوكس االول وف حدث تحم ل الصفحة نكتب : VB: If Not Page.IsPostBack Then End If الى هنا انته نا من المقارنة لكن ربما اردنا نسجل ولد نا االسم وكلمة السر صح حتان لكن الرموز واالحرف ف الصورة غ ر واضحات فنر د ان نغ ر الصورة الى اخرى فماذا نعمل تتذكرون اننا اضفنا بوتون الى جانب الت كس بوكس الثالث وسم ناه )تغ ر( ننقر نقره مزدوجة عل ة ونكتب الكود التال. VB: Session("Cap") = Nothing ومعنا الكود عندما ننقر على البوتون )تغ ر( اجعل ق مة الس شن session["cap"] صفر لك تقوم الصفحة Captch.aspx بتول د صورة جد دة الت ف ها شرط قول اذا كان الس شن session["cap"] فارغ انشئ صورة جد دة. االن ننتقل الى الصفحات الت ف مجلد االدمن ماعدا صفحة التسج ل ونكتب ف حدث تحم ل الصفحة لكل منهم الكود التال ة : VB: If Session("Log") Is Nothing Then Server.Transfer("~/Admin/Default.aspx") End If ومعناه اذا كان فارغ Session["Log" حولن الى صفحة التسج ل... بق ش اخ ر اال وهو نفتح صفحة Admin.master تتذكرون اننا كتبنا ف السطر االول من الجدول كتبنا Panel( )Control نضع اسفلها ف نفس الخل ة الجملة )أهبل وسهبل ) + Label وف حدثا التحم ل لهذه الصفحة نكتب الكود : 77

79 VB: If Session("Log") Is Nothing Then Else Label1.Text = Session("Log").ToString End If الى هنا انتهى الدرس... 78

80 السبلم عل كم ورحمة هللا وبركاته... الدرس العاشر اثناء بنائنا الداة االخبار واجهتنا مشكلة ف حذف االخبار وه اننا عملنا قر د ف و لحذف الخبر ولكنه لم حذف لكوننا لم ندرج جم ع الحقول ف ه.فقمنا بادراج كل الحقول ولكن كذلك واجهتنا مشكلة اصعب وه اننا نحذف الخبر ولكن صورة الخبر ال تحذف ولنفترض ان موقعك بعد 4 سنوات لم تحذف ف ه ا ة صورة فماذا تتوقع ان كون حجم الموقع لكننا لو استخدمنا طر قة ادراج الصورة ف قاعدة الب انات على شكل با تات فبسهوله سوف نحذف الصورة مع الخبر لكن ان شاء هللا س كون حذف الصورة اسهل من طر قة البا تات ولكن ك ف تتذكرون اننا عملنا ف ادارة االخبار )تعد ل الخبر (ح ث اضفنا DropDown list وربطناه مع الجدول Newsبطر قة الوزرد وجعلناه عرض فقط عنوان الخبر واضفنا ا ضآ Details View الذي عرض جزء من الخبر وعدد المشاهدات الخ ف نفس ال View2 ال وم سنعمل نفس الش مع حذف االخبار. نظ ف DropDownlist ونربطه مع الحقل Title ونفعل Enable Autopostback ونض ف اسفلة االداة Details View ونربطه وزرد مع قاعدة الب انات لكن نجعلها تعرض االخبار بشرط ان الTitle ساوي الدروب داون لست كما ف تعد ل االخبار )اجعل الد ت لس ف و عرض الحقول التال ة Title,Sub,Details,Photo,viewer,Home,Line (.ونض ف ل بل لعرض رسالة اذا تم الحذف او حدث خطؤ. بعد ذلك نض ف بوتون اسف الد ت لس ف و ونسم ه )حذف ). 79

81 نض ف ستور د البروس جر ونسم ه (News_Delete( ونكتب ف ه الكود التال لحذف الخبر اعتمادا على الخبر الذي س عرض ف الدروب داون لست create PROCEDURE News_Delete nvarchar(100) ) AS Delete from News Where Title=@Title ثم نذهب الى الكبلس ونض ف ف ه الدالة التال ة لحذف الخبر VB: Public Sub News_Delete(ByVal Title As String) con.open() Dim cmd4 As New SqlCommand("News_Delete", con) cmd4.commandtype = Data.CommandType.StoredProcedure cmd4.parameters.addwithvalue("@title", Title) cmd4.executenonquery() con.close() End Sub ثم نعود الى صفحة ادارة االخبار Control_News.aspx بعد ذلك نعود الى البوتون) حذف ) ونكتب داخله الكود التال VB: Try Dim cls As Class1 = New Class1 File.Delete(Server.MapPath(DetailsView2.Rows(3).Cells(1).Text)) cls.news_delete(dropdownlist2.selectedvalue) "صورته مع الخبز دذف تم" = Label3.Text Catch ex As Exception Response.Write(ex.Message) End Try DetailsView1.DataBind() DetailsView2.DataBind() اول ش عرفنا متغ ر من نوع الكبلس Class1 ثم قمنا بمسح الصورة عن طر ق الدالة File.Delete لكن ال تنسى ان تستدع 80

82 Imports System.IO ح ث قمنا بحذف الصورة بناء على المسار المعروض ف حقل الPhoto انتم تعرفون اننا اضفنا الى قاعدة الب انات مسار الصورة ف الحقل Photo والدالة ;((مسار الملف) File.Delete(Server.MapPath تقوم بمسح الملف من الس رفر بنائا على مسار الملف وقمنا بقراءة مسار الصورة من الد ت لس ف و ح ث مثل الترق م ف جم ع االدوات بدا من الصفر 0 السطر 1 السطر 1 العمود 1 العمود 0 السطر 0 السطر 0 العمود 1 العمود 0 السطر 2 السطر 2 العمود 1 العمود 0 السطر 3 السطر 3 العمود 1 العمود كما ف الجدول اعبله كون هكذا الد ت لس ف و DetailsView2.Rows[3].Cells[1].Text).0 عن السطر 3 العمود مبلحظة //ال تدرج أي اداة لعرض الصورة ف الد ت لس ف و كما ف الصورة 81

83 الدرس الحادي عشر ال وم درسنا س كون عن رفع الموقع على استضافة مجان ة وقد اخترت لكم موقع سبا در ح ث دعم ال asp.net وكذلك Sqlserver لك نرفع موقعنا عل ه. س كون العمل على خطوات : الخطوة االولى : نفتح رابط موقع سبا در ننقر على Login لك نسجل ف الموقع.. ستظهر لنا الصورة التال ة: 82

84 Password اذا كنا مسجل ن سابقا فقط نكتب ف User Id السر. االسم وف كلمة اما نحن فنر د ان نعمل تسج ل جد د ننقر على رابط التسج ل كما ف الصورة اعبله.)Register( ستنفتح لنا صفحة التسج ل ونكتب معوماتنا كما ف الصورة ادناه: 83

85 Register ح ث Userهو name اسم موقعنا ونملئ باق الحقول وننقر على ستضهر لنا صفحة تطلب من ان نكتب Validate code االلكترون. الذي ارسل الى بر دك بعد ذلك افتح ا م لك ستجد رسالة من موقع سبا در تحوي الفالد شن كود اما اذا لم تصلك الرسالة فانقر على Code. Re send Validation بعد كتابتك الفاد شن كود انقر على Validate ثم ننقر على Control Panel لتظهر لنا الصفحة ادناه: ننقر على Create A web site سوف تضهر لنا صفحة تطلب بعض المعلومات عن الموقع: 84

86 وال تنسى حقل Description جب ان تكتب اكثر من 5 اسطر ف ه. مبلحظة// اح انا طلب منا ان ننتظر لنصف ساعة حتى ننشئ الموقع بعد ذلك انقر على Create Site. ستظهر صفحة اخر وف ها : Create انقر على Refresh الى ان صبح Completed Successful Folders و Create Virtual Directory حتى تصبح هكذا : لكل من ثم انقر على Control panel ستظهر لك الصفحة التال ة: 85

87 ح ث Quick Fact حوي على معلومات عن موقعك من الحجم والباندوث وعنوان موقعك ومساحته. لكن الذي همنا هو : File manager وهو الدارة الرفع والتعد ل والحذف للصفحات والمجلدات وقاعدة الب انات. Data Base Manager هو الدارة قواعد الب انات. ننقر على Go to File Manager لتظهر لنا الشاشة التال ة : ح ث جم ع الصفحات والمجلدات ستكون داخل المجلد Web root Data Base سنرفع داخله فقط قاعدة الب انات. الخطوة الثان ة: اما المجلد نفتح المجلد Webroot ونمسح ماف ه من صفحات او مجلدات عن طر ق الخ ار Delete Files ستظهر صفحة الحذف وتخبرنا ماذا نر د ان نحذف 86

88 Webroot اختر الخ ار االخ ر ثم Delete Files ونرجع الى المجلد ومن Fileنرفع Uplaod جم ع الصفحات ماعدا الصفحات او الصور الموجودة داخل مجلدات داخل مشروعنا ع ن مثبل الصفحات الموجودة داخل المجلد Admin او Slides وال تنسى ترفع الصفحة ومعها صفحة الكود. وبعد ان نكمل رفع جم ع الصفحات الت داخل المشروع لكن بق ت الصفحات واالش اء االخرى داخل مجلدات نبدا بانشاء مجلدات ولكن جب ان كون اسمها نفس اسم المجلد ف مشروعنا. عن طر ق Create Folder ستظهر الصفحة ادناه مثبل انا عندي ف مشروع مجلد اسمه Admin ثم Create لذلك انشئت مجلد بنفس االسم وارفع داخله كل ماموجود ف المجلد Admin ف مشروع مشروع ثبلثة مجلدات لذا انشئت ثبلثة مجلدات مثبل انا ف 87

89 ثم انقر على Admin وارفع ف ه الصفحات ثم اعود الى المجلد App_code وارفع ف ه الصفحات او الكبلس او غ ر ذلك لكن بشرط كون بنفس اسم المجلد ف مشروع. وهكذا بالنسبة للبق ة ثم نعود وننقر على Root ومنه نختار المجلد DataBase ك نرفع ف ها قاعدة الب انات وهكذا نرفع القاعدة ولكن جب ان فتح الف جول ستود و ونفتح مشروعنا ثم من الس رفر اكسبلورر كلك م ن على القاعدة واختار.. Detachواغلق الف جول ستود و ونرفع القاعدة. ثم نذهب الى الكونترول بنل ومنها نختار Go to Data base manager ومنها نختار Express Manager حتى نعمل Attachلقاعدة الب انات ننقر على Attach ستظهر لنا الصفحة التال ة : 88

90 هذه الصفحة تطلب منا ان نسم قاعدة الب انات ح ث كان اسم القاعدة الت رفعتها Faddoua.mdf و Attach Data base ستظهر الصفحة ادناه ننتظر قل بل الى ان تنته عمل ة االتاج ثم ننقر على Return to Database Manager File كما تبلحظون فقد عمل فا ل اسمه Faddoua_log.ldf manager ثم نختار webconfig االن نضع نفتح المجلد Webroot ونضع المإشر على ونختار Edite ونتبدل الكونكشن سترنك ف ه بهذه الكونكشن "Data Source=.\SQLExpress;Persist Security Info=True;Integrated Security=SSPI;Initial Catalog=YourUserId_DatabaseName" 89

91 ح ث بدل your user id نضع اسم الموقع )مثبل هذا الموقع سم ته Faddoua ثم )_( ثم اسم القاعدة فهنا اسم قاعدت )vb4arabnet ماتكتب االمتداد ولكن بدون وبعد ان تكمل التعد ل انقر على زر Save files وانتبه أي صفحة كتبنا ف ها الكونكشن سترنك جب ان تعدل على الكونكشن سترنك كما ف الكود اعبله... وبعد ان تنته اذهب الى الكونترول بنل ستجد رابط موقعك استعرضة وشوف النت جة... 90

92 الدرس الثان عشر درس ال وم س كون عن تنس ق الصفحة الرئ س ة باستخدام تقن ة (CSS) وقبل التعامل مع الدرس أرجو مراجعة موقع ودراسة هذه التقن ة الرائعة. وعلى هللا االتكال... نفتح صفحة Master Page الل أنشؤناها وكان اسمها Master1.master نذهب إلى قسم ال Source ونحذف كل محتو اتها ونستبدله بالكود التال : <%@ Master Language="C#" AutoEventWireup="true" CodeFile="Master1.master.cs" Inherits="Master1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" <head runat="server"> <title></title> <asp:contentplaceholder id="head" runat="server"> </asp:contentplaceholder> </head> <body> 91

93 <form id="form1" runat="server"> <div class="all> <div class="header" align="right" dir="rtl"> </div> <div id="newsline"> </div> <div class="navdiv"> <div id="topnav"> </div> </div> <div id="contiener" align="right" dir="rtl"> <asp:contentplaceholder id="contentplaceholder1" runat="server"> </asp:contentplaceholder> </div> <div class="ads"></div> <div class="ads"></div> <div class="vote"></div> <div class="footer" dir="rtl"> </div> </div> 92

94 </form> </body> </html> بالكود هذا ماذا عملنا div عملنا التال أنشؤنا 10 كما ل : من ال بغا ة التحكم بتصم م الصفحة بدقة والعشرة :All جم ع محتو ات الصفحة. : تحوي على مكونات اله در ف الصفحة. Header : حتوي على شر ط االخبار. NewsLine : حتوي على مكونات القائمة االفق ة. : حتوي على تفاص ل القائمة االفق ة. Navdiv Topnav : Contiener حتوي على مكونات الموقع الت ف الصفحات األخرى ( مثل صفحة د فولت وصفحة الد ت لز ) : حتوي على االعبلن األول. : حتوي على االعبلن الثان. Ads Ads : حتوي على التصو ت ( الذي س كون له درس منفصل ). Vote : حتوي على قسم الفوتر عن تذ ل الصفحة. Footer ) CSS مبلحظة : سوف أرفق لكم ملف. CSS ( ح ث توجب عل كم انشاء مجلد جد د اسمه ( وتضعون الملف المرفق بداخله ). 93

95 قد تساءل البعض ك ف نض ف ملف CSS السحب واإلفبلت : داخل الصفحة نض ف الملف بطر قة بعد سحب وإفبلت ملف css سوف صبح تقس م الصفحة كما ف الشكل التال : 94

96 وإلى هنا انته نا من تقس م وتخط ط الصفحة باستخدام تقن ة... css 95

97 الثالث عشر ال وم سوف نكمل عمل ة التنس ق باستخدام Css إلدارة اإلعبلنات. وبعدها سنتعلم ك ف ننشئ صفحة : Header <div class="header" align="right" dir="rtl"> موقع... األخباري< strong /> <strong> </div> : NewsLine بطر قة السحب واإلفبلت نسحب ال وزر كونترول div الخاص بشر ط األخبار. داخل ال <div id="newsline"> <uc1:news_line ID="News_Line1" runat="server" /> </div> القائمة األفق ة : <div class="navdiv"> <div id="topnav"> <ul> الرئ س ة< a></li /> األخبار< a></li /> من نحن< a></li /> اتصل بنا< a></li /> <li><a href="#"> <li><a href="#"> <li><a href="#"> <li><a href="#"> 96

98 </ul> </div> </div> : Footer <div class="footer" dir="rtl"> #FFFFFF"> strong >جم ع dir="rtl" style="color: الحقوق محفوظة لموقع... األخباري< strong></div /> </div> اإلعبلنات : Ads_Control ف البدا ة ننشئ صفحة جد دة داخل ملف Admin نسم ها ندرج ف ها جدول : 2 سطور و 3 أعمدة كما ف الصورة : = Button3 حذف إعبلن = Button2 تعد ل إعبلن = Button1 إضافة إعبلن View داخلة نضع ثبلث MultiView 97

99 عرض الخل ة األولى %33 والثان ة %34 والثالثة %33 إلظهار View1 نضع ف البوتون 0 الكود التال : MultiView1.ActiveViewIndex = 0; إلظهار View2 نضع ف البوتون 2 الكود التال : MultiView1.ActiveViewIndex = 1; إلظهار View3 نضع ف البوتون 3 الكود التال : MultiView1.ActiveViewIndex = 2; داخل ال View األول : جدول كما ل : FileUpLoad Label اإلعبلن األول : = Button4 حفظ Horizontal Line اإلعبلن FileUpLoad : الثان Label = Button5 حفظ Table نذهب إلى Server Explorer نسم ه : Ads ومنها نختار قاعدة ب اناتنا ونض ف جد د 98

100 int (nvarchar(50 (nvarchar(50 Aid AD1 AD2 Stored اآلن نذهب إلى Server Explorer : Procedure ومنها نختار قاعدة ب اناتنا ونض ف ونمسح أي كتابة باللون األخضر وكلمة return ونكتب الكود التال ة : create PROCEDURE Add_Ad1 nvarchar(50) ) AS Insert Into Ads(Ad1) Values (@Ad1) ونض ف Stored Procedure آخر : create PROCEDURE Add_Ad2 nvarchar(50) ) AS Insert Into Ads(Ad2) Values (@Ad2) 99

101 نذهب إلى الكبلس : ونض ف الكود التال وذلك إلضافة صورة اإلعبلن األول وذلك اعتمادا على : Stored Procedure VB: VB: Public Sub Add_Ad1(ByVal Ad1 As String) con.open() Dim cmd3 As SqlCommand = New SqlCommand("Add_Ad1", con) cmd3.commandtype = Data.CommandType.StoredProcedure cmd3.parameters.addwithvalue("@ad1", Ad1) cmd3.executenonquery() con.close() End Sub ونض ف الكود التال وذلك إلضافة صورة اإلعبلن الثان وذلك اعتمادا على : Stored Procedure Public Sub Add_Ad2(ByVal Ad2 As String) con.open() Dim cmd4 As SqlCommand = New SqlCommand("Add_Ad2", con) cmd4.commandtype = Data.CommandType.StoredProcedure cmd4.parameters.addwithvalue("@ad2", Ad2) cmd4.executenonquery() con.close() End Sub : نعرف متغ ر لحفظ مسار الصورة ف صفحة االعبلنات VB: Public Path As String button ننشئ ملف نسم ه Ads الكود التال : ونذهب إلى الحفظ لئلعبلن األول ونكتب ف ه 100

102 VB: Try > 0)) Then VB: Try > 0)) Then If (FileUpload1.HasFile _ AndAlso (FileUpload1.PostedFile.ContentLength Path = ("~/Ads/" + FileUpload1.FileName) FileUpload1.SaveAs(Server.MapPath(Path)) End If Dim Add As Class1 = New Class1 Add.Add_Ad1(Path) "بنجاح االول اإلعالن إضافة تمت" = Label2.Text Catch ex As Exception Label2.Text = ex.message End Try ومن ثم نذهب إلى button الحفظ لئلعبلن الثان ونكتب ف ه الكود التال : If (FileUpload2.HasFile _ AndAlso (FileUpload2.PostedFile.ContentLength path = ("~/Ads/" + FileUpload2.FileName) FileUpload2.SaveAs(Server.MapPath(path)) End If Dim Add As Class1 = New Class1 Add.Add_Ad2(path) "بنجاح الثاني اإلعالن إضافة تمت" = Label3.Text Catch ex As Exception Label3.Text = ex.message End Try انته نا من قسم إضافة االعبلنات. داخل ال View الثان : نض ف جدول 2rows, 2 columns و نض ف 2 Buttons و السطر الثان ندمجه ونض ف MultiView نوع View كما ف الجدول التال : جد دة وداخلها نض ف اثن ن من = Button7 اإلعبلن الثان = Button6 اإلعبلن األول View داخلة نضع اثن ن MultiView 101 إلظهار View4 نضع ف البوتون 6 الكود التال :

103 VB: MultiView2.ActiveViewIndex = 0 إلظهار View5 نضع ف البوتون 7 الكود التال : VB: MultiView2.ActiveViewIndex = 1 داخل ال View األول : جدول كما ل : Label تعد ل = Button FileUpLoad االعبلن األول : داخل ال View الثان : Label تعد ل = Button FileUpLoad االعبلن الثان : Stored اآلن نذهب إلى Server Explorer : Procedure ومنها نختار قاعدة ب اناتنا ونض ف 102

104 ونمسح أي كتابة باللون األخضر وكلمة return ونكتب الكود التال ة : create PROCEDURE Edit_Ad1 nvarchar(50) ) AS UPDATE Ads SET Ad1=@Ad1 ونض ف Stored Procedure آخر : create PROCEDURE Edit_Ad2 nvarchar(50) ) AS UPDATE Ads SET Ad2=@Ad2 نذهب إلى الكبلس : ونض ف الكود التال وذلك لتعد ل صورة اإلعبلن األول وذلك اعتمادا على : Stored Procedure VB: Public Sub Edit_Ad1(ByVal Ad1 As String) con.open() Dim cmd5 As SqlCommand = New SqlCommand("Edit_Ad1", con) cmd5.commandtype = Data.CommandType.StoredProcedure cmd5.parameters.addwithvalue("@ad1", Ad1) cmd5.executenonquery() con.close() End Sub VB: ونض ف الكود التال وذلك لتعد ل صورة اإلعبلن الثان وذلك اعتمادا على : Stored Procedure Public Sub Edit_Ad2(ByVal Ad2 As String) con.open() Dim cmd6 As SqlCommand = New SqlCommand("Edit_Ad2", con) cmd6.commandtype = Data.CommandType.StoredProcedure cmd6.parameters.addwithvalue("@ad2", Ad2) cmd6.executenonquery() con.close() End Sub 103

105 ونذهب إلى button تعد ل اإلعبلن األول ونكتب ف ه الكود التال : VB: Try > 0)) Then If (FileUpload3.HasFile _ AndAlso (FileUpload3.PostedFile.ContentLength path = ("~/Ads/" + FileUpload3.FileName) FileUpload3.SaveAs(Server.MapPath(path)) End If Dim Edit As Class1 = New Class1 Edit.Edit_Ad1(path) " تم تعديل اإلعالن االول بنجاح" = Label4.Text Catch ex As Exception Label4.Text = ex.message End Try ومن ثم نذهب إلى تعد ل اإلعبلن الثان ونكتب ف ه الكود التال : button VB: Try > 0)) Then If (FileUpload4.HasFile _ AndAlso (FileUpload4.PostedFile.ContentLength path = ("~/Ads/" + FileUpload4.FileName) FileUpload4.SaveAs(Server.MapPath(path)) End If Dim Edit As Class1 = New Class1 Edit.Edit_Ad2(path) "بنجاح الثاني االعالن تعديل تم" = Label5.Text Catch ex As Exception Label5.Text = ex.message End Try انته نا من قسم تعد ل اإلعبلنات. أنا أر د أن أتبع طر قة تدر س ة مغا رة ألسلوب زم ل محمد بنقطة وح ده وه الواجب. أر د منكم تصم م وبرمجة قسم حذف إعبلن. مبلحظة : مكنك االستعانة بدرس حذف خبر س ساعدك كث را. 104

106 الدرس الرابع عشر اخوان واخوات االعزاء احببت ال وم ان اعمل لكم درس عن عمل مركز رفع ومركز تنز ل ف الموقع واتمنى ان نال اعجابكم... جم ع الدروس السابقة كانت فقط على مشروعنا Web( )My لذلك أي شخص ر د ان عمل أي درس كان عل ه ان رجع الى باق الدروس وهذا ف ه بعض التعب على االخوان الذ ن ربما عرفون العمل على العد د من الدروس. على بركة هللا نبدا... عندما نتصفح الكث ر من المواقع المصممة بتقن ة االي اس ب دوت نت نتحسر لما نشاهد من اش اء جم له ومف دة ف هذه المواقع وال نستط ع ان نعمل مثلها.لكن ربما هذه الدروس قد تقدم بعض االمور الت تسعفنا ف بناء الكث ر من االمور المهم ف الموقع. ك ف نعمل مركز رفع ومركز تنز ل لزوار موقعنا العمل س كون على مشروع جد د سم ه ماشئت وبامكانك ان تعمله ف مشروعنا القد م )MyWeb( بالنسبة ل انشئت مشروع جد د وسم ته.)Download( هذا المشروع حتاج الى : 0 -صفحة اسمها Default.aspx الت ستكون ه مركز التنز ل 2 -صفحة اسمها Upload.aspx الت ستكون مركز الرفع. Table1 قاعدة ب انات اسمها DataBase وف ها جدول اسمه -3 الTable1 حوي الحقول التال ة : Id وهو برا مري ك و تزا د اوتومات ك ا. وهو من نوع Nvarchar(50) نحفظ ف ه اسم الملف Name وهو من نوع Nvarchar(50) نحفظ ف ه مسار الملف. Path Down وهو لحساب عدد مرات التنز ل و كون من نوع Intوال تنسى ان تضع ف Default value or Binding نضع )1( 105

107 -4 كبلس Class1. 5- مجلد اسمه Upload نبدا عملنا بمركز الرفع )Upload.aspx( ونض ف ف ه : Textbox Fileupload Button بجانب الFileupload RegularExpressionValidator Lable لتصبح الصفحة كما ف الصورة : ط ب دعونا نتكلم عن الفا ل ابلود : من س ئات الفا ل ابلود انه ال مكن ان نعمل فلترة للملفات المرفوعه عن مثبل انا ار د ان اجعله حمل فقط الملفات الت امتدادها.jpeg هنا ال مكنك ذلك.لكن ك ف نعالج هذه المشكلة الجواب هو ان نجبر الزائر ان ال رفع سوى الملفات الت نقبل بامتدادها و كون هذا اما عن طر ق الجافا سكربت او عن طر ق الفالد شن ولهذا السبب وضعت االداة RegularExpressionValidator ف الصفحة. نذهب الى خصائص RegularExpressionValidator ونضبطها : File هو upload1 Control to validate Dynamic Displayهو هو Pdf.( )Gif,. Jpg,. هذه االمتدادات المسموح بها. Text Validation Expression نضع (.*\.([Gg][Ii][Ff]).*\.([Jj][Pp][Gg]).*\.([Pp][Dd][Ff])$ ) 106

108 نفتح الكبلس ونضع ف ه الكود التال لتعر ف االتصال : VB: Public con As New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename= DataDirectory \Database.mdf;Int egrated Security=True;User Instance=True") التنسى ان تستدع فضاء االسماء VB: Imports System.Data.SqlClient ثم نعمل دالت ن احدهما لفتح االتصال واالخرى لغلقه VB: Public Sub open() con.open() End Sub Public Sub Close() con.close() End Sub االن نذهب الى صفحة الرفع Upload.aspx نضع الكود التال داخل البوتون VB: Try If FileUpload1.HasFile Then path = "~/Upload/" + FileUpload1.FileName FileUpload1.SaveAs(Server.MapPath(path)) Dim cls As Class1 = New Class1() cls.open() Dim cmd1 As SqlCommand = New SqlCommand("Insert into Table1 (Name,Path)values (@name,@path)", cls.con) cmd1.commandtype = Data.CommandType.Text cmd1.parameters.addwithvalue("@name", TextBox1.Text) cmd1.parameters.addwithvalue("@path", path) cmd1.executenonquery() cls.close() "الملف دفظ تم" = Label1.Text End If Catch ex As Exception Label1.Text = ex.message End Try 107

109 ال ننسى ان نعرف ال : path Public path As String و ا ضا نضع فضاء االسماء : Imports System.Data.SqlClient الى هنا انته نا من مركز الرفع ننتقل الى مركز التنز ل نعمل ستور د بروس جر داخل قاعدة الب انات اسمها Down لعدد مرات تنز ل الملف وه فقط لعمل عداد create PROCEDURE Down nvarchar(50) ) AS Update Table1 Set Down =Down +1 Where Path=@path ننتقل الى الصفحة Defualt.aspx نض ف داخلها GridView ونربطه بطر قة الوزرد مع الجدولTable1 Id ثم بعد ذلك من السمارت تاك للكرد ف و نختار Edit Columns وName و Pathكما ف الصورة ونحذف 108

110 و بقى الحقل Down اذهب الى خصائصة وغ ر الText Header الى )عدد مرات التنز ل ) وكذلك من حقل Available Field اضف Template Field واله در ت كست له )التنز ل ) ثم ok ومرة اخرى نعود الى السمارت تاك ونختر هذه المرة Edit template 109

111 ف Itemنض ف Template االداة Link Button بوتون نختار Binding Edit Data ومن السمارت تاك للنك Path ح ث نربط Command Argument مع الحقل لماذا تابع وستجد الجواب وال Textمع الحقل. Name 110

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

113 ثم نض ف الدالة التال ة داخل الكبلس VB: Public Sub Downloads(ByVal path As String) con.open() Dim cmd2 As SqlCommand = New SqlCommand("Down", con) cmd2.commandtype = Data.CommandType.StoredProcedure cmd2.parameters.addwithvalue("@path", path) cmd2.executenonquery() con.close() End Sub االن من حدث الكرد ف و هناك حدث اسمه RowCommand سنتعامل مع هذا الحدث لك نستط ع ان نتعامل مع اللنك بوتون 112

114 نقره مزدوجة على هذا الحدث ونض ف داخله الكود التال VB: Protected Sub GridView1_RowCommand(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) Handles GridView1.RowCommand If e.commandname = "CMD" Then Dim path As String = e.commandargument.tostring() Dim cls As Class1 = New Class1() cls.downloads(path) Dim byt() As Byte = System.IO.File.ReadAllBytes(Server.MapPath(path)) Response.Clear() Response.ClearHeaders() Response.AddHeader("Content-Type", "Application/octetstream") Response.AddHeader("Content-Length", byt.length.tostring()) Response.BinaryWrite(byt) Response.Flush() Response.End() End If End Sub 113

115 كل ما هناك اننا استخدمنا اللنك بوتون داخل الكرد ف ول انه ملك خاص ة ال Post Back عن ان الصفحة عندما طلبها المتصفح الول مرة من الس رفر س رسل الى الس رفر Getثم الس رفر س رجع له الصفحة على شكل اكواد Html عن طر ق ال Response ثم اذا نقرت على اللنك بوتون فسترسل الى الس رفر Post وس ج ب الس رفر مرة اخرى عن طر ق ال. Response بالنسبة للكود اعبله هو قرءنا النقر على اللنك بوتون ف كل صف عن طر ق الحدث Row Command بالنسبة لنا اذا استخدمنا عدة بوتونات او عدد من اللنك بوتون فاالفضل ان نتعامل معهم على انهم كوماند فهذا س سهل عل نا الكود و ختصر الكث ر كما ف الكود اعبله. ثم وضعنا شرط إذا كان العنصر الذي اسم الكوماند له CMD ثم وضعنا الق مة الت حملها CommandArgument ف متغ ر من نوع سترنك وتتذكرون اننا ربطنا الكوماند اركوم نت مع حقل الPath لذلك س نخزن الباث ف المتغ ر Path بعد ذلك شغلنا عداد التنز ل الذي حسب عدد مرات التنز ل اذا نقرت على اللنك بوتون وسنرسل معه المتغ ر path الذي استخدمناه ف المقارنة عند ز ادة عدد مرات التنز ل. ثم عملنا مصفوفة من البا تات لقارءة الملف اعتمادا على المسار الذي خزناه ف المتغ ر Path.بعد ذلك ه ئنا الر Response الت س رسلها الس رفر الى المتصفح. 114

116 الدرس الخامس عشر الدرس الخامس عشر هو من الدروس المهمة جدا ف عالم Asp.net كونه تعلق ب Security وهو ما م ز الasp.net عن باق لغات المواقع.فموضوع Security هو موضوع كب ر وعر ض وال مكن حصره بدرس او كتاب او ف لم ف د و.فهو متفرع الى عدة افرع.لكن سناخذ منه ما ف دنا كمبتدئ ن ول س خبراء. طبعا ابرز االش اء الت تم ز المواقع عن بعضها البعض وبعد توجه العالم نحو المواقع هوSecurity فقوة وافضل ة المواقع تقاس على قوة ال security ف ها ثم ات بعد ذلك المظهر والسرعة الخ.على سب ل المثال غالب ة المصارف العالم ة اصبحت تعامبلتها عن طر ق موقعها االلكترون.لكن هل س نفع ان تعامل مصرف عن طر ق موقعه االلكترون وال security ف ه ل س بالج د.بالطبع س صبح ص د سهل امام الHackers. بل وامتد هذا الى مإسسات اخرى منها العلم ة والثقاف ة اضافة الى المإسسات االقتصاد ة والعسكر ة. لكن الغر ب هو مانرى ف البلدان العرب ة ودول العالم الثالث.هو ضعف االهتمام بهكذا تقن ة مهمة.وال اعرف لماذا!. على العموم غالب ة تطب قات الو ب تستلزم منا ان نتحكم بالزائر.اي ال نتركه ان صل الى كل جزء بالموقع الن ربما هناك صفحات او مجلدات تحوي على امور مهمة وسر ة النر د أي شخص الوصول لها باستثناء بعض االشخاص وحسب الرخصة الت نعط ها لهم.وما س حتاجه المطور هو معرفة هل هذا الUser موجود ام ال وما ه الرخصة المعطاة له.وادارة الموقع بناء على هذه الرخصة. لذلك ولتسه ل االمر على المطور ن وضعت ما كروسوفت الكث ر من العناصر واالصنافClasses واالدوات لعمل الس كورت والرخص.الت تستط ع ان تستعملها اعتمادا على حساب ال Windows او Form مثل Login,Login Status,Change Password الخ الت تسمح للمطور وبسهولة ان ض ف ال securityاو Profile او Memberships الى الموقع. 115

117 من المفات ح االساس ة لتطو ر أي موقع ه ادارة المستخدم ن ووصول تهم الى محتو ات الموقع.بالسابق كان جب عل ك ان تكتب كود متد لمئات االسطر لعمل هكذا ش لكن ال وم اصبح االمر سهل فتستط ع ان عدة امور بدون ماتكتب كود واحد. ربما ستسمع كث را بالمصطلح WSAT وهو اختصارا ل ( Site Web ) Administration Tools ط ب وفائدته ه ادارة عمل الس كورت او تشك ل ه كل ة الس كورت وكذلك انشاء وادارة المستخدم ن Users وكذلك انشاء وادارة االدوارRoles. : انشاء المستخدم ن Users لك ننشئ مستخدم جد د جب ان نفتح WSAT Explorer كما ف الصور من خبلل ال Solution Security س فتح لنا صفحة االداة WSAT وننقر على الرابط 116

118 كما تبلحظ انا قد عملت مسبقا Users2 و Roles 2.ولك تنشئ مستخدم جد د عل ك ان تختار نوع المصادقة فننقر على الرابط Select Authentication type فستفتح الصفحة التال ة كما تبلحظ هنا WSAT سئلك عن ك ف ة وصول المستخدم ن لموقعك هل من خبلل االنترنت او من خبلل الشبكة المحل ة Intarnet( ). مبلحظة //عندما تختار From Internet فبصورة اوتومات ك ة س تم ان شاء قاعدة ب انات من نوع SQL تحتوي على كل المعلومات عن Users و Roles وما تعلق بالس كورت داخل المجلد.APP_Data اختر ثم انقر على Done وارجع الى مشروعك وانقر على From Internet Refersh 117

119 Authentication وكذلك تحدث Web.config باضافة <configuration> <system.web> <authentication mode="forms" /> <compilation debug="false" targetframework="4.0" /> </system.web> </configuration> نعود ونفتح WSAT لننشئ المستخدم User. Create User ومنه نختار Security وبنفس الطر قة ننقر على رابط Users مبلحظة //من االفضل ان تعمل Role الجواب. قبل انشاء لماذا تابع وستجد 118

120 االن انشئ مستخدم لكن س واجهك فالد شن بالباسورد ح ث جب ان كون طول الباسورد اكثر من 7 باالضافة الى استخدام احد الرموز,$,# الخ الى هنا انتهى موضوع انشاء المستخدم ن. : انشاء Role بعد ان اكملت انشاء الUsers نبدا بؤنشاء االدوار وه احدى مرتكزات الMemberships نعود لنفتح WSAT ومنه نختار رابط Scurity وقبل ان تنشئ الRoles جب عل ك ان تفعلها حتى تستط ع التعامل معها ننقر على Create or Manage Roles ثم نختار Enable Roles 119

121 Role هنا ابدء بؤنشاء الRole به.وهكذا الحال. واالفضل ان تكون لكل مجلد ف مشروعك خاص Role بصورة اوتومات ك ة س تحدث Web.config ل فعل ف المشروع. <RoleManage enabled="true"/> وكذلك مكنك االستفادة من كبلس Role ف ما بعد عند كتابة أي كود تحتاج ف ه معرفة ال Roleالذي نتم ال ه المستخدم IsUserInRole. الى هنا انته نى من انشاء Role لكن هل انته نا من ظبط الرخصة بالطبع كبل. انشاء Access Roles اح انا عندك مجلدات ال تر د أي User او زائر ان صل لها بؤستثناء مستخدم مع ن حتى وان انشئت Role فهذا ال كف. Create Access Role Security نفتح WSAT ومنه نختار ومنه نختار منها نختار Create Access Rules 120

122 لنتكلم عن هذه الصفحة حسب االرقام: 0 - عن اختار المجلد الذي تر د ان تضعد له رخصة الوصول. 2 -ف ه Role وه اخت ار الدور User اخت ار المستخدم بامكانك ان تعمل رخصة للRole او User او كبلهما مثبل اذا كان عندك مجموعة مستخدم ن ولهم نفس Role وتر د واحد منهم فقط صل الى مجلد االدمن هنا تحتاج ان تستخدم ال RoleوالUser. All Users قصد بجم ع المستخدم ن. Anonymouse User قصد به جم ع الزوار المتخف ن او بتعب ر اصح الزوار الذ ن ل س اعظاء Users( ) 3- تب ن نوع الرخص : Allow : عن مسموح بالوصول Deny :غ ر مسموح بالوصول. بق ش اخ ر اال وهو لك تض ف لمستخدم مع ن نفتح Wsat ومنه نختار role Manage Users 121

123 هنا اختار المستخدم واختر Rolesله كما تبلحضون لقد عملنا اش اء ضخمة بدون مانكتب أي كود واحد.ف الجزء القادم سنتعلم ك ف ننشئ مستخدم من خبلل احدى الصفحات ونعمل تسج ل دخول وخروج وكذلك تغ ر كلمة السر الحد المستخدم ن وكذلك نستخدم الSiteMap ونخف منه Nodes اعتمادا على Role بدون مانكتب كذلك كود واحد بؤستثناء بناء SiteMap وبعض التعد بلت ع ىل. Web.config الى هنا انتهى الجزء االول من الدرس نلتق كم ان شاء هللا ف الجزء الثان. اخوكم وخادمكم محمد الساعدي التنسونا بصالح الدعاء ))عبدتك الخوفآ من نارك والطمعآ ف جنتك ولكن وجدتك اهآل للعبادة فعبدتك (( 122