欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ASP.NET MVC 样式和布局

程序员文章站 2023-12-28 10:35:16
...

样式和布局

本文仅是总结作用,详见菜鸟教程链接

      _Layout.cshtml 

       

在vs生成的普通mvc模板中 \Views\Shared\_Layout.cshtml,感觉比较方便

的是决定了所有页面的共有布局,如头部尾部等,而在 添加了@RenderBody()

的地方则会以具体页面的body代码代替,所以   @RenderBody() 写在哪个标签

下面需要注意。

Shared 文件夹(位于 Views 文件夹内)中的 _ViewStart 文件包含如下内容:

@{Layout = "~/Views/Shared/_Layout.cshtml";}

这段代码被自动添加到由应用程序显示的所有视图。

如果删除了这个文件,则必须向所有视图中添加这行代码。


ASP.NET Razor 

什么是 Razor?

   Razor 是一种标记语法,可以让您将基于服务器的代码(Visual Basic 和 C#)嵌入到网页中。基于服务器的代码可以在网页传送给浏览器时,创建动态 

Web 内容。当一个网页被请求时,服务器在返回页面给浏览器之前先执行页面中

的基于服务器的代码。通过服务器的运行,代码能执行复杂的任务,比如进入数

据库。Razor 是基于 ASP.NET 的,是为创建 Web 应用程序而设计的。它具有传统 ASP.NET 的功能,但更容易使用并且更容易学习。


语法格式:@加c#(也支持VB)代码,比如@a.xxx,调用a的xxx成员,a可以是类
可以是对象可以是结构体等等,xxx可以是方法也可以是变量等等,举四个例子

@Html.Partial("_LoginPartial")

调用Html对象的Partial方法,传入一个string字符串,

引用同一目录下的_loginParial.cshtml。


@DateTime.Now 

调用DateTime结构体的Now变量

返回现在的时间


@RenderBody()

调用RenderBody方法

返回对应页面的布局代码


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


在这里面写方法体,结果是五行p段落


各种类的参考手册点这里

详细Razor 讲解点这里



上一篇:

下一篇: