최신 웹 개발 튜토리얼
 

ASP.NET면도기 - C # 및 VB 코드 구문


Razor 모두 C #의 지원 (C sharp) 및 VB (Visual Basic) .


홈페이지 Razor 의 C # 구문 규칙

  • Razor 코드 블록은 @ 안에 {...}된다
  • 인라인 식 (variables and functions) @ 시작
  • 코드 문은 세미콜론으로 종료
  • 변수는 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로 묶 ... 최종 코드
  • 인라인 식 (variables and functions) @ 시작
  • 변수는 희미한 키워드로 선언된다
  • 문자열은 따옴표로 묶
  • VB 코드는 대소 문자를 구분하지 않습니다
  • 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 & " Here in Huston it is: " & weekDay
End Code


<p>The greeting is: @greetingMessage </p>
»실행 예

그것은 어떻게 작동 하는가?

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

Razor 구문은 ASP.NET 프레임 워크, 특히 웹 응용 프로그램을 만들기 위해 설계 년대 Microsoft.NET 프레임 워크의 일부를 기반으로합니다.

Razor 구문은 당신에게 ASP.NET의 모든 전력을 제공하지만, 당신이 초보자라면 배울 쉽게 단순화 된 구문을 사용하고, 당신이 전문가가 있다면 당신은 더 생산한다.

Razor HTML 내용과 : 웹 페이지 콘텐츠 두 가지 종류의 HTML 페이지로 설명 될 수 Razor 코드입니다.

서버가 페이지를 읽을 때 실행 Razor 는 브라우저에 HTML 페이지를 보내기 전에 먼저 코드를. 서버에서 실행되는 코드는 서버 데이터베이스에 액세스 예를 들어, 브라우저에서 수행 할 수없는 작업을 수행 할 수 있습니다. 이 브라우저로 전송되기 전에 서버 코드는 즉석에서 동적 HTML 콘텐츠를 만들 수 있습니다. 브라우저에서 보면, 서버 코드에 의해 생성 된 HTML은 정적 HTML 콘텐츠 다르지 않다.

와 ASP.NET 웹 페이지 Razor 구문은 특정 파일 확장자 cshtml이 ( Razor using C#) 또는 vbhtml ( Razor using VB) .


개체 작업

서버 코드는 종종 객체를 포함한다.

"DateTime" 개체가 내장 된 ASP.NET 객체 전형적인이지만, 객체는 또한, 웹 페이지, 텍스트 상자, 파일, 데이터베이스 레코드 등 자기 정의 할 수 있습니다

객체가 수행 할 수있는 방법이있을 수 있습니다. 데이터베이스 레코드는있을 수 있습니다 "Save" 이미지 객체가있을 수 있습니다, 방법을 "Rotate" 이메일 개체가있을 수 있습니다, 방법을 "Send" 등 방법을합니다.

객체는 자신의 특성을 설명하는 속성이있다. 데이터베이스 레코드는 FIRSTNAME과 성 속성이있을 수 있습니다 (amongst others) .

은 ASP.NET DateTime 개체는 이제 특성이있다 (written as DateTime.Now) , 그리고 지금의 속성은 일 속성이 있습니다 (written as DateTime.Now.Day) . 아래의 예는 DateTime 개체의 일부 속성에 액세스하는 방법을 보여줍니다

<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>
»실행 예

만약 그 밖의 조건

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

이 작업을 수행하는 일반적인 방법은 경우 ... else 문에 있습니다 :

@{
var txt = "";
if(DateTime.Now.Hour > 12)
  {txt = "Good Evening";}
else
  {txt = "Good Morning";}
}
<html>
<body>
<p>The message is @txt </p>
</body>
</html>
»실행 예

읽기 사용자 입력

동적 웹 페이지의 또 다른 중요한 기능은 사용자 입력을 읽을 수 있다는 것입니다.

입력은 요청 [] 기능, 전기에 의해 판독 (input) 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>
»실행 예