> 백엔드 개발 > C#.Net 튜토리얼 > ASP.NET 연구 노트 공유(13) Razor 구문에 대한 자세한 설명

ASP.NET 연구 노트 공유(13) Razor 구문에 대한 자세한 설명

零下一度
풀어 주다: 2017-05-27 16:10:24
원래의
1104명이 탐색했습니다.

ASP.NET Razor - C# 및 VB 코드 구문

Razor는 C#(C 샤프)과 VB(Visual Basic)를 모두 지원합니다.

기본 Razor C# 구문 규칙

Razor 코드 블록은 @{...}로 묶입니다.

인라인 표현식(변수 및 함수)은 @로 시작합니다.

코드 문은 세미콜론으로 끝납니다.

변수는 var 키워드 선언을 사용합니다.

문자열

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 + " Here in Huston it is: " + weekDay;}<p>The greeting is: @greetingMessage</p>
로그인 후 복사

기본 Razor VB 구문 규칙

Razor 코드 블록에는 @Code...end 코드가 포함됩니다.

인라인 @로 시작하는 표현식(변수 및 함수)

변수는 Dim 키워드를 사용하여 선언됩니다.

문자열은 따옴표로 묶습니다.

VB 코드는 대소문자를 구분하지 않습니다.

VB 파일 확장자는 .vbhtml

Example

<!-- 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 --> @Codedim greeting = "Welcome to our site!" dim weekDay = DateTime.Now.DayOfWeek dim greetingMessage = greeting & " Here in Huston it is: " & weekDayEnd Code <p>The greeting is: @greetingMessage</p>
로그인 후 복사

입니다. 어떻게 작동하나요?

Razor는 웹 페이지에 서버 코드를 삽입하기 위한 간단한 프로그래밍 구문입니다.

Razor 구문은 웹 애플리케이션 생성을 위해 특별히 설계된 Microsoft.NET 프레임워크의 일부인 ASP.NETFramework를 기반으로 합니다.

Razor 구문은 모든 ASP.NET 기능을 지원하지만 초보자가 더 쉽게 배우고 전문가가 더 효율적으로 사용할 수 있는 단순화된 구문을 사용합니다.

Razor 웹 페이지는 HTML 콘텐츠와 Razor 코드라는 두 가지 콘텐츠 유형이 포함된 HTML 웹 페이지로 설명할 수 있습니다.

서버가 페이지를 읽을 때 HTML 페이지를 브라우저로 보내기 전에 먼저 Razor 코드를 실행합니다. 서버에서 실행되는 코드는 서버 데이터베이스에 액세스하는 등 브라우저에서 완료할 수 없는 작업을 수행할 수 있습니다. 서버 코드는 동적 HTML 콘텐츠를 생성하여 브라우저로 보낼 수 있습니다. 브라우저 관점에서 보면 서버 코드에 의해 생성된 HTML은 정적 HTML 콘텐츠와 다르지 않습니다.

Razor 구문을 사용하는 ASP.NET 웹 페이지에는 특수 파일 확장자 cshtml(Razor C#) 또는 vbhtml(Razor VB)이 있습니다.

사용 Objects

서버 코딩에는 종종 개체가 포함됩니다.

"날짜" 개체는 일반적인 내장 ASP.NET 개체이지만 개체는 사용자 지정 개체, 웹 페이지, 텍스트 상자, 파일, 데이터베이스 레코드 등일 수도 있습니다.

유용한 개체 데이터베이스 레코드에는 "저장" 메서드가 있을 수 있고, 이미지 개체에는 "회전" 메서드가 있을 수 있으며, 이메일 개체에는 "보내기" 메서드가 있을 수 있습니다.

객체에는 해당 특성을 설명하는 데 사용되는 속성도 있습니다. 데이터베이스 레코드에는 FirstName 및 LastName 속성이 있을 수 있습니다.

ASP.NET 날짜 개체에는 now 속성(Date.Now로 작성됨)이 있고, Now 속성에는 일 속성(Date.Now.Day로 작성됨)이 있습니다. 다음 예에서는 데이터 개체의 일부 속성에 액세스하는 방법을 보여줍니다.

예제

<table border="1"><tr><th width="100px">Name</th><td width="100px">Value</td></tr><tr><td>Day</td><td>@DateTime.Now.Day</td></tr><tr><td>Hour</td><td>@DateTime.Now.Hour</td></tr><tr><td>Minute</td><td>@DateTime.Now.Minute</td></tr><tr><td>Second</td><td>@DateTime.Now.Second</td></tr></td></table>
로그인 후 복사

If 및 ElseConditional

동적 웹 페이지의 중요한 기능은 조건에 따라 수행할 작업을 결정할 수 있다는 것입니다.

이를 수행하는 일반적인 방법은 if...else 문을 사용하는 것입니다:

Example

@{var txt = "";if(DateTime.Now.Hour > 12){txt = "Good Evening";}else{txt = "Good Morning";}}<html><body><p>The message is @txt</p></body></html>
로그인 후 복사

读取用户输入

动态网页的另一个重要特点是,您可以读取用户输入。

输入是通过请求[]功能读取的,并且传送输入数据是经过IsPost条件判断的:

实例

@{var totalMessage = "";if(IsPost){var num1 = Request["text1"];var num2 = Request["text2"];var total = num1.AsInt() + num2.AsInt();totalMessage = "Total = " + total;}}<html><body style="background-color: beige; font-family: Verdana, Arial;"><form action="" method="post"><p><label for="text1">First Number:</label><br><input type="text" name="text1" /></p><p><label for="text2">Second Number:</label><br><input type="text" name="text2" /></p><p><input type="submit" value=" Add " /></p></form><p>@totalMessage</p></body></html>
로그인 후 복사

【相关推荐】

1. ASP.NET免费视频教程

2. 分享ASP.NET学习笔记(1)--WebPages Razor

3. 分享ASP.NET学习笔记(2)--WebPages 介绍

4. 分享ASP.NET学习笔记(3)WebPages 布局

5. 分享ASP.NET学习笔记(4)文件夹

6. 分享ASP.NET学习笔记(5)全局页面 AppStart 和 PageStart

7. 分享ASP.NET学习笔记(12)Razor 简介

위 내용은 ASP.NET 연구 노트 공유(13) Razor 구문에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿