学习Razor视图

为了显示数据我们首先创建所需要的数据

    public class Person
    {
        
        public string Id { get; set; }
        public string Name { get; set; }
        public int Age { get; set; }
        public static List<Person> GetData()
        {
            return new List<Person>() {
            
            new Person(){Id="1",Name="11",Age=12},
            new Person(){Id="2",Name="22",Age=13},
            new Person(){Id="3",Name="33",Age=14},
            new Person(){Id="4",Name="44",Age=15},

            };
        }
    }

但是在这里我们不使用这个

然后如果我们想要显示刚才自定义的数据就需要在视图中指定视图模型的类型

@using Learn_re; 引用命名空间
@model List<Person>　　指定模型类型 都是小写

然后再页面中写显示代码,如下:

然后再HomeControlle中的Index方法中将数据传送过来

 运行程序,就可以看到结果了

 

当然这里有一个重要的属性 Html

这个也就是一个帮助属性,可以通过它的扩展方法快速的写出模板内容

然后我们来看一下@的用法

那如果是一个邮箱地址呢?

 如果想在页面上输出一个公式了? 比如输出1+1

然后我们就来说一下Razor中的布局和节

 

然后运行程序就可以看到了

　　这就说明了这个文件的重要性,可以用来指定以谁开始

然后我们来学习一下怎么使用Razor中的模板页,也就是布局页,下面是我们创建的布局页面内容

 然后我们创建一个使用布局的页面

为了方便测试,我们将上面的布局页名称设置为Index 并将原来的删除,并运行程序

 

运行结果也说明了视图引擎的运行流程,如果有_ViewStart.cshtml则从中获取第一个要读取了Layout路径,然后开始加载 并且这个页面上

　　写的内容一定是在内容页的签名显示,如果视图页有布局页则先布局有视图

当然还有一种情况就是,当视图页定义了这个节的时候我就显示,没有定义的时候就用自己的