首页
学习
活动
专区
工具
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组件时采用了不必要解决方案。

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

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

    40240

    .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给后台发了一个消息,这个消息表示哪个按钮被点击了,后台会根据这个信息找到需要执行方法,方法执行完后通知前端进行页面跳转

    2K20

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

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

    73320

    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 中 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.7K40

    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

    35730

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

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

    1.6K50

    .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

    46620

    Blazor依赖项注入

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

    21410

    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

    .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 团队互动。

    22420

    Blazor入门_blazor视频教程

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

    4.7K20

    Blazor VS Vue

    在其最简单模式中,您可以简单地将核心 Vue 脚本包含在您应用程序中,然后开始构建您组件。...默认情况下,Blazor 会更新Nameon blur 值(当我们单击文本输入时),因此我们添加@bind-value:event="oninput"了使其我们开始输入时立即更新属性。...您现在可以应用程序中任意位置渲染此组件... A brief introduction to Blazor......传递数据 - Blazor从广义上讲,Blazor 具有相同两个用于管理状态主要选项。您可以使用属性将数据存储组件本身中(如Name我们示例中)或通过参数获取数据(如Headline)。...Blazor 组件模型Blazor 缺点新框架,需要时间来适应并获得采用没有明显方法可以无缝地将 Blazor WASM 添加到现有应用程序中工具也很年轻,将随着时间推移而发展撰写本文时,与 Vue

    4.3K30
    领券