当前位置: 首页 > news >正文

psd做模板下载网站做百度网站需要什么条件

psd做模板下载网站,做百度网站需要什么条件,wordpress the_title,成都房地产上市公司有哪些ASP.NET Razor 简介 1. 什么是Razor ? Razor 不是一种编程语言,而是一种标记语法,可以将基于服务器的代码(Visual Basic 和 C#)嵌入到网页中。Razor 是基于 ASP.NET 的,是为创建 Web 应用程序而设计的。Razor支持代码…

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
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

http://www.yayakq.cn/news/820123/

相关文章:

  • 建站导航企业网站推广的方法有什么
  • 呼伦贝尔网站设计广东省新闻
  • 织梦做企业网站3d制图软件
  • 向雅虎提交网站网站备案收费标准
  • 公司官网推广上海优化seo
  • 哪个网站是专门做封面素材定西模板型网站建设
  • 高端文化网站模板网页超链接制作
  • 网络集资网站怎么做河源wordpress培训
  • 成都工程建设信息网站青岛的互联网公司
  • 吴江市中云建设监理有限公司网站嘉兴网站建设兼职
  • 网站开发前端简历西安网站排名优化培训
  • 品牌营销网站建设网站做个seo要多少钱
  • 个人网站如何做淘宝客织梦商城网站源码
  • 上海网站建设 报价宁波网站推广工作室电话
  • 买域名后 怎么做网站网站开发虚拟电话
  • wordpress开放目录东莞seo建站优化公司
  • 素材网站推广方案qpython3手机版
  • 163网易企业邮箱格式悟空建站seo服务
  • 河北怎样做网站三维设计官网
  • 学校网站前置审批医疗教育的网站建设
  • 网站建设设计报价网站建设优秀网站建设
  • 怎么做自己的门户网站互联网网站建设新闻
  • 那个网站做毕业设计浙江省工程建设协会网站
  • 商城网站策划书专门做签到的网站
  • 成都网站快速排名优化网站建设制作德州
  • 广州乐地网站建设公司国外包装设计网站
  • 免费网站的建设国内外优秀设计网站
  • 网站开发跟网页制作动漫制作专业学校有哪些
  • wap购物网站源码成都科技公司排名
  • 武威百度做网站多少钱微信小程序开发报价