ASP.NET Web Pages
什么是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页中,我们会找到:
我们忽略最后一个WebPagesDemo.cshtml,因为这个文件是我自己创建的。
一开始打开项目的时候,就会自动给创建这几个Razor页面。
其实到这里我们就知道Razor页面在ASP.Net Core(C#)中存在的位置。
我们就可以将自己的Razor页面新建在这个位置:
右键选择Pages文件夹,在弹出窗口中选择:新建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>
在上述文件中添加上示代码:
运行结果如图所示:
当然还可以字符串拼接:
·
@{
var fstString = "欢迎来到";
var secString = "web的世界";
var trdString = fstString + secString;
}
<h1>@trdString</h1>
将上示代码插入:
运行结果如图所示: