【ASP.NET Core学习】Razor页面

1. 必须是页面上的第一个 Razor 指令
2. 默认情况，Url根据文件夹层次结构生成，也可以在@page 后面指定路由
3. 可以对参数约束，例如：{id:int}

二、读取数据（以上面模型为例）
1. 创建Index页面

dotnet new page -o=Pages -na="Razor.Pages" -n="Index"

2. PageModel 的OnGet读取数据

public class IndexModel : PageModel
{
    private readonly Data.RazorDbContext _dbContext;
    public IndexModel(Data.RazorDbContext dbContext)
    {
        _dbContext = dbContext;
    }

    public List Books { get; set; }

    public IActionResult OnGet()
    {
        if (_dbContext == null)
        {
            return NotFound();
        }

        Books = _dbContext.Book
                            .AsNoTracking()
                            .ToList();
        return Page();
    }
}

View Code

3. 页面展示数据

@page  
@model IndexModel
@{
    ViewData["Title"] = "图书管理";
}

        @foreach (var item in Model.Books)
        {
            
        }
    

    

        

            

                @Html.DisplayNameFor(model => model.Books[0].Name)
            
            

                @Html.DisplayNameFor(model => model.Books[0].UnitPrice)
            
            

                @Html.DisplayNameFor(model => model.Books[0].PublicationDate)
            
            

                @Html.DisplayNameFor(model => model.Books[0].CreateTime)
            
            

                @Html.DisplayNameFor(model => model.Books[0].LastUpdateTime)
            
            

        
    
    

                

                    @Html.DisplayFor(modelItem => item.Name)
                
                

                    @Html.DisplayFor(modelItem => item.UnitPrice)
                
                

                    @Html.DisplayFor(modelItem => item.PublicationDate)
                
                

                    @Html.DisplayFor(modelItem => item.CreateTime)
                
                

                    @Html.DisplayFor(modelItem => item.LastUpdateTime)
                
                

                    编辑 |
                    删除
                
            


View Code

三、更新数据
1. 创建Edit页面

dotnet new page -o=Pages -na="Razor.Pages" -n="Edit"

2. PageModel拉去数据

public IActionResult OnGet(int? id)
{
    if (id == null)
    {
        return NotFound();
    }

    Book = _dbContext.Book  
                     .AsNoTracking()
                     .FirstOrDefault(m => m.Id == id);

    if(Book == null)
    {
        return NotFound();
    }

    return Page();
}

View Code

3. 编辑Edit页面

@page "{id:int}"
@model Razor.Pages.EditModel
@{
    ViewData["Title"] = "编辑书本";
}

    

        
            
            

                        
            

                
                
                
            
            

                
                
                
            
            

                
                
                
            
            

                
            
        
    


View Code

4. OnPost处理请求

public IActionResult OnPost()
{
    if (!ModelState.IsValid)
    {
        return Page();
    }

    var model = _dbContext.Book.FirstOrDefault(m => m.Id == Book.Id);

    if (model == null)
    {
        return NotFound();
    }

    model.Name = Book.Name;
    model.PublicationDate = Book.PublicationDate;
    model.UnitPrice = Book.UnitPrice;

    _dbContext.SaveChanges();

    return RedirectToPage("Index");
}

View Code

用asp-for生成的输入框，会加上客户端验证，查看原代码可以发现

它是根据模型定义的验证，生成属性，然后用jquery-validation验证，这样我们没有写一行前端代码就能达到客户端验证效果，微软真的把DRY做到极致。当然后端的验证也是不能漏的