תגיות
מדריך CSHTML ו-WebMatrix: הקדמה
WebMatrix (ווב מטריקס) היא חבילה חינמית המכילה את כל מה שאתה צריך כדי לבנות אתר לאינטרנט: היא הכוללת שרת Web, שפת סקריפט בשם CSHTML, מסד נתונים בסיסי, וכלי אחד לבניית...
המשךמדריך CSHTML – בניית אתר פשוט עם WebMatrix
כדי להתחיל, ניצור אתר חדש ובו עמוד פשוט. פתח את WebMatrix. לחת על האפשרות From Site Template ליצירת אתר המבוסס על תבנית מוכנה מראש. בחר בתבנית ששמה Empty Site וקרא...
המשךמדריך CSHTML – יצירת אתר דינאמי פשוט עם קוד CSHTML
בפרק זה, ניצור דף דינאמי ראשון המכיל קוד פשוט המציג את השעה הנוכחית, ונעשה זאת ע"י שימוש ב- Helper. תפקידם של ה- Helpers הוא לקחת משימות מורכבות ולפשט אותן לכדי...
המשךמדריך CSHTML – שליחת מיילים מהאתר באמצעות CSHTML
דואר אלקטרוני הוא אחד האמצעים הנפוצים והנוחים ביותר לתקשורת ישירה עם הגולשים באתר. אנחנו יכולים להשתמש בדואר אלקטרוני בטופס יצירת קשר לאימות הרשמה לאתר, ניוזלטר לעדכונים על בסיס קבוע ועוד....
המשךמדריך CSHTML – עבודה עם טפסים
מהו טופס דפי אינטרנט יכולים להציג מידע סטטי או דינמי. הם יכולים להציג תמונות, טבלאות לינקים ועוד, ובמקרים רבים דפי אינטרנט מכילים טפסים. טפסים הם מקטעים בדף HTML המכילים פקדים...
המשךמדריך CSHTML – בדיקות תקינות קלט
מהן בדיקות תקינות קלט כשאנו יוצרים טפסים אנו מצפים לקבל קלט מהמשתמש, בדוגמת המחשבון – שני המספרים לחישוב. לפעמים המשתמש יזין בטעות ערכים שאינם תקינים. למשל – לא יזין ערך...
המשךמדריך CSHTML – עבודה עם קבצים: מבוא
בפרק הקודם, למדנו איך לאחסן את הנתונים במסד נתונים. עם זאת, נוכל גם לעבוד עם קבצי טקסט באתר האינטרנט שלנו. כלומר, להשתמש בקבצי טקסט כדרך פשוטה לאחסון נתונים עבור האתר....
המשךמדריך CSHTML – עבודה עם קבצים: יצירת קובץ טקסט וכתיבת נתונים לתוכו
אם נרצה לאחסן את הנתונים בקובץ טקסט, נשתמש בפונקציה File.WriteAllText כדי ליצור את הקובץ ולכתוב את הנתונים לתוכו. הדוגמא הבאה יוצרת דף המכיל טופס פשוט עם שלושה פקדים (שם פרטי,...
המשךמדריך CSHTML – עבודה עם קבצים: הוספת נתונים לקובץ קיים
בדוגמה הקודמת, השתמשנו בפונקציה WriteAllText כדי ליצור קובץ טקסט ולשמור בו נתונים. אם נשתמש בפונקציה זו שוב, ונציין את אותו שם קובץ, היא פשוט תדרוס את הקובץ הקיים ותיצור אחד...
המשךמדריך CSHTML – עבודה עם קבצים: קריאה ותצוגת נתונים מתוך קובץ
אחרי שכתבנו את הנתונים לקובץ טקסט, ברור הרי שמתישהו נצטרך גם לקרוא אותם… כדי לעשות זאת, נשתמש שוב באובייקט File. נוכל להשתמש בו לקרוא כל שורה בנפרד (שורות המופרדות על...
המשךמדריך CSHTML – עבודה עם קבצים: מחיקת קבצים
כדי למחוק את הקבצים מאתר האינטרנט שלך, אתה יכול להשתמש בפונקציה File.Delete. הדוגמא הבאה מדגימה כיצד למחוק תמונה (קובץ .jpg) מתוך תיקיית images אם יודעים את שם הקובץ. בתוך WebMatrix...
המשךמדריך CSHTML – עבודה עם קבצים: העלאת קבצים ע"י משתמשים
ב- CSHTML קיים עוזר בשם FileUpload המאפשר למשתמשים להעלות קבצים אל אתר האינטרנט שלנו. הדוגמא הבאה מציגה כיצד לעשות זאת. הוסף לאתר שלך את החבילה: ASP.NET Web Helpers Libraryבמידה ועדיין...
המשךמדריך CSHTML – עבודה עם קבצים: העלאת מספר קבצים במקביל
בדוגמה הקודמת, איפשרנו למשתמשים להעלות קובץ אחד. אבל נוכל להשתמש helper FileUpload להעלות יותר מקובץ אחד בכל פעם. זה שימושי עבור תרחישים כמו העלאת תמונות, שבהם העלאת קובץ אחד בכל...
המשךמדריך CSHTML – עבודה עם נתונים: מבוא
תאר לעצמך ספר כתובות אופייני. לכל שורה בספר הכתובות (כלומר, לכל נמען) יש לך מספר רכיבי מידע, לדוגמא: שם פרטי, שם משפחה, כתובת אימייל ומספר טלפון. דרך אופיינית לתיאור המידע...
המשךמדריך CSHTML – עבודה עם נתונים: יצירת בסיס נתונים חדש
בחלק זה נראה כיצד ליצור בסיס נתונים בשם: SmallBakery על-ידי שימוש בכלי העיצוב של SQL Server Compact, אשר נכלל בחבילת WebMatrix. למרות שניתן ליצור בסיס נתונים באמצעות קוד, הדרך הטיפוסית...
המשךמדריך CSHTML – עבודה עם נתונים: הוספת מידע לבסיס הנתונים
כעת אתה יכול להוסיף מידע לדוגמא לתוך בסיס הנתונים שתעבוד עליו מאוחר יותר בהמשך הפרק. בחלק השמאלי של המסך, עבור לסביבת העבודה של Databases. בחלק השמאלי של המסך, הרחב את...
המשךמדריך CSHTML – עבודה עם נתונים: הצגת המידע מתוך בסיס הנתונים
אחרי שיש לך בסיס נתונים עם מידע בתוכו, ניתן להציג את המידע באמצעות בדפי CSHTML. על מנת לבחור את הרשומות מהטבלה להצגה, נשתמש במשפטי SQL, שהם למעשה פקודות אשר מעבירים...
המשךמדריך CSHTML – עבודה עם נתונים: הכנסת מידע לבסיס הנתונים
בחלק זה נראה איך ליצור טופס אשר יאפשר למשתמשים להוסיף מוצר חדש לטבלת ה – Products. לאחר שרשומת מוצר חדש נכנסה לבסיס הנתונים, הדף יציג את הטבלה המעודכנת על-ידי שימוש...
המשךמדריך CSHTML – עבודה עם נתונים: עדכון מידע בבסיס הנתונים
לאחר שהמידע הוכנס לתוך טבלה, יתכן שנרצה לעדכן אותו. הפעולות הבאות יציגו לך כיצד ליצור שני דפים אשר דומים לאלו שיצרנו עבור הכנסת המידע מוקדם יותר. הדף הראשון מציג מוצרים...
המשךמדריך CSHTML – עבודה עם נתונים: מחיקת מידע מבסיס הנתונים
בחלק זה נראה כיצד ליצור דף אשר מאפשר למשתמשים למחוק מוצר מתוך טבלת המוצרים. צור קובץ CSHTML חדש בשם DeleteProducts.cshtml. החלף את קוד ה-HTML הקיים בקוד הבא: @{ var db...
המשךמדריך CSHTML – עבודה עם נתונים: הצגת מידע עם WebGrid Helper
עד עכשיו ראינו איך להציג מידע על גבי דף, ולצורך כך יצרנו את טבלת ה- HTML בעצמנו. ישנה דרך קלה יותר והיא להשתמש ב- WebGrid שיוצר עבורנו טבלת HTML המציגה...
המשךמדריך CSHTML – עבודה עם נתונים: התחברות לבסיס הנתונים
ניתן להתחבר לבסיס נתונים בשתי דרכים. הדרך הראשונה היא להשתמש ב-path לקובץ בסיס הנתונים. על מנת להשתמש ב- path, מעבירים את ה-path לפעולה Database.OpenFile כמו בדוגמא הבאה: var db =...
המשךמדריך CSHTML – התקנת חבילות תוספים (Helpers) לאתר דרך ממשק הניהול
עכשיו, אחרי שהתקנת WebMatrix ויצרת אתר בסיסי, הגיע הזמן ללמוד איך להשתמש בממשק הניהול של אתרי CSHTML ובמנהל החבילות לצורך התקנת Helpers, שהם רכיבים שהופכים משימות נפוצות להיות פשוטות ביותר!...
המשךמדריך CSHTML – שימוש ב- Helpers לחיבור לרשתות חברתיות
בפרק הקודם הוספנו חבילת Helpers לאתר שלנו וכעת נראה איך נוכל להשתמש בה כדי להוסיף חיבור לרשתות חברתיות לאתר שלנו. ע"י שימוש ב- Helpers, המשימה הזאת תהיה קלה מאד. 1....
המשךמדריך CSHTML – סינטקס השפה
פרק זה נותן לכם סקירה על תכנות דפי אינטרנט דינמיים באמצעות שפת CSHTML . מה נלמד: 8 הטיפים החשובים ביותר לתחילת העבודה עם CSHTML. מושגי יסוד בתכנות אותם נצטרך להבנת...
המשךמדריך CSHTML – יסודות כתיבת קוד ב- CSHTML
בפרק זה נלמד את היסודות של כתיבת קוד CSHTML וכללי שפת התכנות. אם יש לך ניסיון עם תכנות (במיוחד אם השתמשת ב- C, C++, C#, Visual Basic, או JavaScript) חלק...
המשךמדריך CSHTML – עיצוב האתר: בלוקים של תוכן הניתנים לשימוש חוזר
לאתרי אינטרנט רבים יש תוכן המוצג בכל דף, כמו כותרת עליונה ותחתונה, או בלוק שאומר למשתמשים שהם התחברו למערכת (ביצעו Log In). כדי לא לכתוב את התוכן הזה מחדש בכל...
המשךמדריך CSHTML – עיצוב האתר: שימוש בדפי תבנית (Layout Pages)
עד כה ראינו שקל לכלול את אותו התוכן במספר דפים ע”י שימוש בפונקציה RenderPage. גישה מובנית יותר ליצירת מראה עקבי באתר היא להשתמש בדפי עיצוב – Layout Pages . דפים...
המשךמדריך CSHTML – עיצוב האתר: דפי תבנית ומקטעים (Sections)
בפרק הקודם ראינו שדף תבנית (Layout Page) משתמש בפונקציה RenderBody ומשלב את חלק התוכן המרכזי של עמוד התוכן. דפי תבנית יודעים לשלב בתוכם יותר מחלק תוכן אחד ע"י שימוש במקטעים...
המשךמדריך CSHTML – עיצוב האתר: העברת נתונים בין דפי תוכן לדפי תבנית ע”י PageData
לפעמים, אתה צריך להעביר נתונים מדף התוכן לדף התבנית. לדוגמא, ייתכן שתרצה להציג את מצב ההתחברות (login) של המשתמש, או אולי תרצה להציג או להסתיר את אזורי התוכן על בסיס...
המשךמדריך CSHTML – עיצוב האתר
כדי ליצור דפים באתר שלך בצורה יעילה יותר, באפשרותך ליצור בלוקים של תוכן הניתנים לשימוש חוזר (כמו כותרות עליונות ותחתונות) ולהשתמש בהם שוב ושוב. בנוסף, אתה יכול ליצור עמודי תבנית...
המשךמדריך CSHTML – יסודות כתיבת קוד בצד שרת
עבודה עם נתיבי קבצים ותיקיות בתוך קוד לעתים קרובות נשתמש בנתיבי קבצים ותיקיות בקוד. הנה דוגמא של מבנה תיקיות פיזי של אתר אינטרנט העשוי להופיע על מחשב הפיתוח שלך: ...
המשךמדריך CSHTML – עבודה עם נתונים: הצגת נתונים בתרשים
מאמר זה מסביר כיצד להציג נתונים בתרשים. מה תלמד: איך להציג נתונים בתרשים. כיצד לעצב תרשימים באמצעות תבניות מובנות. במאמר זה נציג את העוזר (Helper) הבא: Chart helper Chart...
המשךמדריך CSHTML – עבודה עם תמונות
פרק זה מראה לך כיצד להוסיף ולהציג תמונות עבור אתר האינטרנט שלך וכיצד לבצע בהם שינויים לפני שאתה שומר אותם – איך לשנות את גודלם, להפוך אותם ולהוסיף סימני מים....
המשךמדריך CSHTML – עבודה עם וידאו
יש לך וידאו? אם כן, קל להציג אותו בדף אינטרנט. שפת CSHTML מאפשרת לך להציג בדף סרטונים של Flash (קבצי swf), סרטוני Media Player (קבצי wmv) או סרטוני Silverlight (קבצי...
המשךמדריך CSHTML – הוספת חיפוש לאתר האינטרנט שלך
בפרק זה תלמד כיצד לחפש באתר באמצעות מנוע החיפוש Bing. מה תלמד: איך להוסיף את היכולת לחפש באתרי אינטרנט (כולל שלך) אל אתר האינטרנט שלך. אנו נשתמש בעוזר Bing. חיפוש...
המשךמדריך CSHTML – הוספת רשת חברתית לאתר האינטרנט שלך
אחד הדברים שאתה יכול לעשות כדי להפוך את האתר שלך לפופולרי יותר וכיפי יותר הוא לשלב את האתר עם שירותי רשתות חברתיות. במאמר זה תלמד כיצד לתת לאנשים לסמן /...
המשךמדריך CSHTML – ניתוח טראפיק באתר
לאחר שהאתר שלך עלה לשרת אינטרנט ונמצא באוויר, כדאי לנתח את תנועת המשתמשים באתר. מה תלמד: · איך לשלוח מידע על התנועה באתר שלך לספק המנתח את התנועה. במאמר זה...
המשךמדריך CSHTML – עבודה עם מטמון (Cache) לשיפור הביצועים של האתר שלך
בכל פעם שמישהו מבקש דף מהאתר שלך, שרת ה-Web צריך לבצע עבודה מסוימת על-מנת לשרת את הבקשה. ייתכן שעבור חלק מהדפים שלך, השרת יאלץ לבצע משימות שבאופן יחסי לוקחות זמן...
המשךמדריך CSHTML – הוספת אבטחה וחברות באתר
פרק זה מראה לך כיצד לאבטח את האתר שלך, כך שחלק מהדפים יהיו זמינים רק לאנשים שנרשמו לאתר (תראה גם איך ליצור דפים שכל אחד יכול לגשת אליהם). מה...
המשךמדריך CSHTML – הוספת אבטחה לאתר – מנגנון CAPTCHA
מה תלמד: · כיצד להשתמש במנגנון CAPTCHA כדי למנוע תוכנות אוטומטיות ("בוטים") ליצור חשבונות משתמשים. אלו הם העוזרים (Helpers) שנציג בפרק זה: · ReCaptcha Helper מניעת תוכניות אוטומטיות מלהצטרף לאתר...
המשךמדריך CSHTML – מבוא ל- Debugging
Debugging ("ניפוי שגיאות") הוא התהליך של איתור ותיקון שגיאות בדפי הקוד שלך. פרק זה מראה לך כמה כלים וטכניקות בהן ניתן להשתמש כדי לאתר באגים ולנתח את האתר שלך. מה...
המשךמדריך CSHTML – התאמה אישית של התנהגות ברחבי האתר
פרק זה מסביר כיצד לבצע הגדרות על אתר שלם או תיקיה שלמה, ולא רק על דף בודד. מה תלמד: כיצד להפעיל קוד המאפשר להגדיר ערכים לכל הדפים באתר. כיצד להפעיל...
המשך