ล่าสุดการพัฒนาเว็บบทเรียน
×

ASP.NET เกี่ยวกับการสอน

ASP.NET บ้าน ASP.NET แนะนำ

WP เกี่ยวกับการสอน

WebPages แนะนำ WebPages มีดโกน WebPages แบบ WebPages โฟลเดอร์ WebPages สถานการณ์โดยรวม WebPages ฟอร์ม WebPages วัตถุ WebPages ไฟล์ WebPages ฐานข้อมูล WebPages ผู้ช่วย WebPages WebGrid WebPages ชาร์ต WebPages อีเมล์ WebPages PHP WebPages ประกาศ WebPages ตัวอย่าง

WP คู่มืออ้างอิง

WebPages ชั้นเรียน WebPages ความปลอดภัย WebPages ฐานข้อมูล WebPages เว็บเมล์ WebPages ผู้ช่วย

ASP.NET Razor

Razor แนะนำ Razor วากยสัมพันธ์ Razor C# ตัวแปร Razor C# ลูป Razor C# ตรรกะ Razor VB ตัวแปร Razor VB ลูป Razor VB ตรรกะ

ASP.NET MVC

MVC แนะนำ MVC ใบสมัคร MVC โฟลเดอร์ MVC แบบ MVC ตัวควบคุม MVC เข้าชม MVC ฐานข้อมูล MVC แบบ MVC ความปลอดภัย MVC HTML ผู้ช่วย MVC ประกาศ MVC การอ้างอิง

WF สอน

WebForms แนะนำ WebForms หน้า WebForms การควบคุม WebForms เหตุการณ์ WebForms ฟอร์ม WebForms ViewState WebForms กล่องข้อความ WebForms ปุ่ม WebForms ข้อมูลผูกพัน WebForms ArrayList WebForms Hashtable WebForms SortedList WebForms XML ไฟล์ WebForms Repeater WebForms DataList WebForms DbConnection WebForms Master หน้า WebForms การเดินเรือ WebForms ตัวอย่าง


 

ASP.NETหน้าเว็บ - เพิ่มรหัสมีดโกน


ในการกวดวิชานี้เราจะใช้ Razor มาร์กอัปด้วย C # และโค้ด Visual Basic


คืออะไร Razor ?

  • Razor เป็นไวยากรณ์มาร์กอัปสำหรับการเพิ่มรหัสเซิร์ฟเวอร์ที่ใช้ไปยังหน้าเว็บ
  • Razor มีอำนาจของมาร์กอัป ASP.NET แบบดั้งเดิม แต่จะง่ายต่อการเรียนรู้และง่ายต่อการใช้
  • Razor เป็นไวยากรณ์มาร์กอัปฝั่งเซิร์ฟเวอร์มากเช่น ASP และ PHP
  • Razor สนับสนุน C # และการเขียนโปรแกรมภาษา Visual Basic

เพิ่ม Razor รหัส

โปรดจำไว้ว่าหน้าเว็บจากบทก่อนหน้า:

<!DOCTYPE html>

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

ตอนนี้เพิ่มบาง Razor รหัสตัวอย่าง:

ตัวอย่าง

<!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>
ตัวอย่างเช่นเรียกใช้»

หน้ามีมาร์กอัป HTML ธรรมดากับหนึ่งนอกจากนี้: @ เครื่องหมาย Razor รหัส

Razor รหัสไม่ทำงานทั้งหมดของการกำหนดเวลาปัจจุบันบนเซิร์ฟเวอร์และแสดง (You can specify formatting options, or just display the default)


หลัก Razor กฎไวยากรณ์สำหรับ C #

  • Razor บล็อกรหัสจะถูกปิดล้อมอยู่ใน @ { ... }
  • การแสดงออก Inline (variables and functions) เริ่มต้นด้วย @
  • จบงบรหัสด้วยเครื่องหมายอัฒภาค
  • ตัวแปรที่มีการประกาศกับคำวา
  • สตริงจะอยู่ในเครื่องหมายคำพูด
  • รหัส C # เป็นกรณีที่สำคัญ
  • C # ไฟล์มีนามสกุลเป็น .cshtml

C # ตัวอย่าง

<!-- 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>
ตัวอย่างเช่นเรียกใช้»

หลัก Razor กฎไวยากรณ์สำหรับ VB

  • Razor บล็อกรหัสจะถูกปิดล้อมอยู่ใน @Code ... รหัส End
  • การแสดงออก Inline (variables and functions) เริ่มต้นด้วย @
  • ตัวแปรที่มีการประกาศกับคำหลักติ่ม
  • สตริงจะอยู่ในเครื่องหมายคำพูด
  • รหัส VB ​​ไม่สำคัญ case
  • ไฟล์ VB มีนามสกุลเป็น .vbhtml

ตัวอย่าง

<!-- 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>
ตัวอย่างเช่นเรียกใช้»

ข้อมูลเพิ่มเติมเกี่ยวกับ C # และ Visual Basic

หากคุณต้องการที่จะเรียนรู้เพิ่มเติมเกี่ยวกับมีดโกนและ C # และการเขียนโปรแกรมภาษา Visual Basic ไปที่ Razor ส่วน ของการกวดวิชานี้