מדריכי בניית אתרים

מדריך CSHTML

פוסטים חדשים

מדריך 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 – התאמה אישית של התנהגות ברחבי האתר

פרק זה מסביר כיצד לבצע הגדרות על אתר שלם או תיקיה שלמה, ולא רק על דף בודד. מה תלמד: כיצד להפעיל קוד המאפשר להגדיר ערכים לכל הדפים באתר. כיצד להפעיל...

תגיות: ,

המשך