מדריך CSHTML

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

‏ • Microsoft

בפרק זה, ניצור דף דינאמי ראשון המכיל קוד פשוט המציג את השעה הנוכחית, ונעשה זאת ע"י שימוש ב- 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 או על כפתור הרענון) – האתר יציג עם כל רענון שעה שונה.

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

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

תגיות: , , , ,

גיא בורשטיין

גיא בורשטיין הוא מומחה טכנולוגיות פיתוח בחברת מיקרוסופט ואחראי על הקשר בין מיקרוסופט לקהילת המפתחים בארץ.

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