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