ASP.NET Razor 简介
2024-05-15 02:11:49
ASP.NET Razor 简介
1. 什么是Razor ?
- Razor 不是一种编程语言，而是一种标记语法，可以将基于服务器的代码（Visual Basic 和 C#）嵌入到网页中。
- Razor 是基于 ASP.NET 的，是为创建 Web 应用程序而设计的。
- Razor支持代码混写。
- 带 Razor 语法的 ASP.NET 网页有特殊的文件扩展名cshtml(Razor C#)或者vbhtml(Razor VB)。
2. Razor C#基本语法规则
① 使用@将代码块添加到页面中
- 内联表达式(Inline expressions)
- 单语句块(Single statement blocks)
- 多语句块(Multi-statement block)
<!-- Inline expressions -->
<p>You are using @Request.Broswer.Broswer!</p><!-- Single statement blocks -->
@{ ViewBag.title = "Home Page"; }
@{ var myMessage = "Hello World"; }<!-- Multi-statement block -->
@{var name = "Jason";var greeting = "Nice to meet you, ";var greetingMessage = greeting + name;
}
<p>The greeting is: @greetingMessage</p>
② 代码块括在大括号中，代码语句用分号结束
③ 使用 var 关键字，声明变量存储值
<!-- Storing a string -->
@{ var welcomeMessage = "Welcome, new members!"; }
<p>@welcomeMessage</p><!-- Storing a date -->
@{ var year = DateTime.Now.Year; }
④ 字符串要用引号括起来
@{ var myString = "This is just an example"; }
⑤ C#代码是区分大小写
⑥ 空格和换行符不影响语句
- 可以通过增加空格或者换行符提高代码的可读性。
- 但是对于字符串，不可以
@{ var test = "This is a longstring"; } // Does not work!
⑦ 内联的helper方法
@helper formatAmount(decimal amount)
{var color = "green";if (amount < 0){color = "red";}<span style="color:@color">@String.Format("{0:c}", amount)</span>
}
然后可以在其他地方使用helper方法，比如：
@{var amounts = new List<decimal> {100, 25.50m, -40, 276.99m}
}<ul>@foreach(decimal amount in amounts){<li>@formatAmount(amount)</li>}
</ul>
⑧ @{}中的内容都会被视为C#代码
- 如果想要添加纯文本，两种方法
@ {//方法1<text>djskfadsfhadsjfk</text>//方法2@: fhdshfjskhfksfs
}
- 输出
@符号
@ { <p>Have a good weekend @@LA</p> }
//output: Have a good weekend @LA
⑨ 注释
- 使用
@**@
@* A one-line code comment. *@
@*This is a multiline code comment.It can continue for any number of lines.
*@
- 在
@{}中使用C#的注释格式
@{// This is a comment.var myVar = 17;/* This is a multi-line commentthat uses C# commenting syntax. */
}
3. 逻辑条件与循环
- If-else, else if 语句
@ { var price = 25; }
<body>
@if (price >= 30)
{<p>The price is high.</p>
}
else if (price > 20 && price < 30)
{<p>The price is OK.</p>
}
else
{<p>The price is low.</p>
}
</body>
- Switch 语句
@ { var day = "Monday"; }
<body>
@switch(day)
{
case "Monday":message="This is the first weekday.";break;
case "Thursday":message="Only one day before weekend.";break;
case "Friday":message="Tomorrow is weekend!";break;
default:message="Today is " + day;break;
}
- For 循环
<!-- 方式1 -->
@for (int i = 0; i < 10; i++)
{@:@i
}
<!-- 方式2 -->
@{for (int i = 0; i < 10; i++){//do something}
}
- While 循环
<body>
@{var i = 0;while (i < 5){i += 1;<p>Output is: @i</p>}
}
</body>
- Foreach 循环
//定义一个数组
@{var amounts = new List<decimal> {100, 25.50m, -40, 276.99m}
}
//使用foreach遍历数组
<ul>@foreach(decimal amount in amounts){<li>@amount</li>}
</ul>
4. ASP.NET MVC 中Razor布局
Views folder
- 在_ViewStart.cshtml中， 可以定义所有view的默认layout模板
@{Layout = "~/Views/Shared/_Layout.cshtml";
}
- _Layout.cshtml即模板页，起到页面整体框架重用的目的
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>@ViewBag.Title</title> @Styles.Render("~/Content/css")@Scripts.Render("~/bundles/modernizr")
</head>
<body>@Html.Partial("_header")<div class="navbar navbar-inverse navbar-fixed-top"><div class="container"><div class="navbar-collapse collapse"><ul class="nav navbar-nav"><li>@Html.ActionLink("Home", "Index", "Home")</li><li>@Html.ActionLink("About", "About", "Home")</li><li>@Html.ActionLink("Contact", "Contact", "Home")</li></ul>@Html.Partial("_LoginPartial")</div></div></div><div class="container body-content"><div class="row"><div class="col-md-12"><img src="~/Content/Images/logo.png" class="img-responsive item-center"/></div></div>@RenderBody()</div>@Scripts.Render("~/bundles/jquery")@RenderSection("scripts", required: false)@Html.Partial("_footer")
</body>
</html>
- @Html.Partial()
HtmlHelper.Partial()，可以将页头、页脚、登陆等局部视图加载进来 - @RenderBody()
将对应View页面的主内容替换到此 - @RenderSection()
将对应View页面的相应的section部分替换到此
作者：Jason_Yuan
链接：https://www.jianshu.com/p/f28e04c187be
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
ASP.NET Razor 简介相关推荐
- ASP.NET CORE 简介
ASP.NET CORE 简介 ASP.NET Core 是一个跨平台的高性能开源框架,用于生成启用云且连接 Internet 的新式应用. 使用 ASP.NET Core,您可以: 生成 Web 应 ...
- ASP.NET Razor （标记）语言概要
1 简述 Razor, 是服务器端的标记语言. Razor 是一种标记语法,可以让您将基于服务器的代码(Visual Basic 和 C#)嵌入到网页中. 基于服务器的代码可以在网页传送给浏览器时,创 ...
- java和asp.net core_.NET Core和ASP.NET Core简介与区别
1..NET Core简介 .NET Core是适用于 windows.linux 和 macos 操作系统的免费.开源托管的计算机软件框架,是微软开发的第一个官方版本,具有跨平台 (Windows. ...
- ASP.NET Razor 视图引擎编程参考
ASP.NET Razor 视图引擎编程参考 ASP.NET Razor 视图引擎编程参考 转载请注明出处:http://surfsky.cnblogs.com Rasor 视图引擎 http ...
- .NET Core和ASP.NET Core简介与区别
本文主要简单介绍一下.NET Core和ASP.NET Core,以及它们之前的联系和区别. 原文地址:.NET Core和ASP.NET Core简介与区别
- ASP.net MVC5 简介
ASP.net MVC5 简介 MVC是什么 MVC是一种设计模式. 也就是Model-View-Controller 模型-视图-控制器. Model的功能 Model试数据模型,用来封装与程序相关 ...
- ASP.NET Identity简介及简单使用
ASP.NET Identity简介 Why Identity? ASP.NET Identity wasdesigned to solve site membership requirements. ...
- ASP.NET Razor – 标记简介
Razor 不是一种编程语言,它是服务器端的标记语言,Razor 是基于 ASP.NET 的,是为创建 Web 应用程序而设计的. 什么是 Razor? Razor 是一种标记语法,可以让您将基于服务 ...
- ASP.NET Razor – C# 变量简介
变量是用来存储数据的命名实体.一个变量的名称必须以字母字符开头,并且不能包含空格或者保留字符. 变量 变量是用来存储数据的. 一个变量的名称必须以字母字符开头,并且不能包含空格或者保留字符. 一个变量 ...
最新文章
- 转载：oracle RAC集群启动和关闭
- 每个优秀程序员必须具备的技术技能
- jqm跳转js不加载
- java登录界面命令_Java命令行界面（第25部分）：JCommando
- 评论：索尼爱立信能否重振雄风？
- vb调用c语言程序,用VB编写程序,求S=A!+B!+C!,阶乘的计算分别用Sub过程和Function过程两种方法来实现...
- smart原则_OKR 文化：用 SMART 原则量化目标
- 使用计算机粘贴板的步骤,电脑自带剪贴板怎么打开？剪贴板打开教程
- 教你如何用直播源码快速搭建直播平台
- python之urlencode()，quote()及unquote()
- 大数据和小数据有什么区别？
- Aladdin and the Flying Carpet LightOJ - 1341
- SQL调优和性能监控利器SQL Monitor
- 中国长租公寓与住房租赁领域未来八大趋势和创新探讨
- 哪个品牌的触控笔质量好？ipad好用的触控笔
- Padavan老毛子的二级路由，怎样设置与主路由在同一网段
- 阿里巴巴2017校招C++岗位在线编程题-求集合D的最大值，最小值和元素个数三者之和
- ggplot2-为可视化建模2
- 海思Hi3559AV100_Demo单板使用手册芯片资料
- 专访新浪微博黄波：千人千面，机器学习赋能用户信息流消费