מבוא ל ASP.NET

1. מבוא ל ASP.NET מצגת מס' 3 • שיעור 3 : מבוא ל ASP.NET www.doronamir.com MCSD DORON AMIR

2. Web Forms • Web Form מאפשר ל asp.net לספק בקרה על ממשק המשתמש ע"י אובייקטים הנמצאים בשרת

3. HTML FORMS • מודל Request \ Response • HTML בנוי מפריטים המרכיבים את ממשק המשתמש • HTML מבוסס על צד הלקוח : Client-Based • רק כאשר מתבצע SUBMIT נשלחים הנתונים • השרת אינו יודע כיצד נראה הטופס • השרת אינו יודע לאיזה סוג נתונים לצפות Client POST DATA SERVER

4. Web Forms • בניגוד ל HTMLה Web Forms מבוססי שרת • האלמנטים עבור המשתמש נוצרים בשרת • השרת יודע כיצד הטופס נראה • השרת מודע לפונקציונליות הטופס • השרת מודע לסוגי הנתונים הנשלחים מהטופס

5. Server Controls • פקדי שרת • מייצגים חלק ממשק המשתמש UI • אובייטים הניתנים לשליטה מלאה בצד השרת • מכילים אירועים , מאפיינים , שיטות .. • בעת בקשה מהלקוח , asp.net ממירה פקדים אלה ל HTML המותאם לסוג הדפדפן Down Level Support תמיכה ברמה הנמוכה

6. Event-Driven • מתבסס על מודל Request \ Response • מספק סביבה אינטואיטיבית • הפקדים מודיעים לשרת ברגע שמשהו מתרחש • הלקוח שולח מידע לשרת גם ללא ידעת המשתמש • השרת יוצר את הפקדים ולכן זוכר את הערכים • שימוש אוטומטי בשדות נסתרים מאפשרים לשרת לזכור את מצב התצוגה של כל פקד

7. Server Control Type • HTML Server Controls • WEB Server Controls • Validation Server Controls • USER Server Controls

8. HTML\WEB Server Controls • HTML • ייצוג עבור האלמנטים הרגילים ב HTML • נמצאים בצד השרת • WEB • מספקים פונקציונליות גבוהה יותר • מציגים ממשקי משתמש מורכבים

9. Validation\User Server Controls Validation • בדיקת נתוני המשתמש • טווח , ביטוי , נתוני חובה , סיכום שגיאות ... USER • פקדים המותאמים אישית לפי רצון המשתמש

10. אירוע אקטיבי \ פסיבי אירוע אקטיבי • מחייב פעולה מפורשת של המשתמש • הפעולה מבוצעת במתכוון • לחיצה על קישור, לחצן , הזנת טקסט ... • רק אירועים אקטיביים מטופלים בשרת אירוע פסיבי : מתרחש שלא במתכוון הזזת עכבר , גרירת תמונה ... אירועים פסיבים מתרחשים בתדירות גבוהה מאד לכן הם מטופלים בצד הלקוח - JavaScript

11. Events • לפקדי שרת אירועים רבים • בכל התרחשות אירוע הלקוח שולח נתונים לשרת אירעים נשלחים לשרת בשתי דרכים : • אירוע מופעל  מייד ברגע ההתרחשות • אירוע מופעל  במשלוח יחיד ( או קבוצה )Submit

12. רשימת הפרמטרים הסטנדרטית עבור אירוע כאשר האירוע CLICK יתרחש שיטה זו תופעל בצד השרת מייצגים נתונים הנכללים במשלוח Obj : האובייקט הקורא לשיטה E : מידע נוסף <script runat="server"> Sub Button1_Click(obj as object, e as EventArgs) Label1.Text = "You clicked <b>" & obj.Text & "</b>" end Sub </script> יציג את הטקסט השרשום על הפקד שקרא לשיטה : Button1 <form runat="server"> <asp:Button id="Button1" runat="server" Text="Button1" onClick="Button1_Click" />

13. Obj.Text

14. View State • טפסי WEB שומרים את מצב התצוגה ע"י שדות נסתרים המיוצרים אוטומטית • State bag • דרך נוספת לשמירת מידע היא State bag • משתמש לשמירת ערכים שהמשתמש לא הזין כמו תוצאת חישוב שהתקבלה ויש לשמור אותה

15. State Bag ViewState("StartTime") = DateTime.Now Sub Page_Load(obj as object, e as EventArgs) if not Page.IsPostBack then ViewState("StartTime") = DateTime.Now lblMessage.Text = "Time is now: " & ViewState("StartTime") end if end sub בפעם הראשונה : הזמן ותאריך הבקשה יאוחסנו ב State Bag הערך ישמר למרות בקשות שונות שיתרחשו

16. State Bag ביצוע SUBMIT שולח את הנתונים ומוכיח כי ערך ה State Bag נשמר Sub Submit(obj as object, e as EventArgs) lblMessage.Text = "The time is now: " & DateTime.Now & _ "<br />started at: " & ViewState("StartTime") end Sub יודפס הערך של הזמן הנוכחי + זמן טעינת הדף לראשונה האובייקט מתרוקן כאשר המשתמש עוזב את הדף

17. State Bag הזמן בכל לחיצה על Submit רק כאשר הדף נטען לראשונה Stae Bag

18. סדר פעולות כללי • לקוח מבקש טופס • השרת מייצר קוד HTML • Page_Load מתרחש • השרת שולח את הטופס • קריאה לשיטות המטפלות באירועים • לקוח עוזב את הדף • Page_Unload משחרר כל זיכרון שאין בו צורך

19. AutoPostBack • משלוח מיידי של נתונים בעת התרחשות האירוע

20. AutoPostBack

21. AutoPostBack הטיפול באירועים

22. סיכום חלק א' • טפסי Web מאפשרים לשרת לעקוב אחר המשתמש • טפסי WEB מורכבים מ 4 סוגי פקדים • HTML\WEB\Validation\USER • הסבת פקד ישן runat=server • Event • State Bag • AutoPostBack

23. מבוא ל ASP.NET מצגת מס' 3 • שיעור 3 : מבוא ל ASP.NET www.doronamir.com MCSD DORON AMIR