ASP.NET MVC - Προβολές

Για να μάθουμε το ASP.NET MVC, θα κατασκευάσουμε μια εφαρμογή Internet.

Μέρος 5:Προσθέστε προβολές για την εμφάνιση της εφαρμογής.

Ο φάκελος Views

Views Ο φάκελος αποθηκεύει αρχεία που σχετίζονται με την εμφάνιση της εφαρμογής (διαδραστική διεπαφή χρήστη) (αρχεία HTML). Ανάλογα με τη γλώσσα, η επέκταση των αρχείων μπορεί να είναι html, asp, aspx, cshtml και vbhtml.

Ο φάκελος Views περιέχει έναν φάκελο για κάθε ελεγκτή.

Ο Visual Web Developer έχει δημιουργήσει έναν φάκελο Account, έναν φάκελο Home και έναν φάκελο Shared (στον φάκελο Views).

Ο φάκελος Account περιέχει τις σελίδες για την εγγραφή και την είσοδο χρηστών.

Ο φάκελος Home χρησιμοποιείται για την αποθήκευση των σελίδων της εφαρμογής όπως η αρχική σελίδα και η σελίδα "Σχετικά με Εμάς".

Ο φάκελος Shared χρησιμοποιείται για την αποθήκευση των προβλέψεων που μοιράζονται οι ελεγκτές (εμφανείς σελίδες και σελίδες μοτίβα).

Τύποι αρχείων ASP.NET

Μπορείτε να βρείτε τα παρακάτω τύπος αρχείων HTML στο φάκελο Views:

Τύπος αρχείου Εκτετασμένο όνομα αρχείου
Πρωτότυπο HTML .htm ή .html
Κλασικό ASP .asp
Κλασικό ASP.NET .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml

Αρχείο Index

Το αρχείο Index.cshtml αντιπροσωπεύει την αρχική σελίδα της εφαρμογής. Είναι το προεπιλεγμένο αρχείο της εφαρμογής (αρχική σελίδα αρχείου).

Γράψτε το παρακάτω περιεχόμενο στο αρχείο:

@{ViewBag.Title = "Αρχική Σελίδα";}
<h1Καλωσορίσατε στο CodeW3C.com</h1>
<p>Προσθέστε το περιεχόμενο της Αρχικής Σελίδας εδώ</p>

Αρχείο About

Το αρχείο About.cshtml αντιπροσωπεύει τη σελίδα "Σχετικά με Εμάς" της εφαρμογής.

Γράψτε το παρακάτω περιεχόμενο στο αρχείο:

@{ViewBag.Title = "Σχετικά με Εμάς";}
<h1>Σχετικά με Εμάς</h1>
<p>Προσθέστε το περιεχόμενο "Σχετικά με Εμάς" εδώ</p>

Εκτέλεση εφαρμογής

Επιλέξτε Διερεύνηση, ξεκινήστε τη διαδικασία διερεύνησης από το μενού Διερεύνησης (ή πατήστε F5).

Η εφαρμογή σας θα μοιάζει με αυτό:

Κάντε κλικ στο "Αρχική Σελίδα" και "Για το CodeW3C.com", για να δείτε πώς λειτουργεί.

Συγχαρητήρια

Συγχαρητήρια. Έχετε δημιουργήσει την πρώτη σας εφαρμογή MVC.

Σημείωση:Σημείωση: Η καρτέλα "Φιλμ" εξακολουθεί να μην μπορεί να κλικάρει. Θα προσθέσουμε κώδικα για την καρτέλα "Φιλμ" σε μεταγενέστερες ενότητες αυτού του οδηγού.