טפסי אינטרנט הם דפי אינטרנט הבנויים על טכנולוגיית ASP.NET. זה מופעל על השרת ומייצר פלט לדפדפן. הוא תואם לכל דפדפן לכל שפה הנתמכת על ידי זמן ריצה של .NET בשפה משותפת. הוא גמיש ומאפשר לנו ליצור ולהוסיף פקדים מותאמים אישית.
אנו יכולים להשתמש ב-Visual Studio כדי ליצור טפסי אינטרנט של ASP.NET. זהו IDE (Integrated Development Environment) המאפשר לנו לגרור ולשחרר פקדי שרת לטפסי האינטרנט. זה גם מאפשר לנו להגדיר מאפיינים, אירועים ושיטות עבור הפקדים. כדי לכתוב לוגיקה עסקית, נוכל לבחור בכל שפת NET כמו: Visual Basic או Visual C#.
Web Forms מורכבים משני מרכיבים: החלק הוויזואלי (קובץ ה-ASPX), והקוד שמאחורי הטופס, שנמצא בקובץ מחלקה נפרד.
תאנה: תרשים זה מציג את הרכיבים של ASP.NET
המטרה העיקרית של Web Forms היא להתגבר על מגבלות ה-ASP ולהפריד בין התצוגה להיגיון היישום.
ASP.NET מספק פקדים שונים כמו: בקרות שרת ופקדי HTML עבור טפסי האינטרנט. יש לנו טבלאות של כל הפקדים האלה למטה.
בקרות שרת
הטבלה הבאה מכילה את הפקדים בצד השרת עבור טפסי האינטרנט.
| שם בקרה | אירועים רלוונטיים | תיאור |
|---|---|---|
| תווית | אף אחד | הוא משמש להצגת טקסט בדף HTML. |
| תיבת טקסט | הטקסט השתנה | הוא משמש ליצירת קלט טקסט בטופס. |
| לַחְצָן | לחץ, פקודה | הוא משמש ליצירת כפתור. |
| כפתור קישור | לחץ, פקודה | הוא משמש ליצירת כפתור שנראה דומה להיפר-קישור. |
| כפתור תמונה | נְקִישָׁה | הוא משמש ליצירת כפתור תמונות. כאן, תמונה פועלת בתור כפתור. |
| היפר קישור | אף אחד | הוא משמש ליצירת פקד היפר-קישור המגיב לאירוע קליק. |
| רשימה נפתחת | SelectedIndexChanged | הוא משמש ליצירת פקד רשימה נפתחת. |
| קופסת רשימה | SelectedIndexCnhaged | הוא משמש ליצירת פקד ListBox כמו פקד HTML. |
| DataGrid | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | זה נהג ליצור פריד המשמש להצגת נתונים. אנו יכולים גם לבצע החלפה, מיון ועיצוב בקלות רבה עם הפקד הזה. |
| רשימת נתונים | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | הוא משמש ליצירת רשימת נתונים שאינה טבלאית ומשמשת להצגת נתונים. |
| מַהְדֵר | ItemCommand, ItemCreated, ItemDataBound | זה מאפשר לנו ליצור פורמט לא טבלאי לנתונים. אתה יכול לאגד את הנתונים לפריטי תבנית, שהם כמו פיסות HTML שחוברות יחד בפורמט חוזר ספציפי. |
| תיבת סימון | CheckChanged | הוא משמש ליצירת תיבת סימון. |
| CheckBoxList | SelectedIndexChanged | הוא משמש ליצירת קבוצה של תיבות סימון שכולן פועלות יחד. |
| כפתור רדיו | CheckChanged | הוא משמש ליצירת כפתור בחירה. |
| RadioButtonList | SelectedIndexChanged | הוא משמש ליצירת קבוצה של פקדי לחצני בחירה שכולם עובדים יחד. |
| תמונה | אף אחד | הוא משמש להצגת תמונה בתוך הדף. |
| לוּחַ | אף אחד | הוא משמש ליצירת פאנל שעובד כמיכל. |
| PlaceHolder | אף אחד | הוא משמש להגדרת מציין מיקום עבור הפקד. |
| לוּחַ שָׁנָה | SelectionChanged, VisibleMonthChanged, DayRender | הוא משמש ליצירת לוח שנה. אנחנו יכולים להגדיר את תאריך ברירת המחדל, לנוע קדימה ואחורה וכו'. |
| AdRotator | AdCreated | זה מאפשר לנו לציין רשימה של מודעות להצגה. בכל פעם שהמשתמש מציג מחדש את הדף. |
| שולחן | אף אחד | הוא משמש ליצירת טבלה. |
| XML | אף אחד | הוא משמש להצגת מסמכי XML בתוך ה-HTML. |
| מילולית | אף אחד | זה כמו תווית בכך שהיא מציגה מילולית, אבל מאפשרת לנו ליצור מילוליות חדשות בזמן ריצה ולהציב אותן בפקד הזה. |
פקדי HTML
פקדים אלה מעבדים על ידי הדפדפן. אנחנו יכולים גם ליצור פקדי HTML כבקרת שרת. נדון על כך בהמשך המדריך שלנו.
| שם הפקדים | תיאור |
|---|---|
| לַחְצָן | הוא משמש ליצירת כפתור HTML. |
| כפתור אתחול | מאפס את כל שאר רכיבי טופס ה-HTML בטופס לערך ברירת מחדל |
| לחצן שלח | מפרסם באופן אוטומטי את נתוני הטופס בדף שצוין הרשום בתכונת Action בתג FORM |
| שדה טקסט | נותן למשתמש אזור קלט בטופס HTML |
| אזור טקסט | משמש לקלט רב שורות בטופס HTML |
| שדה קובץ | ממקם שדה טקסט וכפתור עיון בטופס ומאפשר למשתמש לבחור שם קובץ מהמחשב המקומי שלו כאשר לוחצים על כפתור עיון |
| שדה סיסמה | אזור קלט בטופס HTML, אם כי כל התווים שהוקלדו בשדה זה מוצגים ככוכביות |
| תיבת סימון | נותן למשתמש תיבת סימון שהוא יכול לבחור או לנקות |
| כפתור רדיו | משמש שניים או יותר לטופס, ומאפשר למשתמש לבחור אחד מהפקדים |
| שולחן | מאפשר להציג מידע בפורמט טבלה |
| תמונה | מציג תמונה בטופס HTML |
| קופסת רשימה | מציג רשימה של פריטים למשתמש. אתה יכול להגדיר את הגודל משניים או יותר כדי לציין כמה פריטים ברצונך להציג. אם יש יותר פריטים ממה שיתאים למגבלה זו, פס גלילה נוסף אוטומטית לפקד זה. |
| להפיל | מציג רשימה של פריטים למשתמש, אך רק פריט אחד בכל פעם יופיע. המשתמש יכול ללחוץ על חץ למטה מהצד של פקד זה ורשימת פריטים תוצג. |
| כלל אופקי | מציג קו אופקי על פני דף ה-HTML |