首页 > > 网页制作 > css >

ASP.NET MVC 学习笔记-2.Razor语法

2018-06-24 00:10:06来源：未知 阅读 ()

新老客户大回馈,云服务器低至5折

1.         表达式

表达式必须跟在“@”符号之后，

2.         代码块

代码块必须位于“@{}”中，并且每行代码必须以“；”结尾。代码块中定义的变量可能会被同一个域中的其他块使用。比如，定义在视图顶部的变量可以被同一视图中的代码块和代码段访问。

3.         布局

Razor通过layouts保持网页外观布局的一致性。布局模板包含基本的标签，并可以指定渲染视图内容的位置。比如

基本布局文件（_Layout.cshtml）

<!DOCTYPE Html>
<html lang=”en”>
    <head>
        <mete charset=”utf-8”/>
        <title>@View.Title</title>
     </head>
    <body>
        <div class=”header”>
            @RenderSection(“Header”);
        </div>
        @RenderBody()
        <div class=”footer”>
            @RenderSection(“Footer”);
        </div>
    </body>
</html>

 

 

布局页面定义完成后，其他视图页面就可以引用该布局文件，比如

@{Layout=”~/_Layout.cshtml”;}
@section Header {
    <h1>Page Header Content</h1>
}
@section Footer {
    Copyright @DateTime.Now.Year
}
<div class=”main”>
    Page Main Content
</div>

 

使用Razor布局和内容视图将页面组合在一起，展示了一个完整的页面，其中的每一块定义了页面的不同部分。

4.         部分视图

使用布局通过重用部分HTML代码做到网站外观的一致性，但是有一些情况，布局则无法实现，比如，网页上的一部分信息需要多次重复出现（格式一致，显示内容不一致），例如，购物网站页面上的交易列表，只显示交易名称、当前价格和摘要信息。

ASP.NET MVC通过部分视图的技术实现了这个需求。

首先，先定义部分视图，并保存为单独的视图文件（例如，~/Views/Shared/Acution.cshtml）。

@model Auction
<div class=”auction”>
    <a href=”@Model.Url”><img src=”@Model.ImageUrl”</a>
    <h4><a href=”@Model.Url”>@Model.Title</a></h4>
    <p>Current Price :@Model.CurrentPrice</p>
</div>

 

然后，在需要使用该部分视图的位置，调用ASP.NET MVC自带的HTML方法调用它，比如：

         

@model IEnumerable<Auction>

<h2>Search Result</h2>
@foreach(var auction in Model){
    @Html.Partial(“Auction”,auction);
}

 

其中，Html.Partial()方法的第一个参数“Auction”是部分视图名称，并需要包含扩展名。第二个参数则是传递到部分视图的数据模型。第二个参数不是必须的，如果不传递，系统会默认将调用该部分视图的数据模型进行传递，比如，本例中的IEnumerable<Auction>。

由此可见，使用部分视图能够降低网页中的代码重复和编码复杂性，增强可读性。

5.         显示数据

MVC架构分为三层，模型、视图和控制器。三层之间彼此分离且协同工作，其中，就需要控制器担当“协调”的角色，视图将请求交给控制器，控制器对模型进行操作，并将操作结果反馈给视图，视图对模型的数据进行呈现。

控制器和视图之间的数据传递方式，ASP.NET MVC 提供了以下几种实现方式：

1)         ViewData

ViewData实现方式，它的实现类似于Dictionary的操作，使得数据传递变得非常简单。

在控制器方法中使用类似于ViewData[“DataKey”]=dataValue进行赋值，在视图文件中，使用 var dataValue=ViewData[“DataKey”]获取数据。

2)         ViewBag

ViewBag的使用类型与C#中的dynamic类型，可以直接操作其属性，比如，

控制器方法：ViewBag.DataProperty=dataValue;

视图文件：var dataValue=ViewBag.DataProperty;

3)         Model属性

Model属性属于强类型，并且是动态类型，可以在视图上输入”@Model”就可以直接访问。

6.         HTMLHelper和URLHelper

Web请求的目标就是向用户发送HTML代码，在Razor语法中，ASP.NET MVC有两个重要的帮助类来生成对应的HTML代码，分别是HTMLHelper和URLHelper。HTMLHelper类用来生成HTML标记代码，URLHelper用来生成URL地址链接。

<img src=’@Url.Content(“~/Content/images/header.jps”)’/>
@Html.ActionLink(“Home”,”Index”,”Home”)

 

渲染得到的HMTL代码为：

<img src=’/vdir/Content/images/header.jpg’/>
<a href=”/vdir/Home/Index”>HomePage</a>

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：.net Core使用Orcle官方驱动连接数据库

下一篇：Cookies

相关文章

IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设

网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源

网站联盟： 联盟新闻 联盟介绍 联盟点评 网赚技巧

行业资讯： 搜索引擎 网络游戏 电子商务 广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护

软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识： 网络协议 网络安全 网络管理 组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条
最新资讯
热门关注
热门标签