Blazor is没有开火 - 腾讯云开发者社区

文章/答案/技术大牛

发布

Blazor入门_blazor视频教程

这篇文章演示了如何使用Blazor构建SPA应用。Blazor简化了可在任何浏览器中运行的快速且美观的SPA的任务。它通过使开发人员能够编写基于Dotnet的Web应用程序来实现此目的。...让我们开始使用Blazor吧。...开始使用首先，在创建新项目时搜索“Blazor”，然后选择“Blazor 应用”。点击“下一步”，在出现的页面上输入项目名称，并选择适当的项目存储的位置。...总结简而言之，本文试图介绍 Blazor，以及如何使用 Blazor创建你的第一个应用程序。除此之外，我们还讨论了托管模型，身份验证，授权的实现以及默认页面中使用的指令。...下一步工作除了此篇文章外，我还计划写其他几篇文章：使用 Blazor和 EntityFrameworkCore进行CRUD操作 Blazor中模型验证 Blazor应用程序的容器化

6K2 0

Blazor-Blazor呈现概念

静态和交互式呈现概念在Blazor开发中，Razor 组件具备两种重要的呈现方式，分别是静态呈现和交互式呈现。静态呈现也被称为静态渲染，是一种典型的服务器端方案。...另一方面，在客户端的浏览器中，基于 WebAssembly 的 Blazor 运行时能够处理事件，这使得用户在浏览器端就能获得即时的交互反馈，极大地提升了用户体验，像一些在线表单填写、实时数据可视化展示等功能...对于这种类型的呈现，应用的客户端生成的 UI 没有 HTML 从服务器发送到客户端。假定用户可与页面交互。没有静态客户端呈现之类的概念。...CSR 假定是交互式的，因此行业或文档中不使用“交互式客户端呈现”和“Blazor CSR”。...○ 交互式 SSR：Blazor 事件允许用户交互，并且 Razor 组件状态由 Blazor 框架维护。

4870 0

您找到你想要的搜索结果了吗？

是的

没有找到

Blazor学习之旅 (14) Blazor WebAssembly

Blazor 是在 .NET 和 Razor 上构建的用户界面框架。...除此之外，Blazor还提供了另一种模式，就是我们今天要学习的 Blazor WebAssembly！...Blazor WebAssembly（有时简称为 Blazor WASM）是 Blazor 用户界面框架的实现，在所有新式浏览器中均包含的 HTML5 标准 WebAssembly 运行时上运行。...当然，这两种类型都不需要你有太多甚至都可以没有JavaScript的知识就可以完成全栈开发，无论是SPA还是MPA，这是Blazor对于.NET开发者最大的意义！...} public int TemperatureF => 32 + (int)(TemperatureC / 0.5556); } } 需要注意的是，在这个模板示例中，它并没有真正的调用

1.5K1 0

Blazor-Blazor WebAssmbly项目结构（下）

Blazor-Blazor WebAssmbly项目结构（上）接上次这次我们继续来说说剩余的项目文件 _Imports.razor _Imports.razor 文件的功能是定义一组 Razor 指令或命名空间

3460 0

Blazor资源大全，很棒的Blazor(2)

我们知道我们应该测试，但我们没有时间。那么我们如何让更多的开发人员进行测试呢？我们可以创建更好的工具。...Playwright的代码生成为您生成测试，所以现在您真的没有借口了。是时候玩转您的测试了。...在使用Blazor WebAssembly应用程序时，我们经常忽视适当的状态管理的重要性。如果没有良好的理解和正确的策略，我们的应用程序可能会被具有不良行为的组件污染，我们最终会后悔糟糕的选择。...在Blazor WebAssembly中持久化数据 - 2022年6月3日 - Carl使用基于IndexedDB的客户端存储库来持久化数据，即使没有互联网连接。...文章状态没有改变？为什么和何时重新渲染 Blazor 组件 - 2023年4月12日 - 迟早，当您构建 Blazor UI 时，您会遇到一个情况，即您的组件在您期望时没有重新渲染。

3.2K2 0

Blazor 修仙之旅 - Ant Design of Blazor

一.前言这是《Blazor 修仙之旅》的第三篇，前面两分别是《初次尝试》、《组件与数据绑定》，直接到这里上 Ant Design 确实连不起来，跨度比较大，其实我也是在边学边写，看的是官方文档，我觉得中间这部分重复写博客的意义不大...Ant Design of Blazor 介绍 ant-design-blazor 是国内开发者 ElderJames 创建的一个开源项目。...顾名思义，ant-design-blazor 是 Ant Design 的 Blazor 实现，开发和服务于企业级后台产品。 ✨ 特性 ? 提炼自企业级中后台产品的交互语言和视觉风格。 ?...从ant-design-blazor README 摘点内容撑一撑篇幅（手动滑稽）三.使用直接新建一个 Blazor WebAssembly 项目，或者使用前两篇文章中的 Demo。...四.Ant Design of Blazor 资料文档：点我开源地址：点我

1.4K1 0

Blazor学习之旅(1)初步了解Blazor

什么是Blazor？ Blazor是微软近年来主推的，基于C#、HTML与CSS来构建交互式Web UI的框架。借助 Blazor，开发人员可以使用 C# 生成客户端和服务器代码。...Blazor的两种模式（1）Blazor Server模式 Blazor Server 是 Blazor 用户界面框架（作为 ASP.NET Core Web 开发框架的一部分）的实现，并部署到 Web...综合上述准则，决定在下一个应用程序中使用 Blazor WebAssembly 还是 Blazor Server 时，请参考下表。 Blazor和主流前端框架如何选择？...说到Blazor，必然会有人拿它跟现有广泛应用的前端三大JS框架（React/Vue/Angular）对比，我也阐述一下个人观点。首先，Blazor在框架设计上并没有闭门造车。...最后，我想说：对传统行业的数字化转型来说，只有适合的技术，没有最好的技术。下一篇，就让我们开始写第一个Blazor应用程序吧！

2.2K2 0

Blazor-Ant Design of Blazor快速开始

近期准备选用个Blazor的前端UI框架来进行系统的开发，快速实现，准备从主流的UI组件框架中进行选择，我们先来看看你Ant Design of BLazor框架如何？...Ant Design Blazor 是一个基于 Blazor 框架的开源组件库，采用了 Ant Design 的设计风格。...模板来创建一个开箱即用的 Ant Design Pro 新项目：安装模板 dotnet new --install AntDesign.Templates 运行：从模板创建 Ant Design Blazor

3191 0

Blazor资源大全，很棒的Blazor（1）

介绍什么是Blazor？ Blazor是一个用于使用C#构建客户端Web应用程序的.NET Web框架。 Blazor允许您使用C#而不是JavaScript构建交互式Web用户界面。...入门要开始使用Blazor，请按照Blazor入门[23]文档中的说明进行操作。在Microsoft Learn上完成使用Blazor构建Web应用程序[24]学习会议也是一个不错的主意。...通用 ASP.NET博客存档[27] - 关于Blazor的ASP.NET博客存档。 Blazor[28] - Blazor的官方网站，来自Microsoft。....NET基金会上的Blazor-Dev库[30] - Blazor“dev”分支的每日构建。 Blazor扩展[31] - 为Microsoft ASP.Net Core Blazor精选的扩展。...Blazor + WebWindow[91] - WebWindow[92]类似于Electron，但不需要捆绑Node.js或Chromium，并且没有大部分API。

2.1K5 0

Blazor资源大全，很棒的Blazor(3)

Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server 构建 Web 应用程序 - Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server...Blazor 简明指南 - 2020年4月16日 - 一本免费的入门 Blazor 框架的电子书。 Blazor，入门指南 - 2020年3月18日 - 一本免费的入门 Blazor 框架的电子书。...Learn Blazor - Blazor 的社区文档。 Blazor 帮助网站 - 主要涵盖服务器端 Blazor 的博客和代码示例。 Blazor 实用示例 - Blazor 的实用示例。...Blazor 服务器端实用示例 - Blazor 服务器端的实用示例。 Reddit - Blazor 的 Reddit 子论坛。...现代化的 Blazor Web 应用 - [意大利语] 关于 Blazor 的视频。

1.6K4 0

Blazor-Blazor WebAssmbly项目结构（上）

public class Program { public static async Task Main(string[] args) { //运行 Blazor...builder.RootComponents.Add("#app"); //表示在根组件集合中添加 HeadOutlet 组件，该组件是 Blazor...4.inspectUri：在 Blazor WebAssembly 应用程序上启用调试的 URL 地址。

5241 0

ASP.NET Core Blazor 初探之 Blazor Server

上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly)。这次来看看Blazor Server该怎么玩。...Blazor Server Blazor 技术又分两种： Blazor WebAssembly Blazor Server Blazor WebAssembly上次已经介绍过了，这次主要来看看Blazor...这次很奇怪并没有发生任何Http请求，那么我们的Add页面是哪里来的呢，让我们继续看Websocket的消息： ? ?...我们可以看到点击保存的时候客户端同样没有发送任何Http请求，而是通过websocket给后台发了一个消息，这个消息表示哪个按钮被点击了，后台会根据这个信息找到需要执行的方法，方法执行完后通知前端进行页面跳转...我们在文本框里填写的数据貌似没有传递到后台，这就不符合逻辑了啊。想了下有可能是文本框编辑的时候数据就提交回去了，让我们验证下： ?

2.5K2 0

Day 03：Blazor Server和Blazor WebAssembly的差异

下载Visual Studio后首先建立一个Blazor解决方案，里面建立Blazor Server项目，方案位置可以自己选择(注：新版Visual Studio将Blazor Server跟Blazor...创建解决 Blazor 两种模板应用创建Blazor Server应用配置Blazor Server应用选择.NET 6 运行运行+F12 F5重新加载网页 SignalR连接...接着清空下载到浏览器的文件，再点击Counter和Fetch data页面，在以前的网站中这是刷新网页操作，会重新下载该网页所需文件，但是可以看到这两页都没有下载东西(有favicon.ico下载，聪明的你知道什么原因吗...同一解决方案新建项目选择Blazor WebAssembly应用 Blazor WebAssembly应用其他信息配置项目建好后可以直接启动项目，但如果想同时看到Blazor Server跟Blazor...两种模式项目结构对比 Blazor Server的Program.cs文件： Blazor Server Program.cs Blazor Wasm的Program.cs文件： Blazor Wasm

3.8K3 0

Blazor 初探

Blazor 初探目录一、新建项目二、ASP.NET Core Blazor 项目结构三、结合代码讲解四、改造五、配置文件的使用六、发布到 Linux（CentOS）题外话，期间遇到个问题...程序部署到 Linux 系统）》中提到的 VPS 文件中转下载服务后，如何将下载的文件以 Blazor 的方式传出到浏览器的方法。...那么这篇文章就回过头来，介绍一下本项目（VPSDownloader.NET）使用 Blazor 的过程。...一、新建项目在 VisualStudio 中选择 “Blazor 应用” 项目模板：填写项目名称：选择 Blazor Server 应用：二、ASP.NET Core Blazor 项目结构...微软官方文档：https://docs.microsoft.com/zh-cn/aspnet/core/blazor/project-structure?

2.7K1 0

Blazor-uri

(2) bool forceLoad：如果为false，使用 Blazor 增强型导航(局部加载，增量更新 DOM)。如果为true，绕过客户端路由，浏览器都必须从服务器整体加载完整页面。

3610 0

Linux动效: 开火车 + 召唤代码雨!

https://www.aliyundrive.com/s/M9HRzTgdg2a

1.1K1 0

ASP.NET Core Blazor 初探之 Blazor WebAssembly

虽然没有明确定义为class，但是显然这个代码块最后会被编译成一个类。这个类里的变量可以作为razor模板的数据源，可以进行绑定或者for循环。...实现新增学生页面（/student/add）当点击列表页面的Add按钮的时候，需要导航至新增页面，导航直接使用a标签没有任何问题。...这里我并没有手工实现为单例，直接在框架的容器上注册为单例生命周期。...的NavigationManager并没有提供GoBack这种操作。...但是，我不想在这神吹Blazor，毕竟它也没有到让人惊艳的地步，比如我熟悉Angular，熟悉VUE，说真的，目前来说，我没有什么动力切换到Blazor上来。

7.2K1 0

分层 Blazor 组件

虽然标记帮助器很有用，但仍存在一些编程缺陷，而 Blazor 组件则绝妙地消除了这些缺陷。在本文中，我将生成新的 Blazor 组件，以通过 Bootstrap 4 框架服务显示模式对话框。...在此过程中，我将处理 Blazor 模板化组件和级联参数。...在 Blazor 中，事情变得容易多了，因为无需为了创建复杂元素（如 Bootstrap 模式对话框）的更易记标记语法，而无奈地使用标记帮助器。接下来将介绍如何在 Blazor 中创建模式组件。...btn-secondary" data-dismiss="modal">Close 没有...请注意，在 Blazor 中，模板属性 ChildContent 自动捕获父元素的整个子标记。此外，Blazor 中的模板属性是 RenderFragment 类型的属性。

10.4K1 0

VSCode下配置Blazor环境 & 断点调试Blazor项目

安装VSCode如果你还没有安装VSCode，你可以从VSCode官方网站下载并安装。3. 安装C#插件在VSCode中，打开扩展视图并搜索"C#"，然后安装由Microsoft发布的C#插件。4....Blazor SnippetsBlazor Snippets插件提供了一系列的代码片段，可以帮助你快速编写Blazor代码。...创建构建任务如果你还没有构建任务，可以在.vscode文件夹中创建一个tasks.json文件，内容如下：{ "version": "2.0.0", "tasks": [ { "label...调试Blazor WebAssembly项目如果你在调试Blazor WebAssembly项目，调试过程稍有不同：在launch.json中添加一个新的配置：{ "name": "Blazor WebAssembly...常见问题无法启动调试：确保你的项目可以正常构建，并且没有其他进程占用相同的端口。断点未命中：确保你在调试模式下运行，并且代码已编译为调试版本。

1.3K0 0

Blazor练习1

个人练手笔记,对照官网练习.想学Blazor可以先看官网. 创建新的 Blazor 应为了设置 Blazor 项目来配合工作，我们将使用 Visual Studio Code。...除了一个名为 BlazorApp.csproj 的 C# 项目文件，此命令还将创建一个基本的 Blazor 服务器项目，其中包含所有必需的文件和页面。你现在应可以访问以下文件。

1.1K2 1

点击加载更多

Blazor入门_blazor视频教程

Blazor-Blazor呈现概念

Blazor学习之旅 (14) Blazor WebAssembly

Blazor-Blazor WebAssmbly项目结构（下）

Blazor资源大全，很棒的Blazor(2)

Blazor 修仙之旅 - Ant Design of Blazor

Blazor学习之旅(1)初步了解Blazor

Blazor-Ant Design of Blazor快速开始

Blazor资源大全，很棒的Blazor（1）

Blazor资源大全，很棒的Blazor(3)

Blazor-Blazor WebAssmbly项目结构（上）

ASP.NET Core Blazor 初探之 Blazor Server

Day 03：Blazor Server和Blazor WebAssembly的差异

Blazor 初探

Blazor-uri

Linux动效: 开火车 + 召唤代码雨!

ASP.NET Core Blazor 初探之 Blazor WebAssembly

分层 Blazor 组件

VSCode下配置Blazor环境 & 断点调试Blazor项目

Blazor练习1

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐