本节主要介绍在上一节中通过搭建基架而创建的razor页面，并做一些ui改变。

一、创建、删除、详细信息和编辑页面

　　1、双击pages/movies/index.cshtml.cs文件，这是一个razor页面模型：

　　

1 using system;
2 using system.collections.generic;
3 using system.linq;
4 using system.threading.tasks;
5 using microsoft.aspnetcore.mvc;
6 using microsoft.aspnetcore.mvc.razorpages;
7 using microsoft.entityframeworkcore;
8 using razorpagesmovie.data;
9 using razorpagesmovie.models;
10
11 namespace razorpagesmovie
12 {
13 public class indexmodel : pagemodel
14 {
15 private readonly razorpagesmovie.data.razorpagesmoviecontext _context;
16
17 public indexmodel(razorpagesmovie.data.razorpagesmoviecontext context)
18 {
19 _cOntext= context;
20 }
21
22 public ilist movie { get;set; }
23
24 public async task ongetasync()
25 {
26 movie = await _context.movie.tolistasync();
27 }
28 }
29 }

 

 

　　① 第13行：表示该razor页面派生自pagemodel。约定：pagemodel派生的类称为model。

　　② 第17行：表示这是一个构造函数，使用依赖关系注入将razorpagesmoviecontent添加到页。所有已搭建基架的页面都遵循这个模式。

　　③ 第24行：表示对页面发出请求时，ongetasync方法向razor页面返回影片列表。调用ongetasync或onget以初始化页面的状态。ongetasync方法将获得的影片列表显示出来。当onget返回void或ongetasync返回task时，使用任何返回语句。因为此时返回的movie对象，在程序中做了定义（第22行）

　2、双击pages/movies/create.cshtml.cs文件，这也是一个razor页面模型：

1 using system;
2 using system.collections.generic;
3 using system.linq;
4 using system.threading.tasks;
5 using microsoft.aspnetcore.mvc;
6 using microsoft.aspnetcore.mvc.razorpages;
7 using microsoft.aspnetcore.mvc.rendering;
8 using razorpagesmovie.data;
9 using razorpagesmovie.models;
10
11 namespace razorpagesmovie
12 {
13 public class createmodel : pagemodel
14 {
15 private readonly razorpagesmovie.data.razorpagesmoviecontext _context;
16
17 public createmodel(razorpagesmovie.data.razorpagesmoviecontext context)
18 {
19 _cOntext= context;
20 }
21
22 public iactionresult onget()
23 {
24 return page();
25 }
26
27 [bindproperty]
28 public movie movie { get; set; }
29
30 // to protect from overposting attacks, please enable the specific properties you want to bind to, for
31 // more details see https://aka.ms/razorpagescrud.
32 public async task onpostasync()
33 {
34 if (!modelstate.isvalid)
35 {
36 return page();
37 }
38
39 _context.movie.add(movie);
40 await _context.savechangesasync();
41
42 return redirecttopage("./index");
43 }
44 }
45 }

 

　　④ 第32、22行：当返回类型是iactionresult或task时，必须提供返回语句。

   3、双击pages/movies/index.cshtml文件，这是一个razor页面：

1 @page
2 @model razorpagesmovie.indexmodel
3
4 @{
5 viewdata["title"] = "index";
6 }
7
8

index

9
10

11 create new
12

13
14
15
16
19
22
25
28
29
30
31
32 @foreach (var item in model.movie) {
33
34
37
40
43
46
51
52 }
53
54

17 @html.displaynamefor(model => model.movie[0].title) 18	20 @html.displaynamefor(model => model.movie[0].releasedate) 21	23 @html.displaynamefor(model => model.movie[0].genre) 24	26 @html.displaynamefor(model => model.movie[0].price) 27
35 @html.displayfor(modelitem => item.title) 36	38 @html.displayfor(modelitem => item.releasedate) 39	41 @html.displayfor(modelitem => item.genre) 42	44 @html.displayfor(modelitem => item.price) 45	47 edit | 48 details | 49 delete 50

 

 

[email&＃160;protected]符号后面跟着razor保留关键字时，它会转换为razor特定标记，否则会转换为c#。

　　① 第1行：@page指令，它是一个razor指令的一个示例。该指令表示将文件[email&＃160;protected]age必须是页面上第一个razor指令。

　　② 第17-26行：@html 这是一系列的使用lambda表达式的html帮助程序。displaynamefor html帮助程序检查lambda表达式引用的tile、releasedate等属性来确定显示名称。检查lambda表达式（而非求值），意味着model、model.movie或model.movie[0]为null或空时，不会存在任何访问冲突。

　　③ 第35-44行：@html.displayfor是对lambda表达式进行求值，将获得该模型的属性值。

　　④ 第2行：@model指令，指定传递给razor页面的模型类型。这个例子中的模型类型，就是第1段中派生于pagemodel类的indexmodel模型。

　　⑤ 第4-6行：@符号后面没有razor关键字，表示这是c#的一个示例。{}大括号中是c#代码块。这个页面的引用的模型是indexmodel，它派生于pagemodel，pagemodel基类中包含viewdata字典属性，可用于将数据传递到某个视图。我们可以采用键值对的模式将对象添加到viewdata字典中。这里，“title”属性被添加到viewdata字典中。而“title”属性又被用于/pages/shared/_layout.cshtml文件中。见第4节中的第③条注释。

   4、双击/pages/shared/_layout.cshtml文件

1
2
3
4
5
6
7
8
9
10
11
12

31
32
37
38
43
44
45
46
47
48 @rendersection("scripts", required: false)
49
50

　　① 这是一个页面布局的模板（类似于母版页）。它允许html容器具有如下布局：在一个位置指定；应用于站点中的多个页面。

　　② 第34行：@renderbody()，是显示全部页面专用视图的占位符。

　　③ 第6行：[email&＃160;protected]["title"]将字典中的对象“title”的值取出来，和字符串‘- razorpagesmovie’一起。最终形成页面上我们看到的标题：

　　

 

 

 　　④ razor页面的注释方式采用：  @* 注释内容*@  的方式进行注释（区别于html的注释）。注释不会被发送到客户端

 

　5、更新布局

　　① 更改title和链接页面

　　　　/pages/shared/_layout.cshtml文件：