ASP NET Core Razor页面教程的笔记

一.Query String Parameters in Razor Pages的顺序

1.从前端的


<a asp-page="/Employees/Details"  asp-route-ID="@employee.Id"
                 class="btn btn-primary m-1">Viewa>

通过默认，ID是参数。变成 https://localhost:7030/Employees/Details?ID=1

2.https://localhost:7030/Employees/Details?ID=1

到项目下 Employees文件夹下的Details.cshtml.cs


using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using RazorPagesTutorialModels;
using RazorPagesTutorialServices;
 
 
namespace RazorPagesTutorial.Pages.Employees
{
    public class DetailsModel : PageModel
    {
        private readonly IEmployeeRepository employeeRepository;
        public DetailsModel(IEmployeeRepository employeeRepository) 
        { 
            this.employeeRepository=employeeRepository;
        }
 
        public Employee Employee { get; private set; }
        public void OnGet(int id)
        {
            Employee=employeeRepository.GetEmployee(id);
        }
    }
}

二.参数传值

模型绑定将路由参数值绑定到OnGet()方法参数上。

三路径约束

@page 可以传值，也可以限制路径（匹配原则），还可以限制传参的类型

限制参数的类型如下：

还可以限制参数的范围，如：

自定义路径约束

1.首先我们需要在最后跳转的页面加上路径的限制，主要的是page属性id后面加的限制


@page "/employees/view/{id:even}"
@model RazorPagesTutorial.Pages.Employees.DetailsModel
@{
    ViewData["Title"] = "Detail";
    var photPath = "~/images/" + (Model.Employee.PhotoPath ?? "noimage.jpg");
}
 
Detail

2.我们需要生成一个具体限制的类，这个类必须继承IRouteConstraint


using System;
using System.Collections.Generic;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Routing;
 
namespace RazorPagesTutorial
{
    public class EventConstraint:IRouteConstraint
    {
 
        public bool Match(HttpContext? httpContext, IRouter? route, string routeKey, RouteValueDictionary values, RouteDirection routeDirection)
        {
            //throw new NotImplementedException();
            int id;
            if (Int32.TryParse(values["id"].ToString(), out id))
            {
                if(id %2== 0) 
                { 
                    return true;
                }
            }
            return false;
        }
    }
}

3.我们需要配置限制

在startup的配置文件里面

添加


public void ConfigureServices(IServiceCollection services)
    {
        services.AddRazorPages();
        services.AddSingleton();
 
        services.Configure(options =>
        {
            
            options.ConstraintMap.Add("even",typeof(EventConstraint));
 
        });
    }

具体对应关系如下：

四. 错误页面的处理重定向

五，修改

完成修改的整个流程

1.页面点击修改

所以页面有修改的按键，并且传值id


class="card-footer text-center">
                 "/Employees/Details"  asp-route-ID="@employee.Id"
                 class="btn btn-primary m-1">View
                "/Employees/Edit" asp-route-ID="@employee.Id"
               class="btn btn-primary m-1">Edit
                "#" class="btn btn-primary m-1">Edit
 
                "#" class="btn btn-primary m-1">Delete

我们可以在列表的每条信息中设计修改的按钮，点击按钮asp-page,访问 https://localhost:7030/employees/edit/?id=1

2.根据链接 https://localhost:7030/employees/edit/?id=1 找到

Edit的cs文件


using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using RazorPagesTutorialModels;
using RazorPagesTutorialServices;
 
namespace RazorPagesTutorial.Pages.Employees
{
    public class EditModel : PageModel
    {
        private readonly IEmployeeRepository employeeRepository;
        //先访问构造函数
        public EditModel(IEmployeeRepository employeeRepository) { 
            this.employeeRepository = employeeRepository;
        }
 
        public Employee Employee { get; set; }
        //访问OnGet方法，此方法判断是否能查询到信息，重定向到不同的页面
        public IActionResult OnGet(int id)
        {
            Employee=employeeRepository.GetEmployee(id);
            if(Employee == null)
            {
                return NotFound();
            }
            //进入Edit的页面
            return Page();
 
        }
 
        //进入Edit的页面后
        public IActionResult OnPost(Employee employee) 
        {
            Employee=employeeRepository.Update(employee);
            return RedirectToPage("Index");
        }
    }
}

注意Onpost方法是form表单提交，提交的对象，然后走update的方法处理，Services层，然后返回Index页面。


@page
@model RazorPagesTutorial.Pages.Employees.EditModel
@{
    ViewData["Title"] = "Edit";
}
 
Edit
"post" class="mt-3">
    for="Employee.Id" />
    class="form-group row">
        for="Employee.Name" class="col-sm-2 col-form-label">
 
        
 
        class="col-sm-10">
            for="Employee.Name" class="form-control" placeholder="Name" />

ASP NET Core Razor页面教程的笔记

一.Query String Parameters in Razor Pages的顺序

二.参数传值

三路径约束

自定义路径约束

1.首先我们需要在最后跳转的页面加上路径的限制，主要的是page属性id后面加的限制

Detail

2.我们需要生成一个具体限制的类，这个类必须继承IRouteConstraint

3.我们需要配置限制

具体对应关系如下：

四. 错误页面的处理重定向

五，修改

Edit

五.临时数据

六.页面验证

ASP NET Core Razor页面教程的笔记

一.Query String Parameters in Razor Pages的顺序

二.参数传值

三 路径约束

自定义路径约束

1.首先我们需要在 最后跳转的页面加上路径的限制，主要的是page属性id后面加的限制

Detail

2.我们需要生成一个具体限制的类，这个类必须继承IRouteConstraint

3.我们需要配置限制

具体对应关系如下：

四. 错误页面的处理 重定向

五，修改

Edit

五.临时数据

六.页面验证

三路径约束

1.首先我们需要在最后跳转的页面加上路径的限制，主要的是page属性id后面加的限制

四. 错误页面的处理重定向