Η πρώτη σας εφαρμογή Ιστού ASP.NET: Πώς να ξεκινήσετε

Το ASP.NET είναι το δωρεάν πλαίσιο πολλαπλών πλατφορμών της Microsoft για τη δημιουργία εφαρμογών και υπηρεσιών ιστού. Η πλατφόρμα ASP.NET είναι μια επέκταση στο .NET, μια πλατφόρμα προγραμματιστών εργαλείων, γλωσσών προγραμματισμού και βιβλιοθηκών που χρησιμοποιούνται για τη δημιουργία διαφορετικών εφαρμογών.

Όπως πιθανώς μαντέψατε, το ASP.NET είναι ένα φανταστικό πλαίσιο που μπορούν να χρησιμοποιήσουν οι αρχάριοι για τη δημιουργία εφαρμογών ιστού. Προσφέρει μεγάλη ευελιξία και είναι εύκολο στη χρήση. Σε αυτό το άρθρο, θα σας βοηθήσουμε να δημιουργήσετε την πρώτη σας αντιγραφή ιστού στο ASP.NET χρησιμοποιώντας το Microsoft Visual Studio.

Τι είναι το ASP.NET;

Το ASP σημαίνει "Ενεργές σελίδες διακομιστή". ASP και ASP.NET είναι τεχνολογίες διακομιστή που χρησιμοποιούνται για την εμφάνιση διαδραστικών ιστοσελίδων. Το ASP.NET παρέχει στους προγραμματιστές μεγάλη ευελιξία σε ένα μεγάλο, ευέλικτο οικοσύστημα με διάφορες βιβλιοθήκες και εργαλεία. Οι προγραμματιστές μπορούν επίσης να δημιουργήσουν προσαρμοσμένες βιβλιοθήκες που μπορούν να μοιραστούν με οποιαδήποτε εφαρμογή δημιουργηθεί στην πλατφόρμα .NET.

Σχετίζεται με: Πλαίσια Ιστού που αξίζει να μάθουν για προγραμματιστές

Μπορείτε να γράψετε τον κωδικό back-end για τις εφαρμογές σας ASP.NET σε C#, Visual Basic ή ακόμα και F#. Αυτή η ευελιξία επιτρέπει στους προγραμματιστές να κωδικοποιούν αποτελεσματικά τη επιχειρησιακή λογική και το επίπεδο πρόσβασης δεδομένων. Ένα άλλο σημαντικό πλεονέκτημα της χρήσης του ASP.NET είναι η δημιουργία δυναμικών ιστοσελίδων χρησιμοποιώντας C# με τη βοήθεια ενός εργαλείου σύνταξης πρότυπων ιστοσελίδων γνωστό ως Razor.

Το Razor παρέχει επίσης μια σύνταξη για τη δημιουργία διαδραστικών δυναμικών ιστοσελίδων που ενσωματώνουν HTML, CSS, JavaScript και C#. Ο κώδικας από την πλευρά του πελάτη είναι συνήθως γραμμένος σε JavaScript και το ASP.NET μπορεί ακόμη και να ενσωματωθεί με άλλα πλαίσια ιστού όπως το Angular ή το React.

Σχετίζεται με: Tailwind CSS vs. Bootstrap: Ποιο είναι το καλύτερο πλαίσιο;

Το ASP.NET παρέχει επίσης στους προγραμματιστές ένα σύστημα ελέγχου ταυτότητας που περιλαμβάνει μια βάση δεδομένων, βιβλιοθήκες, πρότυπα για τη διαχείριση εισόδων, εξωτερικό έλεγχο ταυτότητας σε Google, Facebook κ.λπ. και άλλα. Οι προγραμματιστές μπορούν να κάνουν χρήση του 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

Κατανόηση των στοιχείων του προγράμματος εφαρμογής Ιστού 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 Web App Project

Το πρώτο βήμα για τη δημιουργία μιας διαδικτυακής εφαρμογής στο ASP.NET είναι να επιλέξετε ένα πρότυπο έργου και να δημιουργήσετε μια νέα εφαρμογή Ιστού:

1. Εκκινήστε το Microsoft Visual Studio και κάντε κλικ στο Δημιουργήστε ένα νέο έργο
2. Πληκτρολογήστε ASP.NET στο πλαίσιο αναζήτησης προτύπου, επιλέξτε Εφαρμογή Ιστού ASP.NET (.Πλαίσιο δικτύου) και κάντε κλικ Επόμενο. Δεν θα λάβετε αυτό το πρότυπο εάν δεν έχετε τις απαιτούμενες εγκαταστάσεις που αναφέρονται στην προηγούμενη ενότητα.
3. Στην επόμενη οθόνη, διαμορφώστε το όνομα και τον κατάλογο του έργου σας και κάντε κλικ στο Επόμενο.
4. Το Visual Studio θα δημιουργήσει τώρα το πρότυπο του έργου σας και θα πρέπει να μπορείτε να εκτελέσετε την εφαρμογή προτύπου κάνοντας κλικ στο πράσινο κουμπί αναπαραγωγής στο επάνω μέρος της οθόνης.

Δημιουργήστε μια νέα φόρμα Web ASP.NET

Για να σας βοηθήσουμε να κατανοήσετε καλύτερα το ASP.NET, θα δημιουργήσουμε μια απλή σελίδα προϊόντων για ένα κατάστημα τυχερών παιχνιδιών. Το πρώτο βήμα είναι να δημιουργήσετε μια νέα φόρμα ιστού. Στο έργο που δημιουργήσατε νωρίτερα, μεταβείτε στο Αρχείο> Νέο> Αρχείο και επιλέξτε Φόρμα Ιστού. Μόλις το ρυθμίσετε, θα πρέπει να μπορείτε να δείτε ένα κενό αρχείο .aspx μόνο με τον κωδικό κεφαλίδας.

Για να ξεκινήσετε την ανάπτυξη της συνολικής εμφάνισης της ιστοσελίδας σας, μπορείτε να χρησιμοποιήσετε είτε τον κώδικα στην HTML/CSS μόνοι σας είτε να χρησιμοποιήσετε ένα πρότυπο από Μπλοκ ουρα.

Ορίσαμε την παραπάνω διάταξη σελίδας προϊόντος χρησιμοποιώντας ένα πρότυπο. Εμφανίζει μια εικόνα προϊόντος, λεπτομέρειες προϊόντος και μια γραμμή πλοήγησης. Προσθέσαμε το HTML και το CSS της γραμμής πλοήγησης χρησιμοποιώντας την κύρια σελίδα.

Στον παραπάνω κώδικα (αρχείο .aspx.cs), έχουμε ρυθμίσει το σελίδα φόρτωσης λειτουργία για να ορίσετε λεπτομέρειες προϊόντος στα σύμβολα κράτησης θέσης. Μπορείτε να δημιουργήσετε παρόμοιες λειτουργίες για σύνδεση, εγγραφή, προσθήκη στο καλάθι κ.λπ.

Ένα δείγμα asp tag για την εμφάνιση της περιγραφής του προϊόντος έχει ως εξής:

Η τιμή περιγραφής από τον κωδικό C# θα εμφανιστεί σε αυτό το σύμβολο κράτησης θέσης. Μπορείτε επίσης να χρησιμοποιήσετε την Εργαλειοθήκη του Visual Studio για να προσθέσετε στοιχεία οθόνης, όπως εικόνες, κουμπιά, κουμπιά επιλογής και άλλα. Υπάρχουν αρκετοί πόροι που διατίθενται στο διαδίκτυο, όπου μπορείτε να μάθετε τη σύνταξη ASP.NET.

Εφαρμογή Ιστού ASP.NET για αρχάριους

Το ASP.NET είναι μια ισχυρή πλατφόρμα για τη δημιουργία διαδικτυακών εφαρμογών και υπηρεσιών. Πρέπει να είστε άνετοι με JavaScript, HTML, CSS και C# πριν αναπτύξετε μια εφαρμογή ιστού στο ASP.NET.

Το απόλυτο φύλλο εξαπάτησης JavaScript

Λάβετε μια γρήγορη ανανέωση των στοιχείων JavaScript με αυτό το φύλλο εξαπάτησης.

Διαβάστε Επόμενο

Σχετικά με τον Συγγραφέα