最稳的pk10计划iphone 北京pk10计划手机软件 北京pk10数字的规律 超神手机版pk10软件 pk10北京赛车9码技巧 pk10四期倍投计划表 pk10极速赛车论坛 北京赛车冠军怎样选5码 北京赛车系统下载安装 pk10教程视频 北京pk10选号公式 北京赛车pk10赚钱技巧 北京赛车怎么提升概率 pk10技巧北京快三 北京pk10大小计划
VB.net 2010 視頻教程 VB.net 2010 視頻教程 python基礎視頻教程
SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
當前位置:
首頁 > 編程開發 > .net教程 >
  • ASP.net教程之ASP.NET Razor

  • 2019-06-18 23:01 來源:未知

一、為什么要學習Razor?

可以讓服務器代碼(就是c#和vb)嵌入到網頁中,也就是說這個頁面中包含html代碼和C#(vb)代碼。基于服務器的代碼可以在網頁傳送給瀏覽器時,創建動態 Web 內容。當一個網頁被請求時,服務器在返回頁面給瀏覽器之前先執行頁面中的基于服務器的代碼。通過服務器的運行,代碼能執行復雜的任務,比如進入數據庫。

二、Razor代碼的語法

  • Razor 代碼塊包含在 @{ ... } 中
  • 內聯表達式(變量和函數)以 @ 開頭
  • 代碼語句用分號結束
  • 變量使用 var 關鍵字聲明
  • 字符串用引號括起來
  • C# 代碼區分大小寫
  • C# 文件的擴展名是 .cshtml

下面請看一個案例:

(1)創建一個以.cshtml結尾的頁面:

(2)然后代碼

復制代碼
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    @{
        var message = "李白是最帥的,沒有之一";
        
        }
    <p>對于他的粉絲來說:@message</p>
    @{
        var name = "李白";
        string techno = "青蓮劍歌";
        string action = name + "在面對十萬敵人時,毫無懼色,使出了:" + techno + "技能,橫掃八方";
        }
    <p>@action</p>
</body>
</html>
復制代碼

使用對象

比如說內置對象Date:

復制代碼
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>

    <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>
    </table>
</body>
</html>
復制代碼

變量

變量是用來存儲數據的。一個變量的名稱必須以字母字符開頭,并且不能包含空格或者保留字符。一個變量可以是一個指定的類型,表示它所存儲的數據類型。string 變量存儲字符串值("Welcome to RUNOOB.COM"),integer 變量存儲數字值(103),date 變量存儲日期值,等等。變量使用 var 關鍵字聲明,或通過使用類型(如果您想聲明類型)聲明,但是 ASP.NET 通常能自動確定數據類型。

  @{
        var message = "李白是最帥的,沒有之一";
        string name = "李白";
        }

轉換數據類型

從一種數據類型轉換到另一種數據類型,有時候是很有用的。最常見的例子是將字符串輸入轉換為另一種類型,如整數或者日期。

一般規則下,都是將用戶輸入看做字符串處理,即使用戶輸入了數字。因此數值輸入必須被轉換成數字,然后才能將其用于計算。

下面列出了常用的轉換方法:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

復制代碼
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body style="background-color: beige; font-family: Verdana, Arial;">
@{
var totalMessage = "";
if(IsPost)
    {
    var num1 = Request["text1"];
    var num2 = Request["text2"];
   //將string類型轉換成為int類型
    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>
復制代碼

循環

復制代碼
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <!--
        For 循環

        如果需要重復運行相同的語句,您可以編寫一個循環。

        如果您能夠確定循環的次數,則可以使用 for 循環。這種循環類型是專門為計數或反向計數設計的: 
        -->
    @for(int i = 0;i< 20;i++)
    {  <p>Line :@i</p>}

    <!--
        For Each 循環

        如果您需要處理集合或數組,則通常要用到 for each 循環。

        集合是一組相似的對象,for each 循環允許您在每個項目上執行一次任務。for each 循環會遍歷集合直到完成為止。

        下面的例子遍歷 ASP.NET Request.ServerVariables 集合。
        -->
    <ul>
     
        @foreach(var x in Request.ServerVariables)
        {
            <p>@x</p>
        }


    </ul>
    <!--
        while 是一種通用的循環。

        while 循環以關鍵詞 while 開始,后面跟括號,其中定義循環持續的長度,然后是要循環的代碼塊。

        while 循環通常會對用于計數的變量進行增減。

        在下面的例子中,循環每運行一次,+= 運算符就向變量 i 增加 1-->

    @{
        var j = 0;
        while (j < 5)
            {
            j += 1;
            <p>Line #@j</p>
            } 
}

</body>
</html>
復制代碼

循環綜合實例

復制代碼
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
     @{
string[] members = {"Jani", "Hege", "Kai", "Jim"};
int i = Array.IndexOf(members, "Kai")+1;
int len = members.Length;
string x = members[2-1];
}
<html>
<body>
<h3>Members</h3>
@foreach (var person in members)
{
<p>@person</p>
}
<p>The number of names in Members are @len</p>
<p>The person at position 2 is @x</p>
<p>Kai is now in position @i</p>
</body>
</html>  
</body>
</html>
復制代碼

pk10赛车冠军技巧
最稳的pk10计划iphone 北京pk10计划手机软件 北京pk10数字的规律 超神手机版pk10软件 pk10北京赛车9码技巧 pk10四期倍投计划表 pk10极速赛车论坛 北京赛车冠军怎样选5码 北京赛车系统下载安装 pk10教程视频 北京pk10选号公式 北京赛车pk10赚钱技巧 北京赛车怎么提升概率 pk10技巧北京快三 北京pk10大小计划
通过微信群资源共享赚钱 双色球一等奖历史记录 棋牌游戏招聘 孝感周边有什么好赚钱的渠道 什么平台洗稿赚钱多 bilibili点击率赚钱吗 新疆18选7中奖号码 天天捕鱼游戏大厅下载 18选7第96期开奖号