Πρόγραμμα ASP.NET Hello World με Παράδειγμα
Τζέικομπ Λι
⚡ Έξυπνη Σύνοψη
Το ASP.NET First Program σας καθοδηγεί στη δημιουργία μιας απλής διαδικτυακής εφαρμογής Hello World στο Visual Studio, από τη δημιουργία ενός κενού έργου Web Forms και την προσθήκη μιας διαδικτυακής φόρμας έως τη σύνταξη του Response.Write και την προβολή της εξόδου στο πρόγραμμα περιήγησης.
Προαπαιτούμενα για το πρώτο σας πρόγραμμα ASP.NET
Πριν δημιουργήσετε την εφαρμογή Hello World, βεβαιωθείτε ότι το περιβάλλον σας είναι έτοιμο. Θα χρειαστείτε τα εξής:
- Visual Studio – η δωρεάν έκδοση Community είναι αρκετή, εγκατεστημένη με το φόρτο εργασίας «ASP.NET και ανάπτυξη ιστοσελίδων».
- Το .NET Framework – απαιτείται για τις φόρμες Web και εγκαθίσταται αυτόματα με το Visual Studio.
- Βασικές γνώσεις C# και HTML – χρήσιμο για την κατανόηση του κώδικα που θα γράψετε.
- A Windows μηχανή – οι κλασικές φόρμες ιστού ASP.NET εκτελούνται σε Windows με IIS ή IIS Express.
Μόλις αυτά τεθούν σε ισχύ, μπορείτε να ακολουθήσετε τα παρακάτω βήματα για να δημιουργήσετε και να εκτελέσετε το πρώτο σας πρόγραμμα ASP.NET.
Πρόγραμμα ASP.NET Hello World με Παράδειγμα
Ας δούμε ένα παράδειγμα για το πώς μπορούμε να εφαρμόσουμε μια απλή εφαρμογή "hello world". Για αυτό, θα πρέπει να εφαρμόσουμε τα παρακάτω βήματα.
Βήμα 1) Το πρώτο βήμα περιλαμβάνει τη δημιουργία ενός νέου έργου στο Visual Studio. Μετά την εκκίνηση του Visual Studio, πρέπει να επιλέξετε την επιλογή μενού New->Project.
Βήμα 2) Το επόμενο βήμα είναι να επιλέξετε τον τύπο έργου ως εφαρμογή Web ASP.Net. Εδώ πρέπει επίσης να αναφέρουμε το όνομα και την τοποθεσία του έργου μας.
- Στο παράθυρο διαλόγου έργου, μπορείτε να δείτε διάφορες επιλογές για τη δημιουργία διαφορετικών τύπων έργων. Κάντε κλικ στην επιλογή Web στην αριστερή πλευρά.
- Όταν κάνουμε κλικ στην επιλογή Web στο προηγούμενο βήμα, θα μπορέσουμε να δούμε μια επιλογή για το ASP.Net Web Application. Κάντε κλικ σε αυτήν την επιλογή.
- Στη συνέχεια δίνουμε ένα όνομα για την εφαρμογή, που στην περίπτωσή μας είναι DemoApplication. Πρέπει επίσης να παρέχουμε μια τοποθεσία για την αποθήκευση της εφαρμογής μας.
- Τέλος, κάνουμε κλικ στο κουμπί «OK» για να αφήσουμε το Visual Studio να δημιουργήσει το έργο μας.
Βήμα 3) Στην επόμενη οθόνη, πρέπει να επιλέξετε τον τύπο της web εφαρμογής ASP.net που πρέπει να δημιουργηθεί. Στην περίπτωσή μας, πρόκειται να δημιουργήσουμε μια απλή εφαρμογή Web Form.
- Αρχικά, επιλέξτε τον τύπο του έργου ως 'Empty'. Αυτό θα διασφαλίσει ότι θα ξεκινήσουμε με μια βασική εφαρμογή που είναι απλή στην κατανόηση.
- Επιλέγουμε την επιλογή «Φόρμες Ιστού». Αυτή η επιλογή προσθέτει τους βασικούς φακέλους που απαιτούνται για μια βασική εφαρμογή Φόρμες Ιστού.
- Τέλος, κάνουμε κλικ στο κουμπί 'OK' για να επιτρέψουμε στο Visual Studio να δημιουργήσει την εφαρμογή μας.
Εάν ακολουθήσετε τα παραπάνω βήματα, θα λάβετε την παρακάτω έξοδο στο Visual Studio.
Παραγωγή:-
Στην Εξερεύνηση Λύσεων, θα μπορείτε να δείτε τη λύση DemoApplication. Αυτή η λύση θα περιέχει 2 αρχεία έργου, όπως φαίνεται παραπάνω. Προς το παρόν, ένα από τα βασικά αρχεία του έργου είναι το Global.asax.csΑυτό το αρχείο περιέχει πληροφορίες για συγκεκριμένες εφαρμογές. Σε αυτό το αρχείο, θα αρχικοποιήσετε όλες τις μεταβλητές για συγκεκριμένες εφαρμογές στις προεπιλεγμένες τιμές τους.
Βήμα 4) Τώρα, ήρθε η ώρα να προσθέσετε ένα αρχείο φόρμας Web στο έργο. Αυτό είναι το αρχείο που θα περιέχει όλο τον ειδικό κώδικα για τον ιστό για το έργο μας.
- Κάντε δεξί κλικ στο έργο DemoApplication και
- Επιλέξτε Προσθήκη-> Φόρμα Ιστού από το μενού περιβάλλοντος.
Βήμα 5) Στην επόμενη οθόνη, θα μας ζητηθεί να δώσουμε ένα όνομα για τη φόρμα ιστού.
- Δώστε ένα όνομα για τη φόρμα ιστού. Στην περίπτωσή μας, της δίνουμε το όνομα Demo.
- Κάντε κλικ στο κουμπί OK.
Αυτόματα, το Visual Studio θα δημιουργήσει τη φόρμα Demo Web και θα την ανοίξει στο Visual Studio.
Βήμα 6) Το επόμενο βήμα είναι να προσθέσετε τον κώδικα που θα κάνει την εργασία εμφάνισης της φράσης "Hello World". Αυτό μπορεί να γίνει προσθέτοντας απλώς μία γραμμή κώδικα στο αρχείο Demo.aspx.
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <% Response.Write("Hello World"); %> </div> </form> </body> </html>
Code Εξήγηση:-
- Το αντικείμενο Response in ASP.NET χρησιμοποιείται για την αποστολή πληροφοριών πίσω στον χρήστη. Έτσι, στην περίπτωσή μας, χρησιμοποιούμε τη μέθοδο "Write" του αντικειμένου Response για να γράψουμε το κείμενο "Hello World". Οι δείκτες <% και %> χρησιμοποιούνται για την προσθήκη κώδικα ειδικού για το ASP.net.
Εάν ακολουθήσετε όλα τα παραπάνω βήματα και εκτελέσετε το πρόγραμμά σας Visual Studio, θα λάβετε την ακόλουθη έξοδο.
Παραγωγή:-
Από την έξοδο, μπορείτε να δείτε ξεκάθαρα ότι το 'Hello World' εμφανίστηκε στο πρόγραμμα περιήγησης.
Κατανοώντας το Hello World Code
Το αρχείο Demo.aspx είναι μια τυπική σελίδα HTML με μερικές προσθήκες ASP.NET. Το runat="server" Το χαρακτηριστικό λέει στο ASP.NET να επεξεργαστεί το στοιχείο στον διακομιστή αντί να το αντιμετωπίσει ως απλό HTML. Το <% %> Οι δείκτες, που ονομάζονται μπλοκ απόδοσης, σας επιτρέπουν να εκτελέσετε κώδικα C# απευθείας στη σελίδα. Μέσα σε αυτούς, Response.Write("Hello World") Στέλνει το κείμενο απευθείας στο πρόγραμμα περιήγησης ως μέρος της απόκρισης HTTP.
Ενώ Response.Write είναι καλό για ένα πρώτο παράδειγμα, οι περισσότερες πραγματικές εφαρμογές χρησιμοποιούν έναν έλεγχο διακομιστή. Για παράδειγμα, μπορείτε να ρίξετε ένα <asp:Label> έλεγχο στη σελίδα και ορίστε την ιδιότητα Text στο αρχείο κώδικα πίσω από αυτήν. Αυτό διατηρεί τη σήμανση και τη λογική διαχωρισμένα και είναι πιο εύκολο να διατηρηθεί καθώς η σελίδα μεγαλώνει.
Συνηθισμένα σφάλματα κατά την εκτέλεση του πρώτου σας προγράμματος ASP.NET
Οι αρχάριοι συχνά αντιμετωπίζουν μερικά προβλέψιμα προβλήματα κατά την εκτέλεση της πρώτης τους σελίδας ASP.NET. Προσέξτε τα εξής:
- Λείπει το runat=”server” – χωρίς αυτό στη φόρμα και τα στοιχεία ελέγχου, το ASP.NET τα αντιμετωπίζει ως στατικό HTML και ο κώδικας διακομιστή δεν εκτελείται.
- Λάθος τύπος έργου – η επιλογή ενός προτύπου MVC ή Core αντί για Web Forms αλλάζει τη δομή του αρχείου και τα παραπάνω βήματα.
- Συντακτικά λάθη – ένα ερωτηματικό ή μια αγκύλη που λείπει μέσα στο μπλοκ <% %> προκαλεί σφάλμα δημιουργίας.
- Προβλήματα θύρας ή IIS Express – εάν η σελίδα δεν ξεκινήσει, επανεκκινήστε το IIS Express ή αλλάξτε τη θύρα του έργου.
- Ευαισθησία περίπτωσης – τα ονόματα μεθόδων όπως Response.Write πρέπει να ταιριάζουν ακριβώς, καθώς η C# κάνει διάκριση πεζών-κεφαλαίων.
