ASP.NET Web Pages - Προσθήκη κώδικα Razor

Σε αυτό το σεμινάριο, θα χρησιμοποιήσουμε τα σημάδια Razor με κώδικα C# και Visual Basic.

Τι είναι το Razor;

  • Το Razor είναι μια γλώσσα σηματοποίησης που προσθέτει κώδικα που βασίζεται στον server στις ιστοσελίδες
  • Το Razor έχει την ικανότητα της παραδοσιακής σηματοποίησης ASP.NET, αλλά είναι πιο εύκολο να μάθετε και να χρησιμοποιήσετε
  • Το Razor είναι μια γλώσσα σηματοποίησης για τον server που μοιάζει με το ASP και το PHP
  • Το Razor υποστηρίζει τις γλώσσες προγραμματισμού C# και Visual Basic

Προσθήκη κώδικα Razor

Θυμάστε τη σελίδα από το προηγούμενο κεφάλαιο;

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8" />
    <title>Δείγμα Σελίδων Web</title>
</head>
<body>
    <h1>Hello Web Pages</h1>
</body>
</html>

Προσθέστε μερικό κώδικα Razor στο παράδειγμα:

Παράδειγμα

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Δείγμα Σελίδων Web</title>
</head>
<body>
     <h1>Hello Web Pages</h1> 
     <p>Η ώρα είναι @DateTime.Now</p>
</body>
</html>

Εκτέλεση Παραδείγματος

Η σελίδα περιέχει κανονικά σημάδια HTML, καθώς και: κώδικα Razor που περιβάλλεται από τα @ σημεία.

Ο κώδικας Razor κάνει το έργο του να ελέγχει την τρέχουσα ώρα στο server και να την εμφανίζει. (Μπορείτε να καθορίσετε επιλογές μορφοποίησης ή να εμφανίζεται με το προεπιλεγμένο μορφοποιημένο μορφή)

Οι κύριες γραμματικές κανόνες του Razor C#

  • Οι κώδικες Razor περιβάλλονται από {@ ... }
  • Οι ενδιάμεσες εκφράσεις (μεταβλητές και λειτουργίες) ξεκινούν με το @
  • Οι κείμενα κώδικα τελειώνουν με το τελεστικό σημείο (;)
  • Οι μεταβλητές δηλώνονται με την κλειδωτή λέξη var
  • Οι αλφαριθμητικές αλυσίδες περιβάλλονται με εισαγωγικά
  • Το κώδικας C# είναι ευαίσθητος στις περικοπές
  • Η επέκταση αρχείου C# είναι .cshtml

Παράδειγμα σε C#

<!-- Μεταβλητές γραμμής -->
@{ var myMessage = "Hello World"; }
<!-- Ενδιάμεσες έκφρασεις ή μεταβλητές -->
<p>Η τιμή του myMessage είναι: @myMessage</p> 
<!-- Μεταβλητές γραμμής -->
@{}}
var greeting = "Καλωσορίσατε στον ιστότοπό μας!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Σήμερα είναι: " + weekDay;
}
<p>Η γειά σας είναι: @greetingMessage</p>

Εκτέλεση Παραδείγματος

Οι κύριες γραμματικές κανόνες του Razor για το VB

  • Οι κώδικες Razor περιβάλλονται από @Code ... End
  • Οι ενδιάμεσες εκφράσεις (μεταβλητές και λειτουργίες) ξεκινούν με το @
  • Οι μεταβλητές δηλώνονται με τη λέξη-κλειδί Dim
  • Οι αλφαριθμητικές αλυσίδες περιβάλλονται με εισαγωγικά
  • Ο κώδικας C# δεν είναι ευαίσθητος στις κεφαλαία και μικρά γράμματα
  • Η επέκταση αρχείου C# είναι .vbhtml

Παράδειγμα

<!-- Μεταβλητές γραμμής -->
@Code dim myMessage = "Hello World" End Code
<!-- Ενδιάμεσες έκφρασεις ή μεταβλητές -->
<p>Η τιμή του myMessage είναι: @myMessage</p> 
<!-- Μεταβλητές γραμμής -->
@Code
dim greeting = "Καλωσορίσατε στον ιστότοπό μας!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Σήμερα είναι: " & weekDay
Τέλος Κώδικα 
<p>Η γειά σας είναι: @greetingMessage</p>

Εκτέλεση Παραδείγματος

Περισσότερες πληροφορίες για το C# και το Visual Basic

Αν θέλετε να μάθετε περισσότερα για το Razor και τις γλώσσες προγραμματισμού C# και Visual Basic, επισκεφθείτε το κεφάλαιο του tutorial αυτού Μέρος Razor.