tutorial pengembangan web terbaru
 

ASP.NET Halaman Web - Menambahkan Razor Kode


Daleman tutorial ini kita akan menggunakan Razor markup dengan C # dan kode Visual Basic


Apa Razor ?

  • Razor adalah sintaks markup untuk menambahkan kode berbasis server ke halaman web
  • Razor memiliki kekuatan markup ASP.NET tradisional, tapi lebih mudah untuk belajar, dan lebih mudah digunakan
  • Razor adalah sintaks markup sisi server seperti ASP dan PHP
  • Razor mendukung C # dan bahasa pemrograman Visual Basic

Menambahkan Razor Kode

Ingat halaman web dari bab sebelumnya:

<!DOCTYPE html>

<html lang="en">
<head>
   <meta charset="utf-8" />
    <title>Web Pages Demo</title>
</head>
<body>
    <h1>Hello Web Pages</h1>
</body>
</html>

Sekarang menambahkan beberapa Razor kode untuk contoh:

Contoh

<!DOCTYPE html>

<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1>
     <p>The time is @DateTime.Now </p>
</body>
</html>
Menjalankan contoh »

Halaman ini berisi markup HTML biasa, dengan satu tambahan: @ ditandai Razor kode.

The Razor kode melakukan semua pekerjaan untuk menentukan waktu saat ini pada server dan menampilkannya. (You can specify formatting options, or just display the default)


Main Razor Aturan sintaks untuk C #

  • Razor blok kode diapit @ {...}
  • Ekspresi inline (variables and functions) mulai dengan @
  • pernyataan kode diakhiri dengan titik koma
  • Variabel dideklarasikan dengan kata kunci var
  • String diapit dengan tanda kutip
  • C # kode adalah kasus sensitif
  • C # file memiliki ekstensi .cshtml

C # Contoh

<!-- Single statement block -->
@{ var myMessage = "Hello World"; }

<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage </p>

<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}

<p>The greeting is: @greetingMessage </p>
Menjalankan contoh »

Main Razor Aturan sintaks untuk VB

  • Razor blok kode diapit @Code ... Kode End
  • Ekspresi inline (variables and functions) mulai dengan @
  • Variabel dideklarasikan dengan kata kunci Dim
  • String diapit dengan tanda kutip
  • kode VB tidak peka
  • file VB memiliki ekstensi .vbhtml

Contoh

<!-- Single statement block  --> 
@Code dim myMessage = "Hello World" End Code
 
<!-- Inline expression or variable --> 
<p>The value of myMessage is: @myMessage </p> 
 
<!-- Multi-statement block --> 
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
End Code


<p>The greeting is: @greetingMessage </p>
Menjalankan contoh »

Lebih Tentang C # dan Visual Basic

Jika Anda ingin mempelajari lebih lanjut tentang Razor, dan C # dan bahasa pemrograman Visual Basic, pergi ke Razor bagian dari tutorial ini.