调用AddProject给定的泛型类型参数和项目IServiceMetadata详细信息，将AspireSample.ApiService项目添加到应用程序模型中。...该项目确保所有依赖服务共享相同的弹性、服务发现和 OpenTelemetry 配置。...使用与将 Redis 容器添加到应用程序模型时使用的AddRedisOutputCache相同的调用。这将应用程序配置为使用 Redis 进行输出缓存。...这是将 API 项目添加到应用程序模型时使用的名称，配置了服务发现后，它将自动解析为 API 项目的正确地址。 在本地测试应用程序 示例应用程序现已准备好进行测试。...Traces：显示应用程序的跟踪，它可以跟踪通过您的应用程序的请求路径。找到/weather的请求，然后选择页面右侧的“查看” 。当请求穿过应用程序的不同部分时，仪表板应分阶段显示请求。
新的Razer扩展 Razor组件使用Razor语法编写，但编译方式与Razor页面和视图不同。为了明确哪些Razor文件应该编译为Razor组件，我们引入了一个新的文件扩展名：.razor。...在Razor组件模板中，所有组件文件现在都使用.razor扩展名。Razor页面和视图仍然使用.cshtml扩展名。...例如，该版本中的Razor组件模板指定Components文件夹下的所有.cshtml文件为Razor组件。...Razor组件在HTML中是完全呈现的。 Razor类库中的Razor组件 现在可以将Razor组件添加到Razor类库中，并使用Razor组件从ASP.NET核心项目引用它们。...为了在Angular应用程序访问页面时，要求对用户进行身份验证，我们将[AuthorizeGuard]应用到正在配置的路由上。
@attribute 新的@attribute指令将指定的属性添加到生成的类中。...要授权访问Blazor应用程序中的特定页面，请使用普通的[authorize]属性。可以使用新的@attribute指令将[authorize]属性应用于组件。。...要在Razor类库中包含静态资源，请将一个wwwroot文件夹添加到Razor类库中，并在该文件夹中包含所有必需的文件。...当具有静态资产的Razor类库被引用为项目引用或作为包时，来自库的静态资源在路径前缀_content / {LIBRARY NAME} /下可供应用程序使用。...发布应用程序后，所有引用的Razor类库中的伴随资源将以相同的前缀复制到已发布应用程序的wwwroot文件夹中。
@attribute 新的@attribute指令将指定的属性添加到生成的类中。...要授权访问Blazor应用程序中的特定页面，请使用普通的[authorize]属性。可以使用新的@attribute指令将[authorize]属性应用于组件。。...要在Razor类库中包含静态资源，请将一个wwwroot文件夹添加到Razor类库中，并在该文件夹中包含所有必需的文件。...当具有静态资产的Razor类库被引用为项目引用或作为包时，来自库的静态资源在路径前缀*_content / {LIBRARY NAME} /*下可供应用程序使用。...发布应用程序后，所有引用的Razor类库中的伴随资源将以相同的前缀复制到已发布应用程序的wwwroot文件夹中。
在本文中，我将讲解如何通过自定义ExceptionHandlerMiddleware，以便在中间件管道中发生错误时创建自定义响应，而不是提供一个“重新执行”管道的路径。...页面中的异常处理 所有的.NET应用程序都有可能会产生错误，并且不幸地引发异常，因此在ASP.NET中间件管道中处理这些异常显得非常重要。...服务器端呈现的应用程序（如Razor Pages）通常希望捕获这些异常并重定向到一个错误页面。...Razor Pages应用程序的最终结果是，每当生产中发生异常时，就会返回这个Error.cshtml 的Razor 页面： ? 这涵盖了razor 页面的异常处理，但是Web API呢？...该帮助类将一个生成响应的中间件添加到IApplicationBuilder方法扩展中。在开发环境中，它最终会调用WriteResponse方法，并且设置includeDetails: true。
本文接下来所指的组件都是非页面组件。 .razor 文件中，开头有 @page 标记的，就是页面组件，没有的就是非页面组件。 当然两者并没有严格的区分。...被多个组件使用，不同组件要呈现不一样的内容； 要根据父组件的配置，显示子组件； 组件 A 要求使用到的组件 B，显示其传递的内容； 简单来说，就是将页面内容作为复杂类型传递给另一个组件，要求这个组件显示出来...CaptureUnmatchedValues 属性允许参数匹配所有不匹配任何其他参数的特性。...示例如下： 创建 MyUIServer 类型， // 能够向所有正在打开的 Index.razor 页面发送通知 public static class MyUIServer...在 test 页面输入 Key 和 Value，点击按钮，即可通知到所有正在打开 Index.razor 的页面。
所有元素都必须自结束或具有匹配的结束标记。 无法将方法组 "GenericMethod" 转换为非委托类型 "object"。 是否希望调用此方法?...括号中的所有内容，并将其呈现到输出中。...@functions @functions 指令允许将 C# 成员（字段、属性和方法）添加到生成的类中： @functions { // C# members (fields, properties... @inject @inject指令使 Razor 页面可以将服务从服务容器注入到视图。 有关详细信息，请参阅视图中的依赖关系注入。... 你还可以将内联 Razor 模板作为参数提供给方法。 在下面的示例中， Repeat 方法接收 Razor 模板。
Razor 组件与 Razor Pages（页面）和 MVC 视图 (view) 相似，因为它们都使用 Razor。与基于“请求-响应”模型的页面与视图不同，组件专门用于处理 UI 合成。...，开发人员需要在各个不同的位置启用控制器、Razor 页面和 SignalR hub。...新的 Razor 指令 以下列表包含了新的 Razor 指令： @attribute — @attribute 指令将给定属性应用于生成页面或者视图的类。...默认情况下，Razor 类库 (RCL) 模板默认为用于 Razor 组件开发。Visual Studio 中新的模板选项为页面和视图提供模板支持。...Startup 构造函数注入的更改 通用主机仅支持一下类型的 Startup 构造函数注入： IHostEnvironment IWebHostEnvironment IConfiguration 仍然可以将所有服务以参数的形式直接注入
标记帮助程序是什么 标记帮助程序使服务器端代码可以在 Razor 文件中参与创建和呈现 HTML 元素。 例如，内置的 ImageTagHelper 可以将版本号追加到图片名称。 ...（我们使用“*”指定加载所有标记帮助程序），第二个参数“Microsoft.AspNetCore.Mvc.TagHelpers”指定包含标记帮助程序的程序集。 ...（将选择退出字符添加到开始标记时，Visual Studio 编辑器会自动为结束标记添加相应字符）。 添加选择退出字符后，元素和标记帮助程序属性不再以独特字体显示。...IntelliSense 会显示页面模型上的所有方法和属性。 由于属性类型是 ModelExpression，所以这些方法和属性可用。...接下来然我们在Razor页面上应用此标记帮助程序吧。
Introduction Razor Page Library 是ASP.NET Core 2.1引入的新类库项目，属于新特性之一，用于创建通用页面公用类库。...也就意味着可以将多个Web项目中通用的Web页面提取出来，封装成RPL，以进行代码重用。...h1 { color: red; } 然后将demo.css引用添加到page1.cshtml中。...从图中可以看出内嵌的demo.css文件，是以{程序集名称}.{文件路径}命名的。 那内嵌资源如何访问呢？...当然这也不是最好的解决方案，因为你肯定不想所有调用这个RPL的地方，添加这么几句代码，因为这段代码有很强的侵入性，且不可隔离变化。 5.
为了实现自动化，您可以传入所有参数值，我们将在以后的文章中讨论这个问题。在运行 dotnet scaffold 之前，请确保将目录 (cd) 更改为 .NET Core 项目所在的文件夹。...在这种情况下，我们看到两个选项，第一个选项是创建一个新的空 Razor 页面。第二个选项将基于项目的模型类生成 Razor 页面。...使用 Entity Framework 将值保存到所选的数据库提供程序中。让我们首先运行空脚手架，然后运行 CRUD 脚手架。空脚手架将生成一个带有关联代码文件的新 Razor 页面。...用于 CRUD 操作的 Razor Pages 已添加到 Pages 文件夹中 内容已生成，但数据库尚未初始化。...添加一些联系人后，它们将显示在此页面上，如下所示。 现在您有一个可以管理联系人列表的 ASP.NET Core Razor Pages Web 应用。
VPS 文件中转下载服务后，如何将下载的文件以 Blazor 的方式传出到浏览器的方法。...，这个是应用的根页面，也就是整个网站的完整骨架，@page "/" 指定了路由，表明不带任何路径来访问就是到这个页面。...可以看到它有着完整的 html 结构，非 html 常规标签的那些一般都是 Razor 组件，其中 body 后紧跟的一行的那个组件就是其它具体页面将会填充的位置： 当然，也不是直接填充过来，而是通过一个...App 组件，分为找到页面和未找到页面的情况，找到的页面默认使用 MainLayout 布局模板： MainLayout.razor 通过使用 @inherits LayoutComponentBase...这个继承声明来表明自己布局模板的身份： 可以看到整体布局包括侧边菜单栏和右侧主内容区，主内容区中又分为放关于按钮的顶栏以及实际内容区： 侧边菜单栏由 NavMenu 组件渲染，菜单项中的导航链接是
Razor类库也是一种.NET项目类型，它包含 Razor 组件、页面、HTML、级联样式表 (CSS) 文件、JavaScript、图像和其他可由 Blazor 应用程序引用的静态 Web 内容。...将默认的Component1.razor文件重命名为ModalDialog.razor，首先将下面的Razor内容添加到ModalDialog.razor中： @if (Show) { 参数设置组件的内部内容 可以使用 Show 参数控制对话框的显示状态 为了好看点，添加以下样式内容到 ModalDialog.razor.css中：...在Blazor应用中使用Razor类库 首先，我们通过添加引用的方式，将刚刚创建的Razor类库引用到我们的项目中。 dotnet add reference ...../EDT.BlazorComponent.Dialog 然后，我们以 Home.razor 页面为例，在这个页面中使用刚刚的ModalDialog。 Step1.
SurveyPrompt 就是一个组件，参看上文目录中，Shared文件夹中的，SurveyPrompt.cshtml 页面的代码风格与Razor 风格的cshtml页面类似，但是也使用了XML风格的标签来作为组件的引用...，参数类型为int，自动装配，赋默认值 这样在调用组件时就可以给其添加参数。...创建页面 首先在Pages文件夹下新建一个Todo.cshtml的新项目，不要新建Razor页面。...@page "/todo" @model test.Pages.TodoModel @{ } Todo 添加到导航 将当前“页面”添加到导航栏（NavMenu组件，即Shared...应用，组件的高度可复用性的特点，也符合SPA的要求，并且Blazor采用的Razor语法已经依赖注入等特性，能使得开发者构建一个SPA变得十分简单方便。
这也仅适用于在HttpContext可用的值。在这篇文章中，我将展示如何在过滤器中使用IDiagnosticContext，以及将MVC特定值添加到日志中。...您可以在此处将所需的任何其他数据添加到日志中。只需注意记录参数值-切记不要记录敏感或个人身份信息！...如果要为选择的给定Razor页面记录HandlerName，则需要创建一个自定义的IPageFilter。 页面过滤器直接类似于Action过滤器，但它们仅适用于Razor页面。...页面”的请求现在可以看到添加的附加属性，IDiagnosticContext这些属性将添加到Serilog请求日志中。...要将与Razor页面相关的属性添加到Serilog请求日志中，请在IPageFilter中使用IDiagnosticContext的相同方法创建和添加属性。
如上面的代码片断所示，除了将当前ControllerContext和View文件虚拟路径作为构造函数的参数之外，该构造函数还具有额外两个参数，其类型分别是IViewPageActivator和IDependencyResolver...对于Razor引擎默认创建的RazorView，RunViewStartPages属性为True（意味着总是会执行开始页面）。...RazorView在RenderView方法中对其进行初始后调用ExecutePageHierarchy方法将整个页面内容呈现出来。...最后我们创建WebPageContext对象，并将它和表示开始页面的WebPageRenderingBase对象作为参数调用WebViewPage的ExecutePageHierarchy方法实现对整个页面的呈现...最后我们创建ViewContext，并将其作为参数调用SimpleRazorView的Render方法将默认的View呈现出来。
创建布局 新建一个Razor页面，所有新增的布局都要继承LayoutComponentBase，同时标识自定义内容的输出位置，即标识Body的位置。如图所示： ?...应用布局 我们修改一下index.razor页面中的代码，增加@layout MyLayout。运行后，按F12查看网页源代码如下： ?...@page "/Index/{Theme}" 接收参数的方式也很简单，需要声明一个get;set的属性，并且必须是public的，同时需要用Parameter特性去标识。...@inject NavigationManager NavigationManager 成员 描述 Uri 获取当前的绝对URL BaseUri 获取根URI（末尾带斜杠），然后以此追加相对路径进而组合成绝对...给定一个根 URI（例如，以前由BaseUri返回的 URI），将绝对 URI 转换为带有根URI 前缀的相对 URI 其他 Blazor虽然提供了十分丰富而又灵活的路由功能，但目前还没有一个明确的功能让我们使用可选参数
这节讲一下Razor页面。 首先要明确，Razor 不是一种编程语言。它是服务器端的标记语言，配合C#语言，就可以像PHP语言语言一样（但它们并不相同），处理HTML页面逻辑。...作为渲染HTML页面的功能，Razor的基本语法是 @{多行C#代码} 或者 @单行C#代码，Razor文件的扩展名为.cshtml 在Asp.NetCore MVC 程序中，Razor页面承载了所有的...View渲染，在Controller中，通过Action 中的View()方法将Action和其对应的Razor页面做绑定。...return View(1); //使用传参的形式 下图一为对应的在Razor页面中数据渲染的方式，Model值就是View()方法传入的参数，这个参数是一个自定义类型，要在页面顶部先声明这个属性...参数名=1，参数可以设置多个，根据自己的需求即可。 对于Razor页面相关，暂时先讲这些，后续在实例开发讲解中，会详细涉及...
这篇文章会提供更详细的说明 把Identity基架添加到一个空项目 把Identity基架添加到一个 不存在 认证(authentication)的 Razor项目(即项目中原来不存在认证的项目) 把...Identity基架添加到一个 存在 认证(authentication)的 Razor项目（即项目中原来存在认证的项目） 把Identity基架添加到一个 不存在 认证(authentication...这里，要说下这个路径了，为什么会是上图标示的这个路径呢 下面展示下目录结构，如下图： ?...就不再给出详细图示，可以自己按步骤操作，如果有需要，后面再补充 把Identity基架添加到一个 不存在 认证(authentication)的 Razor项目 1.首先，准备一个项目中原来不带认证的...存在 认证(authentication)的 Razor项目 1.首先准备一个项目中原来存在认证的项目 2.把Identity基架添加到项目中 在项目上右键，添加->新搭建基架的项目 标识-
二、ASP.NET Core MVC 视图引擎(Razor)简介 1、ASP.NET Core MVC 视图引擎(Razor)概述 在MVC架构模式中，视图引擎/模板引擎负责将控制器(Controller...控制器(Controller)再将渲染的结果返回给请求的客户端。 在 ASP.NET Core MVC框架中，提供了视图引擎：Razor。 Razor提供了后缀为.cshtml的视图模板。...Razor 就相当于Java平台常用的 Freemarker、Thymeleaf 2、Razor视图模板文件位置与指定 视图文件位置 Razor视图模板文件通常放在根目录Views文件夹对应控制器的子目录中...这是因为按照 ASP.NET Core MVC框架的约定，当我们在控制器(Controller)返回一个视图(return View();)时,如果只指定了视图名称（ViewName），并没有指定视图的完成路径...ViewBag 的语法使添加到控制器和视图的速度更快。 ViewBag 更易于检查 NULL 值。 示例：@ViewBag.Person?.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
