וובמאסטר - תיכנות ובניית אתרים

מדריך CSHTML - שימוש ב- Helpers לחיבור לרשתות חברתיות

ליאור זמיר ,‏ ג'ון ברייס הדרכה‏ ‏/‏ 13 ינואר, 2011
F+
F-

בפרק הקודם הוספנו חבילת Helpers לאתר שלנו וכעת נראה איך נוכל להשתמש בה כדי להוסיף חיבור לרשתות חברתיות לאתר שלנו. ע"י שימוש ב- Helpers, המשימה הזאת תהיה קלה מאד.

1. באתר שלך, הוסף קובץ CSHTML חדש בשם TwitterFeed.cshtml.

2. החלף את תוכן דף ה- CSHTML שנוצר בקוד הבא:

<!DOCTYPE html>
<
html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Twitter Feed</title>
    </head>
    <body>
        <h1>Twitter Feed</h1>
        <form action="" method="POST">
         <div>
            Enter the name of another Twitter feed to display:
            &nbsp;
            <input type="text" name="TwitterUser" value=""/>
            &nbsp;
            <input type="submit" value="Submit" />
         </div>
         <div>
            @if (Request["TwitterUser"].IsEmpty()) {
                @Twitter.Search("microsoft")
            }
            else {
                @Twitter.Profile(Request["TwitterUser"])
            }   
         </div>
        </form>
    </body
>
</
html
>

קוד ה- HTML הזה יוצר טופס שמציג שדה טקסט בו המשתמש יזין שם משתמש, וכפתור Submit. שני אלה נמצאים בתוך הסט הראשון של תגיות ה- <div>.

בתוך הסט השני של תגיות ה- <div> יש מעט קוד (אפשר לזהות את תחילת הקוד ע"פ הסימן @). הקוד בודק האם יש ערך בשדה הטקסט ששמו TwitterUser. מכיוון שבפעם הראשונה שבדף מוצג המשתמש עדיין לא הזין שם של משתמש, הערך בשדה ריק ולכן יוצג ערוץ הטוויטר של מיקרוסופט. כאשר משתמש יזין שם משתמש בטוויטר וילחץ על כפתור ה- Submit, יוצג ערוץ הטוויטר של המשתמש ששמו הוזן.

3. הרץ את הדף בדפדפן (לחץ על F12). יוצג ערוץ הטוויטר של מיקרוסופט.

CSHTML טוויטר

 

4. הכנס שם של משתמש אחר בטוויטר (לדוגמא: eliantebi) ולחץ על הכפתור Submit. כעת יוצג ערוץ הטוויטר של המשתמש שהזנת.

CSHTML טוויטר

בדוגמה הזאת ראינו איך אפשר לבנות אתר דינאמי שעושה שימוש בחבילות הרבה אחרות, שהופכות משימות מורכבות כמו חיבור לרשתות חברתיות לעניין פשוט במיוחד.

ליאור זמיר, ג'ון ברייס הדרכה

כיום אני ה- Webmaster של תוכנית החדשנות של HPE Software.
לפני כן, הייתי מנהל תחום Webmaster ומרצה בכיר בג'ון-ברייס (במשך 9 שנים) בקורסים לפיתוח ותיכנות באמצעות Microsoft .NET, מולטימדיה, בניית אתרי אינטרנט ואינטראנט. פיתוח הדרכה ומתן ייעוץ טכנולוגי.
תגיות: CSHTML‏  /  ASP.NET‏  /  מדריך‏  /  פיתוח‏  /  בניית אתרים‏  

תגובות בפייסבוק

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות