随笔分类 -  Blazor

摘要:使用 HttpClient 类 首先创建一个新的 Blazor WASM 项目(启用托管),就像您在第一章中创建的一样(称为 Blazor.Communication)。 您将使用此项目来检查为您创建的模板。 您将从查看解决方案的服务器端开始,然后是共享项目的代码,然后是客户端。 检查服务器项目 查 阅读全文
posted @ 2022-09-04 14:57 F(x)_King 阅读(137) 评论(0) 推荐(0) 编辑
摘要:从 C# 调用 JavaScript 浏览器具有许多您可能希望在 Blazor 网站中使用的功能。 例如,您可能希望使用浏览器的本地存储来跟踪某些数据。由于 Blazor 的 JavaScript 互操作性,这很容易。 提供胶水功能 要调用 JavaScript 功能,首先要在 JavaScript 阅读全文
posted @ 2022-09-04 14:19 F(x)_King 阅读(260) 评论(0) 推荐(0) 编辑
摘要:单页应用程序 SPA 是一种 Web 应用程序,它可以替换 UI 的某些部分,而无需重新加载整个页面。 SPA 使用 JavaScript 来实现对浏览器控制树的这种操作,也称为文档对象模型 (DOM),其中大多数由固定的 UI 和占位符元素组成,其中内容根据用户单击的位置被覆盖。 使用 SPA 的 阅读全文
posted @ 2022-09-04 14:14 F(x)_King 阅读(136) 评论(0) 推荐(0) 编辑
摘要:单元测试 Blazor 组件 让我们为 Blazor 应用程序创建几个测试。 在本章的代码下载中,您可以找到测试解决方案。 用你最喜欢的编辑器打开它。 项目中的所有内容都应该看起来很熟悉。 有 Counter 组件和 FetchData 组件,它们使用 IWeatherService 从服务器检索天 阅读全文
posted @ 2022-09-04 14:10 F(x)_King 阅读(173) 评论(0) 推荐(0) 编辑
摘要:了解 HTTP 在谈论 REST 之前,您应该对超文本传输协议(也称为 HTTP)有一个很好的了解。 HTTP 由 CERN 的 Tim Berners-Lee 于 1989 年创建。CERN 是基础物理研究中心,研究人员完成研究后会做什么? 他们用他们的研究成果发表论文。 在互联网出现之前,发表论 阅读全文
posted @ 2022-09-04 13:58 F(x)_King 阅读(114) 评论(0) 推荐(0) 编辑
摘要:了解依赖倒置 想象一个使用服务类的 ProductList 组件,该组件使用 new 运算符创建服务,如清单 5-1 所示。 清单 5-1 使用 ProductsService 的组件 @using Dependency.Inversion.Shared @foreach (var product 阅读全文
posted @ 2022-09-04 13:54 F(x)_King 阅读(181) 评论(0) 推荐(1) 编辑
摘要:使用模板化组件 组件是 Blazor 的重用构建块。 在 C# 中,泛型被大量用于重用; 想想你在泛型中使用的所有集合,比如 List<T>。 如果 Blazor 有类似通用组件的东西会不会很酷? 是的,Blazor 可以! Blazor 支持模板化组件,您可以在其中指定一个或多个 UI 模板作为参 阅读全文
posted @ 2022-09-04 13:49 F(x)_King 阅读(300) 评论(0) 推荐(0) 编辑
摘要:什么是 Blazor 组件? 简单来说,Blazor 中的每个 razor 文件都是一个组件。 就是这么简单! Blazor 中的 razor 文件包含标记,并且在 @code 部分中有代码。 我们在 MyFirstBlazor 项目中使用的每个页面都是一个组件! 并且可以通过将其他组件添加为子组件 阅读全文
posted @ 2022-09-04 13:45 F(x)_King 阅读(1058) 评论(0) 推荐(1) 编辑
摘要:快速了解 Razor Blazor 是 Browser + Razor 的组合(具有很大的艺术自由度)。 因此,要了解 Blazor,我们需要了解浏览器和 Razor 语言。 我假设您了解什么是浏览器,因为互联网已经非常流行了几十年。 但是 Razor(作为一种计算机语言)可能还不是那么清楚。 Ra 阅读全文
posted @ 2022-09-04 13:36 F(x)_King 阅读(300) 评论(0) 推荐(0) 编辑
摘要:您第一个Blazor项目 使用 Dotnet CLI 生成项目 要使用可在任何机器上运行的 dotnet CLI 生成项目,请首先打开命令行,然后将当前目录更改为您要创建项目的任何位置。 现在执行以下命令来创建一个新的 Blazor WebAssembly 项目。 dotnet 是命令行,采用新指令 阅读全文
posted @ 2022-09-04 13:29 F(x)_King 阅读(672) 评论(0) 推荐(0) 编辑
摘要:创建 Blazor 项目 创建新的 Blazor WebAssembly App 将其命名为BlazerWithTSInterop在您选择的目录中。 仅使用 .NET 6.0 客户端,无安全性且无 PWA。 CTRL+F5 在热重载模式下生成和运行。 总结已经创建了一个准备演示 JavaScript 阅读全文
posted @ 2022-08-27 12:39 F(x)_King 阅读(770) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示
主题色彩