blazor

首页 > TAG信息列表 > blazor

Blazor和Vue对比学习（进阶.路由导航一）：基本使用

Blazor和Vue都是单文件组件SPA，路由的实现逻辑非常相似，页面路径的改变都是组件的切换，但因为各自语言的特性，在实现方式上有较大差异。一、安装1、Vue：Router是Vue的一个插件。如果使用Vite脚手架初始化项目，需要手动安装和配置Router插件。如果使用Vue脚手架初始化项目，可以在安装过程

DevToDo 列表 — 我如何使用 .Net Core 创建和发布 API

我如何使用.Net 7从零开始构建一个完整的 API ，前端使用Blazor使用它并发布到Azure 云！这里的想法是做一个非常简单的待办事项列表项目，专注于开发人员的日常例行研究，也可以对这些待办事项做出反应。希望你喜欢它！构建 API首先，我首先构建项目的基础，即包含我用来处理信息的动词的 API。

从零开始Blazor Server(11)--编辑用户

用户编辑和角色编辑几乎一模一样，这里先直接贴代码。@page "/user"@using BlazorLearn.Entity@using Furion.DataEncryption<Table TItem="UserEntity" IsBordered="true" ShowAddButton="true" ShowToolbar="true" ShowExtendButtons=&qu

从零开始Blazor Server(7)--使用Furion权限验证

其实我们既然集成了Fution，就可以用Furion带的方式来验证。创建AdminHandler我们还是去创建AdminHandler，但是跟策略不一样的是我们的Handler不继承于AuthorizationHandler，而是继承Furion的AppAuthorizeHandler。public class AdminHandler : AppAuthorizeHandlerAppAuthorizeHandler

Bootstrap Blazor 开源UI库介绍-Table 虚拟滚动行

　　今天我们来介绍一下 Bootstrap Blazor 中 Table 组件的虚拟滚动行，什么是虚拟滚动呢，我查到的解释是：只渲染可视区域的列表项，非可见区域的完全不渲染，在滚动条滚动时动态更新列表项。　　然后很明显，在实际应用中不可能实现“非可见区域的完全不渲染”，这样的体验效果太差了，下拉

第二章-数据绑定

快速了解 Razor Blazor 是 Browser + Razor 的组合（具有很大的艺术自由度）。因此，要了解 Blazor，我们需要了解浏览器和 Razor 语言。我假设您了解什么是浏览器，因为互联网已经非常流行了几十年。但是 Razor（作为一种计算机语言）可能还不是那么清楚。 Razor 是一种标记语法，可让您在模板

第三章-Blazor 应用程序的组件和结构

什么是 Blazor 组件？简单来说，Blazor 中的每个 razor 文件都是一个组件。就是这么简单！ Blazor 中的 razor 文件包含标记，并且在 @code 部分中有代码。我们在 MyFirstBlazor 项目中使用的每个页面都是一个组件！并且可以通过将其他组件添加为子组件来构建组件。从 ComponentBase 类

【ASP.NET Core】在Blazor中获取 HTTP 上下文信息

今天咱们来扯一下 Blazor 应用程序怎么访问 HttpContext。其实这句话有坑，为了避免大伙伴们掉茅坑，老周直接说明：Blazor 是不能访问 HttpContext 的。哪怕你在服务容器中注册了 IHttpContextAccessor 也不行，无法返回有效的上下文。为啥？这得从 Blazor 的运行方式说起。银河系周知，Bla

Blazor与typeSrcipt交互

创建 Blazor 项目创建新的 Blazor WebAssembly App 将其命名为BlazerWithTSInterop在您选择的目录中。仅使用 .NET 6.0 客户端，无安全性且无 PWA。 CTRL+F5 在热重载模式下生成和运行。总结已经创建了一个准备演示 JavaScript 互操作演练的项目。忽略模板附带的“计数器”和

Blazor VS Vue

Vue——两分钟概述 Vue 是一个JavaScript 框架。在其最简单的模式中，您可以简单地将核心 Vue 脚本包含在您的应用程序中，然后开始构建您的组件。除此之外，对于更复杂的应用程序，您可以使用 Vue 自己的 CLI 创建（并最终发布）一个 Vue 项目。与大多数其他 JavaScript 框架一样，Vue

Blazor和Vue对比学习（知识点杂锦3.04）：Blazor中C#和JS互操作（超长文）

C#和JS互操作的基本语法是比较简单的，但小知识点特别多，同时，受应用加载顺序、组件生命周期以及参数类型的影响，会有比较多坑，需要耐心的学习。在C#中调用JS的场景会比较多，特别是在WASM模式下，由于WebAssembly的限制，很多时候，还是需要借助JS去控制DOM或BOM，比如WebStorage、WebGL、MediaCa

MAUI Blazor 权限经验分享 (定位,使用相机)

入门文章 Blazor Hybrid / MAUI 简介和实战 https://www.cnblogs.com/densen2014/p/16240966.html 在 Mac 上开发 .NET MAUI https://www.cnblogs.com/densen2014/p/16057571.html 在 Windows 上开发 .NET MAUI https://docs.microsoft.com/zh-cn/dotnet/maui/get-started/install

Blazor和Vue对比学习（进阶2.2.3）：状态管理之状态共享，Blazor的依赖注入和第三方库Fluxor

Blazor没有提供状态共享的方案，虽然依赖注入可以实现一个全局对象，这个对象可以拥有状态、计算属性、方法等特征，但并不具备响应式。比如，组件A和组件B，都注入了这个全局对象，并引用了全局对象上的数据。我们通过组件A，修改全局对象的数据，全局对象上的数据更新，但引用了这个数据的组件B，并

从零开始Blazor Server(5)--权限验证

序之前我们一直使用的是微软自带的身份验证方式，即使用[Authorize]标签来做。但是这种方式十分不灵活，微软推荐的方式是加Policy，但是这种方式对我们来说还是不够灵活。所以本节我们用完全自己校验的方式完成权限验证。OnNavigateAsync介绍在 App.razor 里面的Router节点，微软给了一个

Blazor快速实现扫雷(MineSweeper)

如何快速的实现一个扫雷呢,最好的办法不是从头写,而是移植一个已经写好的! Blazor出来时间也不短了,作为一个.net开发者就用它来作吧.Blazor给我的感觉像是Angular和React的结合体,单向,双向绑定,组件,依赖注入是不是似曾相识? 　　没有调皮的js,也不需要一言难尽的npm,只有熟悉

最流行的WebAssembly Web开发框架： Blazor

MAUI使用Masa blazor组件库

上一篇(点击阅读)我们实现了UI在Web端(Blazor Server/Wasm)和客户端(Windows/macOS/Android/iOS)共享，这篇我加上 Masa Blazor组件库的引用，并把前几个月写的时间戳转换工具加上。 1. 前置知识关于Masa Blazor请点击Masa Blazor官网了解： MASA Blazor 基于Material Design和Blazor

Blazor数据绑定

数据绑定 Blazor支持在html元素中使用Razor语法进行绑定c#字段属性或值绑定语法在html标签中，添加@bind="xxxx"即可实现绑定 @page "/bind" <p> <input @bind="inputValue"/> </p> <p> <input @bind="InputValue" @bind:event="on

MAUI与Blazor共享一套UI，媲美Flutter，实现Windows、macOS、Android、iOS、Web通用UI

1. 前言距离上次发《MAUI初体验：爽》一文已经过去2个月了，本计划是下半年或者明年再研究MAUI的，现在计划提前啦，因为我觉得MAUI Blazor挺有意思的：在Android、iOS、macOS、Windows之间共享UI，一处UI增加或者修改，就能得到一致的UI体验。看看这篇文章《Blazor Hybrid/MAUI 简介和实战》

Blazor 小技巧之 lambda传参

我们的按钮点击事件，基本上都是一个无参的方法或者是一个MouseEnvent方法。这里以BootstrapBlazor的Button为例，它的点击回调是这样的：EventCallback<MouseEventArgs>。下面我们来看一个例子：首先定义一个Foo作为内容public class Foo { public int Id { get; set; }

Blazor WebAssembly + Grpc Web = 未来？

Blazor WebAssembly是什么首先来说说WebAssembly是什么，WebAssembly是一个可以使C#,Java,Golang等静态强类型编程语言，运行在浏览器中的标准，浏览器厂商基于此标准实现执行引擎。在实现了WebAssembly标准引擎之后，浏览器中可以执行由其他语言编译成的wasm模块。使用强类型编程语

Blazor 监听键盘输入，并显示!

Blazor 监听键盘输入，并显示! 我希望能够在不使用 Blazor 中的 HTML INPUT 标记的情况下捕获键盘输入。 @page "/test" <table @ref="testRef" tabindex="0" @onkeydown="HandleKeyDown"> <thead> <tr> <th>

.NET MAUI 简介

欢迎使用.NET 多平台应用程序 UI。此版本标志着我们在统一 .NET 平台的多年旅程中的新里程碑。现在，您和超过 500 万其他 .NET 开发人员拥有面向 Android、iOS、macOS 和 Windows 的一流跨平台 UI 堆栈，以补充 .NET 工具链 (SDK) 和基类库 (BCL)。您可以使用 .NET 构建任何东西。

基于dhtmlxGantt的Blazor甘特图组件

基于dhtmlxGantt实现的甘特图组件，目前仅做到了数据展现，方法及插槽暂未实现，若需可按照dhtmlxGantt的文档及微软的Balzor文档，自行扩展。数据发生变化后甘特图会立即发生变化。目前上不支持甘特图的事件回调及显示内容的扩展，若需要请按照dhtmlxGantt的文档及微软的Balzor文档，自行扩

Blazor和Vue对比学习（基础1.6）：祖孙传值，联级和注入

前面章节，我们实现了父子组件之间的数据传递。大多数时候，我们以组件形式来构建页面的区块，会涉及到组件嵌套的问题，一层套一层。这种情况，很大概率需要将祖先的数据，传递给子孙后代去使用。我们当然可以使用父传子的方式，使用属性一级级往下传，但这样真得很麻烦。所以在Vue和Blazor都提供