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

מדריך CSHTML - יצירת אתר דינאמי פשוט עם קוד CSHTML

גיא בורשטיין ,‏ מיקרוסופט‏ ‏/‏ 30 יוני, 2010
F+
F-
בפרק זה, ניצור דף דינאמי ראשון המכיל קוד פשוט המציג את השעה הנוכחית, ונעשה זאת ע"י שימוש ב- Helper. תפקידם של ה- Helpers הוא לקחת משימות מורכבות ולפשט אותן לכדי שורת קוד אחת בלבד. ב- CSHTML ישנם Helpers רבים המאפשרים לבצע משימות מורכבות הרבה יותר – נרחיב על כך באחד הפרקים הבאים.

פרק זה מתבסס על האתר הפשוט שיצרנו בפרק הקודם: בניית אתר פשוט עם WebMatrix.

1. פתח את הקובץ HelloWorld.cshtml.

2. הוסף את הקוד המודגש הבא:

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Hello World Page</title>
    </head>
    <body>
        <h1>Hello World Page</h1>
        <p>Hello World!</p>
        <p>The time is @DateTime.Now</p>   
    </body
>
</
html
>

כעת, מכיל הדף HTML רגיל עם תוספת אחת. הסימן @ מציין קוד דינאמי בדף.

3. שמור את הדף והצג אותו בדפדפן (תוכל לעשות זאת בקיצור ע"י שימוש ב- F12). הדפדפן יציג את הזמן הנוכחי.

4. רענן את הדף בדפדפן (לחץ על F5 או על כפתור הרענון) – האתר יציג עם כל רענון שעה שונה.

ברכות! בנית את האתר הדינאמי הראשון שלך!

בפרק הבא נראה כיצד ניתן להוסיף חבילות תוספים לאתר שלך כדי להתחבר לרשתות חברתיות.

גיא בורשטיין, מיקרוסופט

גיא בורשטיין הוא מומחה טכנולוגיות פיתוח בחברת מיקרוסופט ואחראי על הקשר בין מיקרוסופט לקהילת המפתחים בארץ.
אתר: http://blogs.microsoft.co.il/blogs/openness/
תגיות: ASP.NET‏  /  CSHTML‏  /  מדריך‏  /  פיתוח‏  /  בניית אתרים‏  

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

תגובות למאמר



עוד במדריך

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

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