.net MVC 随笔5

Razor 初见

  • Razor就是用来实现在CSHTML业务逻辑的,减少复杂度
  • 共用模板 _BasicLayout.cshtml
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <style>
        #mainDiv
        {
            padding:20px;
            border:solid medium black;
            font-size:20 pt
        }
    </style>
</head>
<body>
    <h1>Product Information</h1>
    <div id="mainDiv">
        @RenderBody()
    </div>
</body>
</html>
  • 引用和启动 _ViewStart.cshtml
@{
    Layout = "_BasicLayout";
}
  • _ViewImprots.cshtml
@using Razor.Models
  • 应用实例1 Index.cshtml
@model Product

@{ 
    ViewBag.Title = "Product Name";
 }

<div data-productid="@Model.ProductID" data-stocklevel="@ViewBag.StockLevel">
    <p>Product Name:@Model.Name</p>
    <p>Product Price:@($"{Model.Price:C2}")</p>
    <p>Stock Level:
    @*方法一,不喜欢用的*@
    @switch ((int)ViewBag.StockLevel)
    {
        case 0:
            @:Out of Stock
            break;
        case 1:
        case 2:
        case 3:
            <b>Low Stock(@ViewBag.StockLevel)</b>
            break;
        default:
            @:@ViewBag.StockLevel in Stock
            break;
    }

    @*第二种方法我喜欢容易懂*@
    @if(ViewBag.StockLevel==0)
    {
        @:Out of Stock
    }
    else if(ViewBag.StockLevel>0&&ViewBag.StockLevel<=3)
    {
        <b>Low Stock(@ViewBag.StockLevel)</b>
    }
    else
    {
        @:@ViewBag.StockLevel in Stock
    }
    </p>
</div>
  • 应用实例2
@model Product[]@*调用model里的Product[]数组数据*@

@{ 
    ViewBag.Title = "Product Name";
 }

<table>
    <thead>
        <tr><th>Name</th><th>Price</th></tr>
    </thead>
    <tbody>
        @foreach(Product p in Model)
        {
            <tr>
                <td>@p.Name</td>
                <td>@($"{p.Price:C2}")</td>
            </tr>
        }
    </tbody>
</table>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值