开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Razor Page，How to routing with tag helper asp.net core

Razor Page是ASP.NET Core中的一种页面编程模型，它允许开发人员使用Razor语法创建动态的Web页面。Razor Page提供了一种简单而直观的方式来处理页面的路由。

在ASP.NET Core中，可以使用标签助手（Tag Helper）来进行路由。标签助手是一种特殊的HTML标签，它们可以在视图中嵌入C#代码，并且可以通过属性来配置路由。

要在Razor Page中使用标签助手进行路由，可以按照以下步骤进行操作：

首先，在Razor Page的.cshtml文件中，使用@page指令来指定页面的路由路径。例如，@page "/myPage"将指定该页面的路由路径为"/myPage"。
接下来，在需要进行路由的HTML元素上使用标签助手来配置路由。可以使用asp-page属性来指定要跳转的页面的路由路径。例如，<a asp-page="/myPage">Go to My Page</a>将创建一个链接，点击后将跳转到"/myPage"页面。
如果需要传递参数给目标页面，可以使用asp-route-参数名属性来指定参数的值。例如，<a asp-page="/myPage" asp-route-id="123">Go to My Page</a>将传递一个名为"id"的参数，值为"123"。

总结一下，使用Razor Page进行路由的步骤如下：

在.cshtml文件中使用@page指令指定页面的路由路径。
在需要进行路由的HTML元素上使用标签助手来配置路由，使用asp-page属性指定目标页面的路由路径。
如果需要传递参数，可以使用asp-route-参数名属性来指定参数的值。

腾讯云相关产品和产品介绍链接地址：

腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云CDN加速（CDN）：https://cloud.tencent.com/product/cdn
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

ASP.NET Core教程【一】关于Razor Page的知识

关键文件和目录结构按照asp.net core WEB应用程序向导，创建一个工程之后你会发现如下几个目录和文件 wwwroot：放置网站的静态文件的目录 Pages：放置razor页面的目录 appsettings.json...：是应用的配置文件 bower.json：静态资源包管理的配置文件 Program.cs：这个程序负责承载ASP.NET Core应用 Startup.cs：初始化service的配置，初始化请求管道...页面继承自PageModel类，按照约定，类名遵从[PageName]Model这样的命名方式构造函数通过依赖注入获得数据库访问上下文实例；关于Razor Page的页面代码我们再来看看.cshtml...，所以不会影响运行期的执行效率；关于page指令 @page指令使得这个页面变成了一个ASP.NET MVC的Action 这个指令必须是在Razor Page的第一个指令关于违法访问的处理来看看下面这行代码..."Index"; } 你可以在Razor Page页面中设置ViewData的键值，在_Layout.cshtml模版页面中使用你设置的ViewData 关于注释在Razor Page中，用下面的方式写注释

2.5K8 0

Do You Kown Asp.Net Core -- Asp.Net Core 2.0 未来web开发新趋势 Razor Page

Razor Page介绍前言上周期待已久的Asp.Net Core 2.0提前发布了，一下子Net圈热闹了起来，2.0带来了很多新的特性和新的功能，其中Razor Page引起我的关注，作为...此次的Razor Page是否能带来不一样的体验呢，让我们一起来看看吧。什么是Razor Page 我们都知道在Asp.Net MVC中，Razor是其一种视图引擎。...要创建Razor Page，你需要先安装.Net Core 2.0 SDK，如果要使用VS2017来创建，您还必须要更新到15.3版本以上 dotnet命令方式创建打开cmd或者powershell工具...Core –> Asp.Net Core Web应用程序，接下来会弹出一个对话框，让我们选择模板类型： ?...快速自定义Routing 你是否会问现在还支持/Controller/Action/ID 吗？

2K6 0

asp.net core 系列之Response caching(1)

ASP.NET Core提供了SQL Server和Redis分布式缓存。　　　　更多信息：Distributed caching in ASP.NET Core....Cache Tag Helper 使用Cache Tag从mvc页面或者Razor Page中缓存内容。Cache Tag Helper用内存缓存数据。　　　　...更多信息：Cache Tag Helper in ASP.NET Core MVC Distributed Cache Tag Helper 在分布式云或者web集群场景中使用Distributed...Cache Tag Helper 来缓存Mvc view或者Razor Page中的内容。...更多信息：Distributed Cache Tag Helper in ASP.NET Core.

6312 0

Do You Kown Asp.Net Core - 根据实体类自动创建Razor Page CURD页面模板

Scaffolding Template Intro 我们知道在Asp.Net MVC中，如果你使用的EF的DBContext的话，你可以在vs中通过右键解决方案-添加控制器-添加包含视图的控制器，然后...vs会根据你选择的Model自动生成相应的CURD的控制器和View，非常便利，这种就叫做 ASP.NET Scaffolding Template，之前雪燕大大有过一篇介绍，有兴趣可以看看【传送门】...大家知道近期Asp.Net Core2.0发布了，微软也推出了Razor Page来作为默认的Asp.Net Core Web项目，但一开始并没有提供Scaffolding Template（后简称ST...Hello Scaffolding Razor Page Step 1 : 创建Razor Page 项目 Step 2 : 创建一个Model，在这里我们创建一个Blog实体类： public class...后面我会把用Razor Page遇到的问题总结放上来，非常看好它，相信会越来越火的。 PS：asp.net core QQ学习群：376248054 通关密码：cnblogs（无密码一律不通过）

1.1K6 0

ASP.NET Core MVC 视图

ASP.NET Core MVC中视图的知识和ASP.NET MVC有很多相似之处，学习难度较低。以下内容主要体现了编程中模块化的思想，模块化才应是我们关注的重点。...在ASP.NET Core中默认的布局文件是位于/Views/Shared文件夹下的_Layout.cshtml文件： ?...视图(即，cshtml文件)中使用Layout属性来指定使用哪个布局文件： @{ Layout="_Layout"; } ASP.NET Core MVC搜索布局文件的方式与局部视图一样，下文中会详细说明...Helper Tag Helper可以让服务器端代码参与到在Razor文件中创建和渲染HTML元素的工作中。...小结本文主要对ASP.NET Core中的视图部分做了简要概述，相比于文中的各种概念，我们应该把注意力放到模块化设计上。模块化、抽象思维是程序员应该掌握的两种能力。

2.2K4 0

ASP.NET MVC升级到ASP.NET Core MVC踩坑小结

写在前面 ASP.NET Core是微软新推出的支持跨平台、高性能、开源的开发框架，它的优势不必多说，因为已经说得太多了。...Razor Tag Help是一个十分重要的功能，它使得.NET Core MVC的开发更像是在写Html语言，更加的清晰，更加具有生产力。...view=aspnetcore-3.1） ---- Built-in ASP.NET Core Tag Helpers Anchor Tag Helper Cache Tag Helper Component...Tag Helper Distributed Cache Tag Helper Environment Tag Helper Form Tag Helper Form Action Tag Helper...Image Tag Helper Input Tag Helper Label Tag Helper Link Tag Helper Partial Tag Helper Script Tag Helper

2.3K2 1

ASP.NET Core 各版本特性简单整理

2.0 中的新增功能新增功能： Razor Pages ASP.NET Core 元包（注：即Microsoft.AspNetCore.All ，我喜欢称作全家桶，作用就是一把梭给你全部引用了相关的包...新增功能：端点路由（Endpoint Routing）健康检查（HealthCheck） HTTP/2 IIS 进程内承载 SignalR Java 客户端 CORS 改进响应压缩（ASP.NET...-3-0/ Docs: ASP.NET Core 3.0 的新增功能新增功能： Blazor Server Blazor WebAssembly Razor 组件 gRPC ASP.NET Core.../asp-net-core-updates-in-net-core-3-1/ Docs: ASP.NET Core 3.1 的新增功能新增功能： Razor 组件的分部类支持 HTTP.sys...Core 5.0 的新增功能新增功能： ASP.NET Core MVC 和 Razor 改进 OpenAPI 规范默认开启 Blazor 性能改进、增加组件 gRPC 性能改进

3.3K2 0

《asp.net core 3 高级编程(第8版)》学习笔记 02

第三章第一个 asp.net core 应用程序原书的代码托管在 github: Apress/pro-asp.net-core-3: Source Code for 'Pro ASP.NET Core...RSVP 视图是一个表单，允许用户在填写后提交：图片注意 Highlight 的地方，并不是 html 语法，而是微软的 tag helper，为了能使用 tag helper 需要在项目中创建一个 view...import 文件，并且加载 tag helper，否则会出现错误。...图片tag helper 能极大简化 html 标记的输入，运行时由 asp.net core 平台翻译成 html 标记进行渲染。...图片图片源码pro asp.net core 3 notes: 《ASP.NET Core 3高级编程（第8版）》学习笔记

1.2K0 0

ASP.NET Core教程【二】从保存数据看Razor Page的特有属性与服务端验证

前文索引： ASP.NET Core教程【一】关于Razor Page的知识在layout.cshtml文件中，我们可以看到如下代码： RazorPagesMovie 这段代码中用到asp-page这样的一个特有属性，这是razor page特有的，这是一个锚点属性，它的值将被编译到a标签的href属性上；跟多的时候，我们会像下面这样使用锚点属性...对象，该对象负责渲染这个页面； Movie属性被标记了BindProperty标记，说明它是一个“模型绑定”对象；当表单提交过来的时候，asp.net core负责把表单提交的数据，绑定到这个对象上；...表单提交之后，OnPostAsync方法被执行，如果提交的数据，在绑定到Movie对象的过程中，产生了异常，那么Page方法会被重新执行，等于刷新了一遍页面；大部分数据验证的工作是在客户端通过JS...Scripts { @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}} 在razor

1.6K5 0

将传统 ASP.NET 应用迁移到 .NET Core

@if (HttpContext.Current.IsDebuggingEnabled) { (Debug) } 在 ASP.NET Core 里，我们可以使用新的razor...tag helper 去完成这件事 (Debug) 在下面的章节里，你会看到更多razor...tag helper 的用法。...15 新的Razor Tag Helpers Tag helper 可以帮助你讲老的HTML helper 简化为更加面向HTML可读的代码，例如一个表单，我们曾经要这样写： ?...20 热更新 Views 在传统 ASP.NET MVC 中，Views 文件夹默认不会编译到 DLL 文件中，所以我们能够不需要编译整个应用就能更新razor页面。

4.6K4 1

ASP.NET Core 入门教程 7、ASP.NET Core MVC 分部视图入门

一、前言 1、本教程主要内容 ASP.NET Core MVC (Razor)分部视图简介 ASP.NET Core MVC (Razor)分部视图基础教程 ASP.NET Core MVC (Razor...)强类型分部视图教程 2、本教程环境信息软件/环境说明操作系统 Windows 10 SDK 2.1.401 ASP.NET Core 2.1.3 IDE Visual Studio Code 1.30...、准备工作 VS Code 本身不提供 ASP.NET Core MVC 视图引擎（Razor）的智能感知。...另外，要特意说明的是，在VS Code 1.30版本，解决方案（Solution）视图的视图入口改到了侧边工具栏 image 二、ASP.NET Core MVC (Razor)分部视图简介 1、Razor...Consider using Tag Helper or IHtmlHelper.PartialAsync.

2.1K2 0

ASP.NET Core 1.1 简介

要将现有项目更新到ASP.NET Core 1.1 ，您需要执行以下操作： 1. 下载并安装更新的.NET Core 1.1 SDK 2....ASP.NET Core 1.1重新带回了预编译Razor视图的功能。这个视图编译器要添加到应用的project.json文件的“tools”部分，并且要带有对工具包的引用。...将视图组件用作标签助手现在，您可以使用Tag Helper语法从视图中调用View组件，并在Visual Studio中获得IntelliSense和Tag Helper工具的所有优点。...ASP.NET Core引入了DataProtection，它提供了加密相关的API。...备注本文是针对ASP.NET Core 1.1 的简介，希望本文对你有所帮助

2.4K6 0

Asp.Net Core 中的环境变量-14

Asp.Net Core 中的环境变量在本视频中，我们将讨论使用环境变量配置 asp.net Core 应用程序。软件开发环境在大多数软件开发组织中，我们通常具有以下开发环境。...那么，ASP.NET Core 也支持这些自定义环境。例如，要检查环境是否为 UAT，请使用 IsEnvironment()方法，如下所示。...Helpers 是 ASP.NET Core 中的新功能。...在一个 Razor 视图里面，也可以在.CSHTML 页面中进行使用，称为环境标记助手。此环境标记帮助程序支持根据ASPNETCORE_ENVIRONMENT变量的值呈现不同的内容。...在我们学习本课程并为我们的应用程序创建模型，视图和控制器时，我们将详细讨论 Tag Helpers，包括环境标记助手(Environment Tag Helper)。

1.9K3 0

ASP.NET Core 5.0 MVC中的 Razor 页面介绍

有关详细信息，请参阅 ASP.NET Core Blazor 布局。 @model 此方案仅适用于 Razor () 的 MVC 视图和页面。...指定 Razor 组件应直接处理请求。有关详细信息，请参阅 ASP.NET Core Blazor 路由。...有关详细信息，请参阅创建和使用 ASP.NET Core Razor 组件。 @ref 此方案仅适用于 Razor ( razor) 的组件。...有关详细信息，请参阅创建和使用 ASP.NET Core Razor 组件。 @typeparam 此方案仅适用于 Razor ( razor) 的组件。...有关详细信息，请参阅 ASP.NET Core Blazor 模板化组件。模板化 Razor 委托 Razor 模板允许使用以下格式定义 UI 代码段： @...

3051 0

Asp.net mvc 知多少（三）

该书主要分为两部分，ASP.NET MVC 5、ASP.NET WEB API2。本书最大的特点是以面试问答的形式进行展开。通读此书，会帮助你对ASP.NET MVC有更深层次的理解。...最初，ASP.mvc只有一种视图引擎web forms（aspx），从ASP.NET MVC3 引入了新的Razor视图引擎。除此之外，还有 Spark, NHaml 等第三方视图引擎。 Q26....介绍下Razor视图引擎? Ans. Razor引擎是从MVC3引入的一种高级视图引擎。Razor不是一种新的语言而是一种新的标记语义。 Razor提供的语义减少用户输入且富于表现力。...主要有三种Html Helpers: 1、** Inline Html Helpers **- 通过Razor@helper标签创建的帮助类，只能在同一个view中使用。...to C", "how to C++", "how to C#" }) 2、 Built-In Html Helpers - Built-In Html Helpers 是针对HtmlHelper的扩展方法

2.3K6 0

Blazor - .NET Core平台的SPA开发框架快速上手

什么是Blazor 随着ASP.NET Core 3.0 Perview的更新，微软发布了Blazor这一SPA的开发框架，官网的定义是“Full-stack web development with...看看结构 Blazor的整体项目结构类似于一个剥离了MVC的ASP.NET Core Web框架，由Pages和Shared来组成页面，本质上还是一个ASP.NET Core Web应用程序。... @page “/”表明当前页面为根页面，而非组件。中间由html内容构成。...“/counter” 表面组件名称 html内容及按钮 functions事件包含在@function中同样是与Razor的 cshtml页面一脉相承，来看下效果图。...创建页面首先在Pages文件夹下新建一个Todo.cshtml的新项目，不要新建Razor页面。

2.6K2 0

如何利用Serilog的RequestLogging来精简ASP.NET Core的日志输出

这是该系列的第一篇文章：在ASP.NET Core 3.0中使用Serilog.AspNetCore。...-3-reducing-log-verbosity/ 众所周知，ASP.NET Core的重要改变之一是把日志记录内置于框架中。...在这个简短的系列文章中，我将介绍如何使用Serilog的ASP.NET Core请求日志记录功能。...原生请求日志在本节中，首先让我们创建一个标准的ASP.NET Core 3.0的Razor pages应用，当然你也可以直接使用dotnet new webapp命令来进行创建。...这与ASP.NET Core通常使用的方法背道而驰，但建议用于Serilog。

1.6K1 0

【翻译】Asp.net Core介绍

This topic introduces the new concepts in ASP.NET Core and explains how they help you develop modern...Asp.net Core是重新设计过得新一代Asp.Net。此篇文章介绍Asp.net Core 如何帮助你开发先进的web应用。 What is ASP.NET Core?...Razor provides a productive language to create Views Razor 提供了一种创建视图的高效语言。...Tag Helpers enable server-side code to participate in creating and rendering HTML elements in Razor files...在Razor文件中，标签助手使服务器端代码参与创建和渲染Html元素成为可能。

1.1K10 0

正式开始学习ASP.NET Core 6 Razor Pages 介绍

ASP.NET Core Razor Pages 介绍我们将使用Visual Studio 2019使用 Razor Pages 创建新的Web应用程序。以下是步骤。...ASP.NET Webforms与Razor Pages ASP.NET Core Razor Pages框架是一种新技术，可以通过清晰地分离关注点来更快，更高效地构建以页面为中心的Web应用程序。...在一些ASP.NET Core Web应用程序中，也可以将两种模式（即ASP.NET Core MVC和Razor Pages）组合在一起。...学习什么Razor Pages或MVC 我个人认为ASP.NET Core 开发人员必须同时具备这两项技能-Razor Pages和MVC。...因此，如果您开始学习ASP.NET Core，建议先从ASP.NET Core入门教程开始然后再从 Razor Pages 教程开始。

3.7K1 0

vs2019:devExpress设置blazor工程

Create a New Project The steps below describe how to create a new Blazor project....Click Create a new project on Visual Studio's start page, select the Blazor App template, and click Next...await builder.Build().RunAsync(); } } Register the DevExpress.Blazor namespace in the _Imports.razor...Core Blazor ....If you enabled the ASP.NET Core hosted option when you create the project, make sure that the server-side

9723 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭