יישום האינטרנט הראשון שלך ב- ASP.NET: כיצד להתחיל

ASP.NET היא המסגרת החופשית של מיקרוסופט לבניית אפליקציות ושירותי אינטרנט. פלטפורמת ASP.NET היא הרחבה ל- .NET, פלטפורמת מפתחים של כלים, שפות תכנות וספריות המשמשות לבניית יישומים שונים.

כפי שוודאי ניחשתם, ASP.NET היא מסגרת פנטסטית שמתחילים יכולים להשתמש בה לבניית אפליקציות אינטרנט. הוא מציע גמישות רבה וקל לשימוש. במאמר זה אנו נעזור לך ליצור את יישום האינטרנט הראשון שלך ב- ASP.NET באמצעות Microsoft Visual Studio.

מהו ASP.NET?

ASP מייצג "דפי שרת פעיל"; ASP ו- ASP.NET הן טכנולוגיות בצד השרת המשמשות להצגת דפי אינטרנט אינטראקטיביים. ASP.NET מספקת למפתחים גמישות רבה במערכת אקולוגית רב תכליתית עם ספריות וכלים שונים. מפתחים יכולים גם ליצור ספריות מותאמות אישית שיוכלו לשתף עם כל יישום שנוצר בפלטפורמת .NET.

קָשׁוּר: מסגרות אינטרנט שוות למידה למפתחים

אתה יכול לכתוב את הקוד האחורי של יישומי ASP.NET שלך ב- C#, Visual Basic או אפילו F#. גמישות זו מאפשרת למפתחים לקודד את ההיגיון העסקי ושכבת הגישה לנתונים ביעילות. יתרון משמעותי נוסף בשימוש ב- ASP.NET הוא בניית דפי אינטרנט דינאמיים באמצעות C# בעזרת כלי תחביר לדוגמאות אינטרנט המכונה Razor.

Razor מספק גם תחביר ליצירת דפי אינטרנט דינאמיים אינטראקטיביים המשלבים HTML, CSS, JavaScript ו- C#. הקוד בצד הלקוח נכתב בדרך כלל ב- JavaScript, וניתן לשלב ASP.NET אפילו עם מסגרות אינטרנט אחרות כגון Angular או React.

קָשׁוּר: Tailwind CSS לעומת Bootstrap: איזו מסגרת טובה יותר?

ASP.NET מספקת למפתחים גם מערכת אימות הכוללת מסד נתונים, ספריות, תבניות לניהול כניסות, אימות חיצוני לגוגל, פייסבוק וכו 'ועוד. מפתחים יכולים להשתמש ב- ASP.NET בכל הפלטפורמות הגדולות, כולל Windows, Linux, macOS ואפילו Docker.

כיצד ליצור יישום אינטרנט ASP.NET ב- Visual Studio

לפני יצירת יישום אינטרנט, כדאי שתכיר את HTML, CSS, JavaScript ו- C#, כך שתוכל להפיק את המרב מ- ASP.NET. הבה נבחן כיצד תוכל ליצור יישום אינטרנט ב- ASP.NET ב- Microsoft Visual Studio 2019.

וודא שהתקנת את חבילות התוכנה הבאות:

• Microsoft Visual Studio 2019 ואילך
• עומס עבודה של ASP.NET ופיתוח אתרים מ- Visual Studio Installer

הכרת רכיבי פרויקט יישומי האינטרנט של ASP.NET

לפני שתתחיל לפתח את אפליקציית האינטרנט שלך, חשוב להבין את המרכיבים החיוניים של ASP.NET וכיצד תוכל לנצל אותם ביישום האינטרנט שלך.

במדריך זה נשתמש בטפסי אינטרנט ASP.NET ליצירת דפי האינטרנט הנפרדים כגון דף הבית, צור קשר וכו '. לכל טופס אינטרנט שלושה רכיבים עיקריים, קובץ .aspx עבור HTML/CSS, קובץ קוד .aspx.cs וקובץ .aspx.designer.cs. לרוב נעבוד בקבצי .aspx ו- .aspx.cs עבור הדרכה זו.

קובץ .aspx יכיל את כל קוד ה- HTML ו- CSS של דפי האינטרנט שלך. ודא שאתה משתמש בתגי asp במקום תגי HTML, מכיוון שתגי asp נושאים נתונים מהשרת ושולחים נתוני קלט לשרת. זהו מאפיין הפונקציונליות הנדרש ביישום אינטרנט דינאמי.

קובץ .aspx.cs מכיל את קוד C# של דפי האינטרנט שלך, וזה קובע מה קורה כאשר אירוע מסוים כגון דף אינטרנט נטען, לחיצה על כפתור ועוד. ניתן ליצור פונקציות נפרדות לכל פונקציה ולקשר אותה לתג asp הרלוונטי בקובץ .aspx המתאים.

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

צור פרויקט אינטרנט חדש של ASP.NET

השלב הראשון ביצירת יישום אינטרנט ב- ASP.NET הוא בחירת תבנית פרויקט ויצירת יישום אינטרנט חדש:

1. הפעל את Microsoft Visual Studio ולחץ על צור פרויקט חדש
2. הקלד ASP.NET בתיבת החיפוש של תבניות, בחר יישום אינטרנט ASP.NET (.NET Framework) ולחץ הַבָּא. לא תקבל תבנית זו אם אין לך את ההתקנות הנדרשות שהוזכרו בסעיף הקודם.
3. במסך הבא, הגדר את שם הפרויקט וספרייתך ולחץ על הַבָּא.
4. Visual Studio ייצור כעת את תבנית הפרויקט שלך, ואתה אמור להיות מסוגל להריץ את יישום התבנית על ידי לחיצה על כפתור ההפעלה הירוק בחלק העליון של המסך.

צור טופס אינטרנט חדש של ASP.NET

כדי לעזור לך להבין טוב יותר את ASP.NET, ניצור דף מוצר פשוט לחנות משחקים. השלב הראשון הוא יצירת טופס אינטרנט חדש. בפרויקט שיצרת קודם, נווט אל קובץ> חדש> קובץ ובחר טופס אינטרנט. לאחר שתגדיר אותו, אתה אמור להיות מסוגל לראות קובץ .aspx ריק עם קוד הכותרת בלבד.

כדי להתחיל לפתח את המראה הכללי של דף האינטרנט שלך, תוכל להשתמש בקוד ב- HTML/CSS בעצמך או להשתמש בתבנית מ- חסימות זנב.

הגדרנו את פריסת דף המוצר לעיל באמצעות תבנית. הוא מציג תמונת מוצר, פרטי מוצר וסרגל ניווט. הוספנו את HTML ו- CSS של סרגל הניווט באמצעות דף המאסטר.

בקוד שלמעלה (קובץ .aspx.cs) הגדרנו את דף עומס פונקציה לקביעת פרטי המוצר במחזיקי המקום שלנו. אתה יכול ליצור פונקציות דומות לכניסה, הרשמה, הוספת לעגלה וכו '.

תג asp לדוגמא להצגת תיאור המוצר הוא כדלקמן:

ערך התיאור מקוד C# יוצג במצב מקום זה. תוכל גם להשתמש בארגז הכלים של Visual Studio כדי להוסיף רכיבי תצוגה כגון תמונות, לחצנים, לחצני רדיו ועוד. ישנם מספר משאבים זמינים באינטרנט בהם תוכל ללמוד את תחביר ASP.NET.

יישום אינטרנט ASP.NET למתחילים

ASP.NET היא פלטפורמה עוצמתית ליצירת יישומי אינטרנט ושירותים. עליך להיות בנוח עם JavaScript, HTML, CSS ו- C# לפני פיתוח יישום אינטרנט ב- ASP.NET.

גיליון הרמאות האולטימטיבי של JavaScript

קבל רענון מהיר על רכיבי JavaScript עם גיליון הרמאים הזה.

קרא הבא

על הסופר