首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在哪里可以找到Blazor默认包含的组件列表?

Blazor是一个用于构建基于WebAssembly的交互式Web应用程序的开源框架。它允许开发人员使用C#和.NET技术栈来构建客户端Web应用程序,而无需编写JavaScript代码。

在Blazor中,默认包含了一些常用的组件,可以在Blazor官方文档中找到它们的列表。你可以访问Blazor官方文档的组件部分,该部分提供了关于Blazor默认包含的组件的详细信息。

Blazor官方文档的组件部分链接地址:https://docs.microsoft.com/aspnet/core/blazor/components/?view=aspnetcore-6.0

在该文档中,你可以找到Blazor默认包含的组件列表,以及每个组件的概念、分类、优势和应用场景的详细说明。此外,文档还提供了每个组件的用法示例和代码片段,以帮助开发人员更好地理解和使用这些组件。

需要注意的是,Blazor是由微软开发和维护的,因此在回答中不能提及其他云计算品牌商的相关产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Blazor路由和路由模板

目前所有 Web 开发框架都具有路由组件Blazor 也不例外。本文中,我将探讨 Blazor 路由引擎实现和编程接口。 路由引擎 Blazor 路由引擎是客户端运行组件。...然而,它实现是由浏览器中下载一个程序集中找到 C# 代码组成,并通过 WebAssembly 处理器运行。...路由模板 路由是将 URL 与已知 URL 模式列表绑定在一起过程。 Blazor 中,URL 模式或路由模板被收集路由表中。...例如, ASP.NET Core 中,开发人员可以通过以编程方式将路由添加到表中来显式定义路由,让系统使用默认路由约定或使用控制器方法上属性来确定候选项。...该组件包含用于控制匹配方式属性。你可以执行严格匹配或前缀匹配。 此外还可以通过编程方式触发 Blazor 路由器。

8.4K21

.NET 8 Release Candidate 1 (RC1)现已发布,包括许多针对ASP.NET Core重要改进!

可以文档中找到完整ASP.NET Core.NET 8中新功能列表[1]。一些领域(尤其是Blazor)仍然有一些重大变更待完成,我们预计将在下一个.NET 8候选版本中完成这些变更。...以下是此预览版中新功能摘要: 服务器和中间件 默认情况下禁用HTTP/3 API编写 最小API、MVC和SignalR中支持键入服务 Blazor Blazor Web App模板更新 从额外程序集中发现用于静态服务器呈现组件...Blazor Web App模板更新 .NET 8中,我们一直增加Blazor功能,以便您可以使用Blazor组件来满足您所有Web UI需求。...我们将Blazor路由器移动到了新组件,并移除了其参数,因为它从未被使用过。Routes 我们将默认Blazor错误UI移到了组件中。...已经找到了原因,并在RC2中解决了此问题。 Blazor Web App模板创建多个计数器组件 Blazor Web App启用交互式WebAssembly组件时采用了不必要解决方案。

32940
  • Blazor资源大全,很棒Blazor(3)

    最简单情况下,Blazor United首次访问网站时提供服务器端渲染,以便您可以随时间加载更大客户端组件。...这打开了一个可能性,即WebAssembly中代码可以在任何地方运行-任何操作系统、任何语言,使用任何可用计算资源。这使得可以客户端、服务器和中间任何位置运行代码成为可能。时长:55分钟。...Blazor 最小项目模板 - 一个不包含 JavaScript 和 CSS 库 Blazor 应用程序项目模板包。...创建 Blazor 组件 - 2019年12月 - 构建 Blazor 应用程序就是构建组件。本课程对于深入理解组件至关重要。 Pluralsight 上。...播放列表 - Blazor 中编程 - [西班牙语] 关于 Blazor 一系列视频。 Insights from the oracle - [德语] 关于 Blazor 博客。

    42240

    .NET Core 3.0 Preview 6中对ASP.NET Core和Blazor更新

    key指令属性,以指定Blazor diffing算法可用于保留列表元素或组件值(任何对象或唯一标识符)。...通过使用@keydiffing算法添加键可以关联新旧元素或组件。 @namespace *_Imports.razor*文件中使用时,指定生成类或名称空间前缀名称空间。...要授权访问Blazor应用程序中特定页面,请使用普通[authorize]属性。可以使用新@attribute指令将[authorize]属性应用于组件。。...AuthenticationStateProvider无论是服务器上运行还是浏览器中运行客户端,新服务都会以统一方式使Blazor应用程序可以使用身份验证状态。...默认用户主体是从证书属性构造,其中包含一个允许您补充或替换主体事件。有关如何为证书身份验证配置公共主机所有选项和说明,请参阅文档。

    6.7K20

    结合使用 C# 和 Blazor 进行全栈开发

    浏览器中运行 Blazor Web 应用程序可以与 C# 后端服务器共享代码。可以将逻辑放入共享库中,并在前端和后端使用它。这会带来很多好处。...若要尝试解决这种不匹配问题,需要涉及复杂规则框架和额外抽象层。使用 Blazor可以客户端和服务器上运行同一 .NET Core 库。 虽然 Blazor 仍是试验框架,但它进展迅速。...“新建项目”对话框中,依次单击“ASP.NET Core Web 应用程序”和“确定”,再选择图 1 所示对话框中Blazor”图标。单击“确定”。这会创建默认 Blazor 示例应用程序。...此函数需要使用 fieldname 参数,并返回包含相应字段错误列表字符串。...TextInput 组件包含输入标签、输入文本框、验证错误消息,以及在用户键入内容同时更新模型逻辑。Blazor 组件非常易于编写,并提供了将接口分解为可重用部分强大方法。

    6.7K40

    .NET Core 3.0 Preview 6中对ASP.NET Core和Blazor更新

    key指令属性,以指定Blazor diffing算法可用于保留列表元素或组件值(任何对象或唯一标识符)。...通过使用@keydiffing算法添加键可以关联新旧元素或组件。 @namespace _Imports.razor文件中使用时,指定生成类或名称空间前缀名称空间。...要授权访问Blazor应用程序中特定页面,请使用普通[authorize]属性。可以使用新@attribute指令将[authorize]属性应用于组件。。...AuthenticationStateProvider无论是服务器上运行还是浏览器中运行客户端,新服务都会以统一方式使Blazor应用程序可以使用身份验证状态。...默认用户主体是从证书属性构造,其中包含一个允许您补充或替换主体事件。有关如何为证书身份验证配置公共主机所有选项和说明,请参阅文档。

    6K20

    ASP.NET Core Blazor 初探之 Blazor Server

    Blazor Server模式可以让一些不支持WebAssembly浏览器可以运行Blazor项目,可是问题也是显而易见,基于SignalR双向实时通信给网络提出了很高要求,一旦用户量巨大,对服务端水平扩容也带来很大挑战...,Blazor Server用户状态都维护服务端,这对服务端内存也造成很大压力。...新建Blazor Server项目 打开vs找到Blazor Server模板,看清楚了不要选成Blazor Webassembly模板。 ? 看看生成项目结构: ?...跟上次一样,先删除默认生成一些内容,减少干扰,这里不多说了。...我们可以看到点击保存时候客户端同样没有发送任何Http请求,而是通过websocket给后台发了一个消息,这个消息表示哪个按钮被点击了,后台会根据这个信息找到需要执行方法,方法执行完后通知前端进行页面跳转

    2.1K20

    Blazor资源大全,很棒Blazor(2)

    用于服务器端和客户端应用程序快速数据网格、列表视图、输入框和其他原生Blazor组件。...所有组件都有默认可自定义模板,并支持虚拟化和拖放。组件渲染是元数据驱动,因此组件配置部分是自动,部分可以通过数据注释驱动。...它专为Blazor设计,并包含一个易于使用Razor组件。...几分钟内使用Blazor构建交互式待办事项列表 - 2022年8月28日 - 本教程中,我们将学习如何使用Blazor创建一个待办事项列表,并使用Bootstrap改进页面。...Blazor绝对初学者21分钟 - 2022年8月22日 - 本教程中,您将学习使用Blazor构建网站基础知识,以及默认Blazor项目模板工作原理。

    78120

    图解 .NET 8 中 Blazor 新特性 - .NET Conf 2023实况直击

    交互性 交互性在此前很少提到,只有Blazor口号——“使用C#而不是JS来构建交互性WebUI”中有提到,因为此前Blazor默认就是富交互性。...前面讲“静态”渲染,是“交互性”程度最低。 从 .NET 8 开始,Blazor从以前全局交互性变为页面级和组件级交互性。意思就是全局默认是静态可以局部选择交互性渲染方式。...另外最新版VS还支持了Blazor页面脚手架,终于可以跟MVC/Razor Pages一样通过VS点点鼠标就创建一个CRUD页面了! 新增页面 列表页面用了QuickGrid。有我代码贡献!...如果 api 还配合了JS前端框架,那么也可以通过 custom element 来引入 Blazor 组件和页面。 这个指引是递进,适应在不同场景中集成 Blazor。...对于大额捐助,可以我们项目网站和今后推广中提供品牌推广。

    1.8K40

    ASP.NET Core Blazor 初探之 Blazor WebAssembly

    Blazor强化了Razor模板引擎,并且借鉴了当前热门前端框架优点,比如双向绑定技术,组件化,使前端开发敏捷高效。如果你对NG,VUE等框架熟悉那么很容易找到其中共通点。...新建Blazor WebAssembly项目 打开vs找到Blazor项目模板,就是那个特别像火影标志那个图标。新建一个项目名叫BlazorWebAssemblyApp。...NavigationManager是默认注册到IoC容器,所以可以直接使用@inject注入到需要地方: @inject NavigationManager NavManager 调用NavigateTo...因为SPA跟传统Web项目不同,它可以完整维护状态,所以如果我们把列表数据存起来,那么其他地方可以很方便直接在内存里查询到,高效又便捷。...其中每个知识点都可以再深入展开来写一篇。我们使用Blazor几乎没用JavaScript情况下顺利完成了一个SPA,总体感觉还是比较良好

    6.6K10

    .NET 8 Preview 6发布,支持新Blazor呈现方案 和 VS Code .NET MAUI 扩展

    预览版 6 中Blazor 占据了 ASP.NET Core项列表主导地位,还获得了增强页面导航和表单处理、部分改进和其他工作。而且为了进一步实现统一,团队整合了一些模板。...它们是 Blazor 统一工作一部分,旨在使 Blazor 组件能够满足所有 Web UI 需求,这些组件源于 Blazor 创建者 Steve Sanderson 所做工作。....NET 8 Preview 6 里 Blazor 相关多个工作项,包括: Blazor 新服务器端呈现模式现在可以对绑定进行建模并验证 HTTP 表单发布值。...开发人员现在可以使用 Blazor WebAssembly 启用组件交互式呈现。...开发人员现在可以使用指令属性@rendermode指定组件实例呈现模式 2023年7月11日 同时发布了 Visual Studio Code Marketplace 中全新 .NET MAUI

    48820

    Blazor项目VisualStudio调试时配置运行基础目录

    最近在使用 Blazor 开发管理后台时遇到了如下问题,我这里后台整体采用了 AntDesignBlazor 组件库,在上线之后发现ReuseTabs组件使用过程中,如果默认 / 没有指定为项目的base...本地开发时候项目是直接启动运行,所以访问目录为 https://localhost:port/ ,Blazor base 值也是默认 / 。...,不好调试,为了模拟出类似线上二级目录环境,经过一番折腾之后找到了如下方法。...选中我们 Blazor 项目右击属性,然后左侧找到 调试-常规 ,点击打开调试启动配置文件UI 然后命令行参数中输入,--pathbase=/consoul 然后找到 Blazor 项目的...,有任何不明白可以文章下面评论或者私信我,欢迎大家积极讨论交流,有兴趣朋友可以关注我目前维护一个 .NET 基础框架项目,项目地址如下 https://github.com/berkerdong

    1.6K50

    Blazor入门_blazor视频教程

    这些应用程序可以使用了开放Web标准浏览器中运行。让我们开始使用Blazor吧。...Data — 项目创建时,默认情况下会提供与Entity Framework相关nuget软件包。这个文件夹包含一个迁移文件,用于创建和身份验证相关表,例如用户,角色等。...此外,它还包含“DBContext”文件,模型和服务。该服务获取默认演示页面的天气预报详细信息。 Pages — 如果你是.NET 开发人员,可能听说过Razor。Blazor应用程序基于组件。...组件是可重用构建块。它可以是单个控件,也可以是具有多个控件块。这些组件以 Razor标记编写。...默认情况下,应用程序 localdb中创建数据库。或者,你可以根据需要在 appsetting.json中修改连接字符串。

    4.7K20

    ASP.NET Core 3.0 新增功能

    Blazor 框架支持场景: 可重用 UI 组件(Razor 组件) 客户端路由 组件布局 对依赖注入支持 表单与验证 使用 Razor 类库构建组件库 JavaScript 互操作 有关更多信息...Blazor Server Blazor组件渲染逻辑与 UI 更新逻辑进行了解耦。Blazor Server 支持服务器上 ASP.NET Core 应用程序中承载 Razor 组件。...Razor 组件 Blazor 应用程序是由组件 (components) 构建而成组件是自包含用户界面元素,例如页面、对话框或者表单等。...新 Razor 指令 以下列表包含了新 Razor 指令: @attribute — @attribute 指令将给定属性应用于生成页面或者视图类。...默认用户主体 (user principal) 是根据证书属性构建。用户主体包含一个事件。通过相应该事件,可以补充或者替换该主体。

    6.7K30

    WPF混合Blazor做个简易聊天小程序

    大家好,我是沙漠尽头狼。 今天尝试了下WPF混合Blazor开发,感觉不错,顺便把测试程序简单分享下:WPF混合Blazor开发一个简易对话程序。...view=aspnetcore-7.0 效果 UI使用了Masa Blazor,效果个人感觉不错,如果用WPF实现,要麻烦不少,以下是几个效果截图: 用户列表窗口 使用了Masa Blazor列表组件...,代码几乎是直接Copy过来,参考链接Masa Blazor列表[4]: 用户列表 聊天窗口 这个简单,左侧是一个列表,同上面的用户列表类似,只是去掉了上方蓝色MToolbar和用户详细描述信息...Prism中是默认注入了,如果Razor中使用还要注入到IServiceCollection中。.../ [4] Masa Blazor列表: https://blazor.masastack.com/components/lists

    1.7K30

    「译」 用 Blazor WebAssembly 实现微前端

    Blazor 路由组件指定搜索可以访问路由组件程序集,当用户访问到路由菜单,路由组件也负责渲染,应用路由组件(App.razor) 添加一个 OnNavigateAsync 回调,当用户第一次直接从浏览器导航到路由时...,OnNavigateAsync 被调用执行,如果延迟加载程序集包含了可路由组件,添加一个 List,如果程序集包含可路由组件,则将程序集传递回 AdditionalAssemblies...OnNavigateAsync内部,实现了要指定加载哪些程序集,Options 包含了一个OnNavigateAsync方法内部条件检查,将路由映射到程序集名称查找表中,这些名称可以注入到组件中,...也可以代码内实现。...总结 在这篇文章中,我们演示了如何将不同组件作为独立库进行维护,另外,我们利用延迟加载来按需加载不同模块,而不是启动时就开始加载所有的模板,这样也可以提升程序启动速度,让用户体验更好。

    2.7K20

    Blazor学习之旅(7)布局

    本篇,我们来了解下在Blazor布局。 什么是布局 Blazor布局可以让我们编写页面具有相同导航菜单和页头页脚部分,提高通用代码复用性,通过一次性编写通用代码从而减少重复劳动。...默认Blazor布局 如果从 Blazor 项目模板创建了 Blazor 应用,则该应用默认布局为 Shared/MainLayout.razor 组件。...查看MainLayout.razor组件,我们可以发现: (1)布局组件必须继承于LayoutComponentBase类 (2)必须要在引用组件位置添加@Body指令 (3)不包含@page指令因为它不直接处理请求...HTML效果: 通常在Blazor应用中,我们会直接在App.razor中设置默认布局组件,这样就可以将布局应用于该Blazor应用中所有组件。... 此外也可以_Imports.razor文件中覆盖默认布局设置,如下所示: @using System.Net.Http

    38430

    .NET周报 【6月第3期 2023-06-18】

    /p/17474733.html 前段时间有位朋友找到我,说他程序界面操作起来很慢并且卡顿等一些不正常现象,从任务管理器看了下 GDI句柄 已经到 1w 了,一时也找不出什么代码中哪里有问题,让我帮忙看下...SDK:非默认包含 Alpine ASP.NET Core Docker 复合图像 使用新 Ready-to-Run 格式编译 ASP.NET Core,将程序集组合成单个二进制文件(复合)以减小大小等...应用程序项目模板 与 Blazor 路由器端点路由集成 为 Blazor Server 各个组件启用交互 增强 Webcil 包 Blazor 内容安全策略 (CSP) 兼容性 API创作 支持通用属性...您可以管理邮寄列表和时事通讯订阅、发送可定制电子邮件,并获得一套完整工具,包括管理仪表板。 它是 ServiceStack 一部分,对个人和开源项目免费。...您可以社区中进行讨论并与 Microsoft 团队互动。

    22920

    Blazor依赖项注入

    依赖注入 (DI) 是一种通过关注点分离来促进软件松散耦合技术。 Blazor 应用程序上下文中,DI 鼓励你为特定任务开发离散服务,然后将这些服务注入到需要使用其功能组件和类中。...数据访问和日志记录不是 Razor 组件主要关注点。执行日志记录或提取数据代码不属于 UI 组件 Razor 组件包含此类代码会违反单一原则。...如果要在组件上运行单元测试,则需要找到一种方法,将类替换为实际上不与数据库或 Web 服务通信假类或模拟类。现在想象一下,如果这个问题扩展到数十个或数百个组件。...单一实例Singleton:应用程序生命周期中只创建一个服务实例。所有用户Blazor Server应用程序中共享同一个实例。...每个用户都可以WebAssembly应用程序中有效地获得自己版本。。

    22210
    领券