【ASP.NET Web Pages(C#)】

什么是Web Pages

WebPages 是三种创建ASP.NET网站和Web应用程序的编程模式的一种。
其他的两种编程模式是: Web Forms 和 MVC

Web Pages是开发ASP.NET网页最简单的开发模式,她提供了一种简单的方式把HTML、CSS、JS和服务器脚本结合起来。
Web Pages 内置了数据库、视频、图形、社交媒体和其他更多的Web Helpers,因此很容易拓展。

Web Pages -添加Razor代码

什么是Razor?

Razor 是一种将基于服务器的代码添加到网页中的标记语法
Razor 具有传统ASP.NET标记的功能,但更容易使用并且更容易学习
Razor是一种服务器标记语法,和ASP和PHP很像(和JSP很像?)
Razor支持C#和VB编程语言.

怎么创建第一个RazorPage:

其实很简单,我用的是Visual Studio 2022
新建一个项目,需要新建一个ASP.NET Core 项目
创建项目成功后,项目结构如图所示:
项目结构
能看到其中有五个大项,分别为Connected Services、Properties文件夹、wwwroot、学习C#的同学不会陌生的依赖项、还有一个文件夹名字叫Pages、
其他的文件夹或者项目暂且不提,在Pages页中,我们会找到:
pages文件夹内容
我们忽略最后一个WebPagesDemo.cshtml,因为这个文件是我自己创建的。
一开始打开项目的时候,就会自动给创建这几个Razor页面。
其实到这里我们就知道Razor页面在ASP.Net Core(C#)中存在的位置。
我们就可以将自己的Razor页面新建在这个位置:
右键选择Pages文件夹,在弹出窗口中选择:新建Razor页面
选择Razor页面
最好选择Razor页面,之后再去触碰实体框架和考虑实体框架的事儿。
刚刚新建的页面我起名为“WebPagesDemo”
代码内容如图所示:
代码内容

<h1>现在时间是:@DateTime.Now</h1>

在其中添加以上代码。
添加代码
运行结果如下图:
运行结果
其中的

@DateTime.Now

这段代码中的DateTime.Now是C#中的DateTime对象。
该页面中包含普通的HTML标记,除此之外,还添加了一个@标识的Razor代码。
Razor代码能够在服务器上实时地完成多有的动作,并将结果显示出来(这里可以指定格式化选项,否则只会显示默认项)。

主要的Razor C# 语法规则

  • Razor代码块包含在@{…}中
  • 内联表达式(变量和函数)以@开头
  • 代码语句用分号结束。
  • 变量使用var关键字声明
  • 字符串用引号括起来
  • C#代码区分大小写
  • C#文件的拓展名是.cshtml
@{var myMassage = "hello world";}
<p>@myMassage<p>

在上述文件中添加上示代码:
添加上述代码1
运行结果如图所示:

运行结果1
当然还可以字符串拼接:
·

@{
	 var fstString = "欢迎来到";
    var secString = "web的世界";
    var trdString = fstString + secString;
}
<h1>@trdString</h1>

将上示代码插入:
2插入
运行结果如图所示:
2结果

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值