Razor模版应用技术
Pages: 1/1 First page 1 Final page [ View by Articles | List ]
Jan 5
Html.partial和RenderPartial的用法与区别
Html.partial和RenderPartial都是输出html片段,区别在于
Partial是将视图内容直接生成一个字符串并返回(相当于有个转义的过程),RenderPartial方法是直接输出至当前 HttpContext(因为是直接输出,所以性能好)。因此它们在视图中的使用方式是不同的:
MVC2:
<%Html.RenderPartial("PartialView");%>输出到 HttpContext
<%=Html.Partial("PartialView")%> 输出为string 直接到页面
MVC3:
@Html.Partial("BasicChart")
@{
Html.RenderPartial("BasicChart");
}
Html.partial和RenderPartial的其它三个重载很有用,第二个重载@{Html.RenderPartial("BasicChart",model);}
用这个重载可以在部分视图里使用强类型,然后在主视图中使用第二个参数传model过去,而不用controller
比如从list中传其中一项myClass过去
第三个重载用来传ViewData同理,如:@{Html.RenderPartial("BasicChart",ViewData["myData"]);}
Sep 1
ASP.NET MVC3.0 Razor自定义Helper方法
在使用自定义Helper方法时,开始我试了很多次都不成功一直报错“找不到WebMatrix.WebData.dll、WebMatrix.Data.dll”。
应该是一个bug,估计正式版不会有这个问题。解决方案是:
在使用自定义Helper时,需要引用默认C盘路径下的WebMatrix.WebData.dll、WebMatrix.Data.dll类库并Copy到本地,否则会出错。
Highslide JS

如上图所示,首先在网站根目录下添加一个“App_Code”文件夹,并创建一个Razor的ViewPage为MyHelpers.cshtml。代码如下图所示:
Highslide JS
通过@helper{}声明就可以定义一个Helper辅助函数,上述函数根据姓名循环输出一个列表。这种html和cs混合输出的helper相当简洁,相对于MVC2
写一个helper容易多了。

下面在页面中调用,只要一行代码就可以了:
Highslide JS

同样可以在其他页面调用,输出结果如下:
Highslide JS
注意的是,写法上将MyHelpers文件名加上,如果有文件夹则文件夹名字也要加上。使用规则是@FolderName.FileName.HelperName。
Sep 1
ASP.NET MVC3教程2011最新版(razor视图).pdf
是英文版本!
Sep 1
ASP.NET MVC3.0 Razor模版说明
Highslide JS
Layout Page
该家伙其实就相当于原来的Master文件,为站点的统一主题界面和减少大部分冗余的Html、head、body标记曾作出过很大的贡献,可谓功不可莫!MasterPage的诞生是在.NET 2.0版本,在服役到.NET4.0版本时出现了一个新成员 Layout 向他发出了挑战。
Partial Page
相当于原来的UserControl,它可以为你减轻不少需要重复劳动的时间
View Page
就是View啦,创建它时一般都是在不需要使用 Layout/MasterPage 的时候
View Page with Layout
等同于原来的View Content Page,它的功能只是为了实现原来在Layout/MasterPage下所定义的占位符。当然在原来的MasterPage中如果你没有实现原先定义的占位符<asp:ContentPlaceHolder />,,那么在最终合并输出的时候MasterPage占位符<asp:ContentPlaceHolder />那里就会输出空
请求 http://localhost/Home/Index 的工作流程
Highslide JS
@RenderBody() 只能在 _Layout.cshtml 中使用一次,而 @RenderPage() 则可以使用多次
Highslide JS
RenderSection() 第二个参数 false 表示即使你在具体的 View 中没有声明实现 @section 也不显示错误信息,推荐使用。
Highslide JS
参考资料
http://www.cnblogs.com/highend/archive/2011/04/18/asp_net_mvc3_layout.html
MVC3的APP初始化顺序
Highslide JS
Sep 1


Razor视图引擎-基础语法
-基础-
所有以 @开头 或 @{ /* 代码体 */ } (在@与{直接不得添加任何空格) 的部分代码都会被ASP.NET引擎进行处理.
在 @{ /*代码体*/ } 内的代码每一行都必须以";"结束,如
@{
var i = 10;
var y = 20;
}
而 @xxx 则不需要以";"作为结束符,如
@i 输出 10
@y; 输出 20;
代码区内字母分大小写.
字符类型常量必须用""括起例如: @{ string str = "my string"; }
-注意-
如需要在页面输出”@”字符
可以使用HTML ASCII编码@
当然Razor也提供智能分析功能: 如果在@的前一个字符若是非空白字符,则ASP.NET不会对其进行处理
如:<p>text@i xx</p> 输出 text@i xx

单行语法:
@{ var I = 10; }
多行语法:
@{
var I = 10;
Var y = 20;
}
1. 使用局部变量,Razor不支持访问修饰符(public,private等,这个没任何意义)
在单行上定义局部变量
@{ var total = 7; }
@{ var myMessage = "Hello World";}
在多行上定义局部变量
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}

在上下文中使用变量
<p>The value of your account is: @total </p>
<p>The value of myMessage is: @myMessage</p>

注意:变量拼接输出
@{ var i = 10; }
<p>text @i text</p> 将输出 text 10 text
但是如果你想要输出 text10text 呢?
<p>text@{@i}text</p>即可
<p>text@i text</p> 将输出 text@i text
<p>text@itext</p> 将输出 text@itext
<p>text @itext</p> 将报错
如果是输出的是变量的方法名则不需要用@{}括住也可生效如:
<p>text@i.ToString()text</p>
使用变量对象可直接写: @var1 @var2 @myObject.xx
2. 使用逻辑处理
@{
if (xx)
{
//do something
}
else
{
//do anything
}
}
3. 在@{... }内部使用html标记
@{
<p>text</P>
<div>div1</div>
}
4. 在@{...}内部输出文本
利用@:进行单行输出:
@{
@:This is some text
@:This is text too
@:@i 也可输出变量
}
利用<text />进行多行输出:
@{
<text>
tomorrow is good
some girl is nice
</text>
}
5. 在@{...}内部使用注释
@{
//单行注释
var i = 10;
//defg
}
@* 多行注释 *@
@*
多行注释
多行注释
*@
@{
@*
多行注释
多行注释
*@
var i = 10; @* asdfasf *@
}
<!-- 同时也可以使用C#默认的/* ... */ -->
@{
/*
多行注释
*/
}
若在@{ ... }内部使用<!-- -->注释,则会输出到页面之中,如果在<!-- -->内部使用@变量,则会被处理
@{
<!-- time now: @DateTime.Now.ToString() -->
}
输出: <!-- time now: 4/9/2011 12:01 -->
6. 类型转换
AsInt(), IsInt()
AsBool(),IsBool()
AsFloat(),IsFloat()
AsDecimal(),IsDecimal()
AsDateTime(),IsDateTime()
ToString()
例子:
@{
var i = “10”;
}
<p> i = @i.AsInt() </p> <!-- 输出 i = 10 -->
7. 使用循环
<!--方式1-->
@for (int i = 10; i < 11; i++)
{
@:@i
}
<!--方式2-->
@{
for (int i = 10; i < 11; i++)
{
//do something
}
}
<!--while同理-->
Pages: 1/1 First page 1 Final page [ View by Articles | List ]