Blazor和Vue都是单文件组件SPA，路由的实现逻辑非常相似，页面路径的改变都是组件的切换，但因为各自语言的特性，在实现方式上有较大差异。 一、安装1、Vue：Router是Vue的一个插件。如果使用Vite脚手架初始化项目，需要手动安装和配置Router插件。如果使用Vue脚手架初始化项目，可以在安装过程
我如何使用.Net 7从零开始构建一个完整的 API ，前端使用Blazor使用它并发布到Azure 云！这里的想法是做一个非常简单的待办事项列表项目，专注于开发人员的日常例行研究，也可以对这些待办事项做出反应。希望你喜欢它！构建 API首先，我首先构建项目的基础，即包含我用来处理信息的动词的 API。
用户编辑和角色编辑几乎一模一样，这里先直接贴代码。@page "/user"@using BlazorLearn.Entity@using Furion.DataEncryption<Table TItem="UserEntity" IsBordered="true" ShowAddButton="true" ShowToolbar="true" ShowExtendButtons=&qu
其实我们既然集成了Fution，就可以用Furion带的方式来验证。创建AdminHandler我们还是去创建AdminHandler，但是跟策略不一样的是我们的Handler不继承于AuthorizationHandler，而是继承Furion的AppAuthorizeHandler。public class AdminHandler : AppAuthorizeHandlerAppAuthorizeHandler
今天我们来介绍一下 Bootstrap Blazor 中 Table 组件的虚拟滚动行，什么是虚拟滚动呢，我查到的解释是：只渲染可视区域的列表项，非可见区域的 完全不渲染，在滚动条滚动时动态更新列表项。 然后很明显，在实际应用中不可能实现“非可见区域的 完全不渲染”，这样的体验效果太差了，下拉
快速了解 Razor Blazor 是 Browser + Razor 的组合（具有很大的艺术自由度）。 因此，要了解 Blazor，我们需要了解浏览器和 Razor 语言。 我假设您了解什么是浏览器，因为互联网已经非常流行了几十年。 但是 Razor（作为一种计算机语言）可能还不是那么清楚。 Razor 是一种标记语法，可让您在模板
什么是 Blazor 组件？ 简单来说，Blazor 中的每个 razor 文件都是一个组件。 就是这么简单！ Blazor 中的 razor 文件包含标记，并且在 @code 部分中有代码。 我们在 MyFirstBlazor 项目中使用的每个页面都是一个组件！ 并且可以通过将其他组件添加为子组件来构建组件。 从 ComponentBase 类
今天咱们来扯一下 Blazor 应用程序怎么访问 HttpContext。其实这句话有坑，为了避免大伙伴们掉茅坑，老周直接说明：Blazor 是不能访问 HttpContext 的。哪怕你在服务容器中注册了 IHttpContextAccessor 也不行，无法返回有效的上下文。 为啥？这得从 Blazor 的运行方式说起。银河系周知，Bla
创建 Blazor 项目 创建新的 Blazor WebAssembly App 将其命名为BlazerWithTSInterop在您选择的目录中。 仅使用 .NET 6.0 客户端，无安全性且无 PWA。 CTRL+F5 在热重载模式下生成和运行。 总结已经创建了一个准备演示 JavaScript 互操作演练的项目。忽略模板附带的“计数器”和
Vue——两分钟概述 Vue 是一个JavaScript 框架。 在其最简单的模式中，您可以简单地将核心 Vue 脚本包含在您的应用程序中，然后开始构建您的组件。 除此之外，对于更复杂的应用程序，您可以使用 Vue 自己的 CLI 创建（并最终发布）一个 Vue 项目。 与大多数其他 JavaScript 框架一样，Vue
C#和JS互操作的基本语法是比较简单的，但小知识点特别多，同时，受应用加载顺序、组件生命周期以及参数类型的影响，会有比较多坑，需要耐心的学习。在C#中调用JS的场景会比较多，特别是在WASM模式下，由于WebAssembly的限制，很多时候，还是需要借助JS去控制DOM或BOM，比如WebStorage、WebGL、MediaCa
入门文章 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没有提供状态共享的方案，虽然依赖注入可以实现一个全局对象，这个对象可以拥有状态、计算属性、方法等特征，但并不具备响应式。比如，组件A和组件B，都注入了这个全局对象，并引用了全局对象上的数据。我们通过组件A，修改全局对象的数据，全局对象上的数据更新，但引用了这个数据的组件B，并
序之前我们一直使用的是微软自带的身份验证方式，即使用[Authorize]标签来做。但是这种方式十分不灵活，微软推荐的方式是加Policy，但是这种方式对我们来说还是不够灵活。所以本节我们用完全自己校验的方式完成权限验证。OnNavigateAsync介绍在 App.razor 里面的Router节点，微软给了一个
如何快速的实现一个扫雷呢,最好的办法不是从头写,而是移植一个已经写好的! Blazor出来时间也不短了,作为一个.net开发者就用它来作吧.Blazor给我的感觉像是Angular和React的结合体,单向,双向绑定,组件,依赖注入是不是 似曾相识? 没有调皮的js,也不需要一言难尽的npm,只有熟悉
最新的一份《The State of WebAssembly 2022》调查报告已出炉，“对于 WebAssembly 来说，这是相当不错的一年”。报告的一些重点内容包括：Rust 的使用率和渴望度持续攀升Python 的使用量有了很大的提升JavaScript 已经成为一种可行的 WebAssembly 语言Blazor 的使用量和渴望度也都大幅
上一篇(点击阅读)我们实现了UI在Web端(Blazor Server/Wasm)和客户端(Windows/macOS/Android/iOS)共享，这篇我加上 Masa Blazor组件库的引用，并把前几个月写的时间戳转换工具加上。 1. 前置知识 关于Masa Blazor请点击Masa Blazor官网了解： MASA Blazor 基于Material Design和Blazor
数据绑定 Blazor支持在html元素中使用Razor语法进行绑定c#字段 属性或值 绑定语法 在html标签中，添加@bind="xxxx"即可实现绑定 @page "/bind" <p> <input @bind="inputValue"/> </p> <p> <input @bind="InputValue" @bind:event="on
1. 前言 距离上次发《MAUI初体验：爽》一文已经过去2个月了，本计划是下半年或者明年再研究MAUI的，现在计划提前啦，因为我觉得MAUI Blazor挺有意思的：在Android、iOS、macOS、Windows之间共享UI，一处UI增加或者修改，就能得到一致的UI体验。 看看这篇文章《Blazor Hybrid/MAUI 简介和实战》
我们的按钮点击事件，基本上都是一个无参的方法或者是一个MouseEnvent方法。这里以BootstrapBlazor的Button为例，它的点击回调是这样的：EventCallback<MouseEventArgs>。下面我们来看一个例子：首先定义一个Foo作为内容public class Foo { public int Id { get; set; }
Blazor WebAssembly是什么 首先来说说WebAssembly是什么，WebAssembly是一个可以使C#,Java,Golang等静态强类型编程语言，运行在浏览器中的标准，浏览器厂商基于此标准实现执行引擎。 在实现了WebAssembly标准引擎之后，浏览器中可以执行由其他语言编译成的wasm模块。使用强类型编程语
Blazor 监听键盘输入，并显示! 我希望能够在不使用 Blazor 中的 HTML INPUT 标记的情况下捕获键盘输入。 @page "/test" <table @ref="testRef" tabindex="0" @onkeydown="HandleKeyDown"> <thead> <tr> <th>
欢迎使用.NET 多平台应用程序 UI。此版本标志着我们在统一 .NET 平台的多年旅程中的新里程碑。现在，您和超过 500 万其他 .NET 开发人员拥有面向 Android、iOS、macOS 和 Windows 的一流跨平台 UI 堆栈，以补充 .NET 工具链 (SDK) 和基类库 (BCL)。您可以使用 .NET 构建任何东西。
基于dhtmlxGantt实现的甘特图组件，目前仅做到了数据展现，方法及插槽暂未实现，若需可按照dhtmlxGantt的文档及微软的Balzor文档，自行扩展。 数据发生变化后甘特图会立即发生变化。 目前上不支持甘特图的事件回调及显示内容的扩展，若需要请按照dhtmlxGantt的文档及微软的Balzor文档，自行扩
前面章节，我们实现了父子组件之间的数据传递。大多数时候，我们以组件形式来构建页面的区块，会涉及到组件嵌套的问题，一层套一层。这种情况，很大概率需要将祖先的数据，传递给子孙后代去使用。我们当然可以使用父传子的方式，使用属性一级级往下传，但这样真得很麻烦。所以在Vue和Blazor都提供
